Input stuff

This commit is contained in:
Max Lynch
2015-04-24 14:31:51 -05:00
parent 6a855b6c9d
commit ca8c39179b
8 changed files with 15 additions and 6 deletions

View File

@ -7,6 +7,8 @@ export * from 'ionic2/components/checkbox/checkbox'
export * from 'ionic2/components/content/content'
export * from 'ionic2/components/icon/icon'
export * from 'ionic2/components/item/item'
export * from 'ionic2/components/form/form'
export * from 'ionic2/components/input/input'
export * from 'ionic2/components/layout/layout'
export * from 'ionic2/components/list/list'
export * from 'ionic2/components/nav-pane/nav-pane'

View File

@ -11,7 +11,7 @@ import {NavViewport, View, Button, Input} from 'ionic2/ionic2'
})
@Template({
url: 'pages/login.html',
directives: [View, FormDirectives, Button]
directives: [View, FormDirectives, Button, Input]
})
export class LoginPage {
constructor( @Parent() viewport: NavViewport ) { //, fb: FormBuilder ) {
@ -42,7 +42,7 @@ export class LoginPage {
})
@Template({
url: 'pages/signup.html',
directives: [View, FormDirectives, Button]
directives: [View, FormDirectives, Button, Input]
})
export class SignupPage {
constructor( @Parent() viewport: NavViewport ) { //, fb: FormBuilder ) {

View File

@ -4,7 +4,7 @@
<input control="email" type="email" placeholder="Your email">
</ion-input>
<ion-input>
<input control="password" type="email" placeholder="Your password">
<input control="password" type="password" placeholder="Your password">
</ion-input>
<button ion-button stable block type="submit">Log in</button>
<div>

View File

@ -1,17 +1,17 @@
<ion-view nav-title="Signup" style="padding: 20px">
<form (^submit)="doSignup($event)" [control-group]="signupForm">
<ion-input>
<input control="name" type="email" placeholder="Your name">
<input control="name" type="text" placeholder="Your name">
</ion-input>
<ion-input>
<input control="email" type="email" placeholder="Your email">
</ion-input>
<ion-input>
<input control="password" type="email" placeholder="Your password">
<input control="password" type="password" placeholder="Your password">
</ion-input>
<button ion-button stable block type="submit">Create account</button>
<div>
<button ion-button primary block (click)="doLogin()">Login in</button>
<button ion-button primary block (click)="doLogin()">Log in</button>
</div>
</form>
</ion-view>

View File

@ -0,0 +1,6 @@
ion-input {
display: block;
input {
width: 100%;
}
}

View File

@ -37,6 +37,7 @@
"components/content/content",
"components/item/item",
"components/form/form",
"components/input/input",
"components/layout/layout",
"components/list/list",
"components/modal/modal",