purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-12-22 01:47:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

@angular/material v2.0.0-beta.12 compability update,

Browse Source 
Lots of breaking changes,
all "md" prefixes changed with "mat" due to angular material deprecation of "md",
md2 package removed, its not compatible with latest material version, will be replaced with another date picker later.
This commit is contained in:
mustafahlvc
2017-10-10 16:37:14 +03:00
parent 55e1d8b2bc
commit c06e99dc97
394 changed files with 5513 additions and 4945 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example.css
View File

@@ -1,14 +1,14 @@
.example-h2 {
margin: 10px;
margin: 10px;
}
.example-section {
display: flex;
align-content: center;
align-items: center;
height: 60px;
display: flex;
align-content: center;
align-items: center;
height: 60px;
}
.example-margin {
margin: 10px;
margin: 10px;
}

78
src/assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example.html
View File

@@ -1,44 +1,44 @@
<md-card>
<md-card-content>
<h2 class="example-h2">Slider configuration</h2>
<mat-card>
<mat-card-content>
<h2 class="example-h2">Slider configuration</h2>
<section class="example-section">
<label class="example-margin">Color:</label>
<md-radio-group [(ngModel)]="color">
<md-radio-button class="example-margin" value="primary">
Primary
</md-radio-button>
<md-radio-button class="example-margin" value="accent">
Accent
</md-radio-button>
<md-radio-button class="example-margin" value="warn">
Warn
</md-radio-button>
</md-radio-group>
</section>
<section class="example-section">
<label class="example-margin">Color:</label>
<mat-radio-group [(ngModel)]="color">
<mat-radio-button class="example-margin" value="primary">
Primary
</mat-radio-button>
<mat-radio-button class="example-margin" value="accent">
Accent
</mat-radio-button>
<mat-radio-button class="example-margin" value="warn">
Warn
</mat-radio-button>
</mat-radio-group>
</section>
<section class="example-section">
<md-checkbox class="example-margin" [(ngModel)]="checked">Checked</md-checkbox>
</section>
<section class="example-section">
<mat-checkbox class="example-margin" [(ngModel)]="checked">Checked</mat-checkbox>
</section>
<section class="example-section">
<md-checkbox class="example-margin" [(ngModel)]="disabled">Disabled</md-checkbox>
</section>
</md-card-content>
</md-card>
<section class="example-section">
<mat-checkbox class="example-margin" [(ngModel)]="disabled">Disabled</mat-checkbox>
</section>
</mat-card-content>
</mat-card>
<md-card class="result">
<md-card-content>
<h2 class="example-h2">Result</h2>
<mat-card class="result">
<mat-card-content>
<h2 class="example-h2">Result</h2>
<section class="example-section">
<md-slide-toggle
class="example-margin"
[color]="color"
[checked]="checked"
[disabled]="disabled">
Slide me!
</md-slide-toggle>
</section>
</md-card-content>
</md-card>
<section class="example-section">
<mat-slide-toggle
class="example-margin"
[color]="color"
[checked]="checked"
[disabled]="disabled">
Slide me!
</mat-slide-toggle>
</section>
</mat-card-content>
</mat-card>

17
src/assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example.ts
View File

@@ -1,15 +1,16 @@
import {Component} from '@angular/core';
import { Component } from '@angular/core';
/**
* @title Configurable slide-toggle
*/
@Component({
selector: 'slide-toggle-configurable-example',
templateUrl: 'slide-toggle-configurable-example.html',
styleUrls: ['slide-toggle-configurable-example.css'],
selector : 'slide-toggle-configurable-example',
templateUrl: 'slide-toggle-configurable-example.html',
styleUrls : ['slide-toggle-configurable-example.css']
})
export class SlideToggleConfigurableExample {
color = 'accent';
checked = false;
disabled = false;
export class SlideToggleConfigurableExample
{
color = 'accent';
checked = false;
disabled = false;
}