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

iOS switch

Browse Source
This commit is contained in:
Adam Bradley
2015-07-28 14:16:45 -05:00
parent b24a98731f
commit 51516b8b64
16 changed files with 259 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/form/label.scss
View File

@@ -2,14 +2,12 @@
// Label
// --------------------------------------------------
$input-label-color: #444 !default;
$input-label-color: #888 !default;
.input-label {
display: block;
max-width: 200px;
//width: 30%;
//min-width: 100px;
color: $input-label-color;
font-size: inherit;
white-space: nowrap;

4
ionic/components/form/label.ts
View File

@@ -5,6 +5,7 @@ import * as dom from '../../util/dom';
import {Input} from './text-input';
import {Checkbox} from '../checkbox/checkbox';
import {RadioButton} from '../radio/radio';
import {Switch} from '../switch/switch';
@Directive({
@@ -23,9 +24,10 @@ export class Label {
@Optional() @Parent() textContainer: Input,
@Optional() @Parent() checkboxContainer: Checkbox,
@Optional() @Parent() radioContainer: RadioButton,
@Optional() @Parent() switchContainer: Switch,
config: IonicConfig
) {
this.container = textContainer || checkboxContainer || radioContainer;
this.container = textContainer || checkboxContainer || radioContainer || switchContainer;
if (this.container) {
this.container.registerLabel(this);

7
ionic/components/form/test/fixed-inline-labels/main.html
View File

@@ -19,6 +19,9 @@
<ion-input>
<label class="fixed-inline-label">From</label>
<input value="Text 3" type="text">
<button primary clear>
<icon name="ion-power"></icon>
</button>
</ion-input>
<ion-input>
@@ -27,16 +30,19 @@
</ion-input>
<ion-input>
<icon name="ion-earth"></icon>
<label class="fixed-inline-label">Website</label>
<input value="http://ionic.io/" type="url">
</ion-input>
<ion-input>
<icon name="ion-email"></icon>
<label class="fixed-inline-label">Email</label>
<input value="email6@email.com" type="email">
</ion-input>
<ion-input>
<icon name="ion-earth"></icon>
<label class="fixed-inline-label">Feedback</label>
<textarea placeholder="Placeholder Text"></textarea>
</ion-input>
@@ -49,6 +55,7 @@
<ion-input>
<label class="fixed-inline-label">Score</label>
<input value="10" type="number">
<button primary outline>Update</button>
</ion-input>
<ion-input>

8
ionic/components/form/test/inline-labels/main.html
View File

@@ -19,6 +19,9 @@
<ion-input>
<label>From:</label>
<input value="Text 3" type="text">
<button primary clear>
<icon name="ion-power"></icon>
</button>
</ion-input>
<ion-input>
@@ -27,16 +30,19 @@
</ion-input>
<ion-input>
<icon name="ion-earth"></icon>
<label>Website:</label>
<input value="http://ionic.io/" type="url">
</ion-input>
<ion-input>
<icon name="ion-email"></icon>
<label>Email:</label>
<input value="email6@email.com" type="email">
</ion-input>
<ion-input>
<icon name="ion-edit"></icon>
<label>Feedback:</label>
<textarea placeholder="Placeholder Text"></textarea>
</ion-input>
@@ -44,11 +50,13 @@
<ion-input>
<label>More Info:</label>
<input placeholder="Placeholder Text" type="text">
<icon name="ion-flag"></icon>
</ion-input>
<ion-input>
<label>Score:</label>
<input value="10" type="number">
<button primary outline>Update</button>
</ion-input>
<ion-input>