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

chore(tests): add disabling of the group inputs

Browse Source
This commit is contained in:
Ken Sodemann
2018-02-06 15:54:50 -06:00
parent 61231ecd75
commit 9a58ec42b8
2 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
packages/demos/angular/src/app/group-inputs-page/group-inputs-page.component.html
View File

@ -3,6 +3,15 @@
</div> </div>
<ion-grid> <ion-grid>
<ion-row>
<ion-col>
<ion-item>
<ion-label>Disable Inputs</ion-label>
<ion-checkbox id="disableCheckbox" name="disableCheckbox" [(ngModel)]="disableInputs"></ion-checkbox>
</ion-item>
</ion-col>
</ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<h2>Radio Buttons</h2> <h2>Radio Buttons</h2>
@ -15,15 +24,15 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<input id="stdBeef" type="radio" value="beef" [(ngModel)]="radioValue" /> <input id="stdBeef" type="radio" value="beef" [(ngModel)]="radioValue" [disabled]="disableInputs" />
<label for="stdBeef">Carne Asada</label> <label for="stdBeef">Carne Asada</label>
<input id="stdTongue" type="radio" value="tongue" [(ngModel)]="radioValue" /> <input id="stdTongue" type="radio" value="tongue" [(ngModel)]="radioValue" [disabled]="disableInputs" />
<label for="stdTongue">Lengua</label> <label for="stdTongue">Lengua</label>
<input id="stdBrains" type="radio" value="brains" [(ngModel)]="radioValue" /> <input id="stdBrains" type="radio" value="brains" [(ngModel)]="radioValue" [disabled]="disableInputs" />
<label for="stdBrains">Sesos</label> <label for="stdBrains">Sesos</label>
<input id="stdTripe" type="radio" value="tripe" [(ngModel)]="radioValue" /> <input id="stdTripe" type="radio" value="tripe" [(ngModel)]="radioValue" [disabled]="disableInputs" />
<label for="stdTripe">Tripa</label> <label for="stdTripe">Tripa</label>
<input id="stdChicken" type="radio" value="chicken" [(ngModel)]="radioValue" /> <input id="stdChicken" type="radio" value="chicken" [(ngModel)]="radioValue" [disabled]="disableInputs" />
<label for="stdChicken">Pollo</label> <label for="stdChicken">Pollo</label>
</ion-col> </ion-col>
<ion-col> <ion-col>
@ -39,7 +48,7 @@
<ion-row> <ion-row>
<ion-col> <ion-col>
<ion-list> <ion-list>
<ion-radio-group id="radio-group" [(ngModel)]="radioValue"> <ion-radio-group id="radio-group" [(ngModel)]="radioValue" [disabled]="disableInputs">
<ion-item> <ion-item>
<ion-label>Crarne Asada</ion-label> <ion-label>Crarne Asada</ion-label>
<ion-radio id="ion-grp-beef" value="beef"></ion-radio> <ion-radio id="ion-grp-beef" value="beef"></ion-radio>
@ -75,23 +84,23 @@
<ion-list> <ion-list>
<ion-item> <ion-item>
<ion-label>Crarne Asada</ion-label> <ion-label>Crarne Asada</ion-label>
<ion-radio value="beef" id="ion-beef" name="tacos" [(ngModel)]="radioValue"></ion-radio> <ion-radio value="beef" id="ion-beef" name="tacos" [(ngModel)]="radioValue" [disabled]="disableInputs"></ion-radio>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>Lengua</ion-label> <ion-label>Lengua</ion-label>
<ion-radio value="tongue" id="ion-tongue" name="tacos" [(ngModel)]="radioValue"></ion-radio> <ion-radio value="tongue" id="ion-tongue" name="tacos" [(ngModel)]="radioValue" [disabled]="disableInputs"></ion-radio>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>Sesos</ion-label> <ion-label>Sesos</ion-label>
<ion-radio value="brains" id="ion-brains" name="tacos" [(ngModel)]="radioValue"></ion-radio> <ion-radio value="brains" id="ion-brains" name="tacos" [(ngModel)]="radioValue" [disabled]="disableInputs"></ion-radio>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>Tripa</ion-label> <ion-label>Tripa</ion-label>
<ion-radio value="tripe" id="ion-tripe" name="tacos" [(ngModel)]="radioValue"></ion-radio> <ion-radio value="tripe" id="ion-tripe" name="tacos" [(ngModel)]="radioValue" [disabled]="disableInputs"></ion-radio>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>Pollo</ion-label> <ion-label>Pollo</ion-label>
<ion-radio value="chicken" id="ion-chicken" name="tacos" [(ngModel)]="radioValue"></ion-radio> <ion-radio value="chicken" id="ion-chicken" name="tacos" [(ngModel)]="radioValue" [disabled]="disableInputs"></ion-radio>
</ion-item> </ion-item>
</ion-list> </ion-list>
</ion-col> </ion-col>
@ -105,7 +114,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<ion-segment id="segment" color="primary" [(ngModel)]="radioValue"> <ion-segment id="segment" color="primary" [(ngModel)]="radioValue" [disabled]="disableInputs">
<ion-segment-button value="beef" id="ion-seg-beef">Carne Asada</ion-segment-button> <ion-segment-button value="beef" id="ion-seg-beef">Carne Asada</ion-segment-button>
<ion-segment-button value="tongue" id="ion-seg-tongue">Lengua</ion-segment-button> <ion-segment-button value="tongue" id="ion-seg-tongue">Lengua</ion-segment-button>
<ion-segment-button value="brains" id="ion-seg-brains">Sesos</ion-segment-button> <ion-segment-button value="brains" id="ion-seg-brains">Sesos</ion-segment-button>
@ -124,7 +133,7 @@
<ion-row> <ion-row>
<ion-col> <ion-col>
<label for="stdSelect">Standard Select (for tacos)</label> <label for="stdSelect">Standard Select (for tacos)</label>
<select id="stdSelect" name="stdSelect" [(ngModel)]="selectValue"> <select id="stdSelect" name="stdSelect" [(ngModel)]="selectValue" [disabled]="disableInputs">
<option value="beef">Carne Asada</option> <option value="beef">Carne Asada</option>
<option value="tongue">Lengua</option> <option value="tongue">Lengua</option>
<option value="brains">Sesos</option> <option value="brains">Sesos</option>
@ -141,7 +150,7 @@
<ion-col> <ion-col>
<ion-item> <ion-item>
<ion-label>Ionic Select (for tacos)</ion-label> <ion-label>Ionic Select (for tacos)</ion-label>
<ion-select id="ionSelect" name="ionSelect" [(ngModel)]="selectValue"> <ion-select id="ionSelect" name="ionSelect" [(ngModel)]="selectValue" [disabled]="disableInputs">
<ion-select-option value="beef">Carne Asada</ion-select-option> <ion-select-option value="beef">Carne Asada</ion-select-option>
<ion-select-option value="tongue">Lengua</ion-select-option> <ion-select-option value="tongue">Lengua</ion-select-option>
<ion-select-option value="brains">Sesos</ion-select-option> <ion-select-option value="brains">Sesos</ion-select-option>

2
packages/demos/angular/src/app/group-inputs-page/group-inputs-page.component.ts
View File

@ -7,6 +7,8 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
export class GroupInputsPageComponent implements OnInit { export class GroupInputsPageComponent implements OnInit {
disableInputs = false;
radioValue = 'tripe'; radioValue = 'tripe';
selectValue = 'brains'; selectValue = 'brains';