javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

switch updates

Browse Source
This commit is contained in:
Adam Bradley
2015-08-07 09:24:07 -05:00
parent 56f2a37696
commit bf286353f7
6 changed files with 121 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
ionic/components/switch/test/basic/main.html
View File

@ -8,54 +8,6 @@
<ion-list>
<div class="item switch" mode="ios">
<div class="item-content">
Unchecked
</div>
<div class="item-media media-switch">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<div class="item switch" mode="ios">
<div class="item-content">
Unchecked activated
</div>
<div class="item-media media-switch activated">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<div class="item switch" mode="ios" aria-checked="true">
<div class="item-content">
Checked
</div>
<div class="item-media media-switch">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<div class="item switch" mode="ios" aria-checked="true">
<div class="item-content">
Checked activated
</div>
<div class="item-media media-switch activated">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<ion-switch value="apple" checked="true" ng-control="appleCtrl" id="e2eAppleCheckbox">
Apple, value=apple, init checked
</ion-switch>

63
ionic/components/switch/test/basic/main2.html Normal file
View File

@ -0,0 +1,63 @@
<ion-toolbar><ion-title>Switches</ion-title></ion-toolbar>
<ion-content>
<form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
<ion-list>
<div class="item switch" mode="ios">
<div class="item-content">
Unchecked
</div>
<div class="item-media media-switch">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<div class="item switch" mode="ios">
<div class="item-content">
Unchecked activated
</div>
<div class="item-media media-switch activated">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<div class="item switch" mode="ios" aria-checked="true">
<div class="item-content">
Checked
</div>
<div class="item-media media-switch">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
<div class="item switch" mode="ios" aria-checked="true">
<div class="item-content">
Checked activated
</div>
<div class="item-media media-switch activated">
<div class="switch-icon">
<div class="switch-track"></div>
<div class="switch-handle"></div>
</div>
</div>
</div>
</ion-list>
</form>
</ion-content>