refactor(input): place inputs inside of ion-item

This commit is contained in:
Adam Bradley
2016-01-20 21:41:54 -06:00
parent e4b200639e
commit b3a7298a52
60 changed files with 2528 additions and 1727 deletions

View File

@@ -1,6 +1,6 @@
it('should check apple, enable/check grape, submit form', function() {
element(by.css('[ngControl=appleCtrl] .checkbox-media')).click();
element(by.css('[ngControl=appleCtrl] button')).click();
element(by.css('.e2eGrapeDisabled')).click();
element(by.css('.e2eGrapeChecked')).click();
element(by.css('.e2eSubmit')).click();

View File

@@ -8,29 +8,35 @@
<ion-list>
<ion-checkbox value="apple" checked="true" ngControl="appleCtrl">
Apple, value=apple, init checked
</ion-checkbox>
<ion-item>
<ion-label>Apple, value=apple, init checked</ion-label>
<ion-checkbox value="apple" checked="true" ngControl="appleCtrl"></ion-checkbox>
</ion-item>
<ion-checkbox ngControl="bananaCtrl">
Banana, init no checked/value attributes
</ion-checkbox>
<ion-item>
<ion-label>Banana, init no checked/value attributes</ion-label>
<ion-checkbox ngControl="bananaCtrl"></ion-checkbox>
</ion-item>
<ion-checkbox value="cherry" disabled="true" ngControl="cherryCtrl">
Cherry, value=cherry, init disabled
</ion-checkbox>
<ion-item>
<ion-label>Cherry, value=cherry, init disabled</ion-label>
<ion-checkbox value="cherry" disabled="true" ngControl="cherryCtrl"></ion-checkbox>
</ion-item>
<ion-checkbox value="grape" [checked]="grapeChecked" [disabled]="grapeDisabled" ngControl="grapeCtrl">
Grape, value=grape, init checked, disabled
</ion-checkbox>
<ion-item>
<ion-label>Grape, value=grape, init checked, disabled</ion-label>
<ion-checkbox value="grape" [checked]="grapeChecked" [disabled]="grapeDisabled" ngControl="grapeCtrl"></ion-checkbox>
</ion-item>
<ion-checkbox secondary checked="true">
secondary color
</ion-checkbox>
<ion-item>
<ion-label>secondary color</ion-label>
<ion-checkbox secondary checked="true"></ion-checkbox>
</ion-item>
<ion-checkbox light checked="true">
light color
</ion-checkbox>
<ion-item>
<ion-label>light color</ion-label>
<ion-checkbox light checked="true"></ion-checkbox>
</ion-item>
</ion-list>