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

Snapcat

Browse Source
This commit is contained in:
Max Lynch
2015-06-10 15:10:44 -05:00
parent 978143a71b
commit abcd8af221
2 changed files with 58 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
ionic/components/app/test/snapcat/index.js
View File

@ -1,9 +1,11 @@
import {DynamicComponentLoader, ElementRef, ComponentRef, onDestroy, DomRenderer} from 'angular2/angular2';
import {bind, Injector} from 'angular2/di';
import {bootstrap, NgFor} from 'angular2/angular2' import {bootstrap, NgFor} from 'angular2/angular2'
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations'; import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view'; import {View} from 'angular2/src/core/annotations_impl/view';
import {FormBuilder, Control, ControlGroup, Validators, formDirectives} from 'angular2/forms'; import {FormBuilder, Control, ControlGroup, Validators, formDirectives} from 'angular2/forms';
import {Nav, Segment, SegmentButton, Slides, Slide, Content, Button, List, Item} from 'ionic/ionic'; import {Modal, ModalRef, Nav, Segment, SegmentButton, Slides, Slide, Content, Button, List, Item} from 'ionic/ionic';
import {NavController, NavbarTemplate, NavParams, Navbar} from 'ionic/ionic'; import {NavController, NavbarTemplate, NavParams, Navbar} from 'ionic/ionic';
@Component({ selector: 'ion-view' }) @Component({ selector: 'ion-view' })
@ -74,8 +76,60 @@ export class FeedPage {
directives: [formDirectives, Nav, Slides, Slide, Content, Button, List, Item] directives: [formDirectives, Nav, Slides, Slide, Content, Button, List, Item]
}) })
export class IonicApp { export class IonicApp {
constructor() { constructor(loader: DynamicComponentLoader, injector: Injector, domRenderer: DomRenderer, elementRef: ElementRef) {
this.feedPage = FeedPage this.feedPage = FeedPage
this.loader = loader;
this.domRenderer = domRenderer;
this.elementRef = elementRef;
this.injector = injector;
console.log('IonicApp Start', loader, domRenderer, elementRef);
}
openHeart() {
console.log('Heart');
//Modal.show(HeartModal, this.loader, this.injector, this.domRenderer, this.elementRef);
}
openGear() {
console.log('Gear');
Modal.show(SettingsModal, this.loader, this.injector, this.domRenderer, this.elementRef);
}
}
@Component({
selector: 'settings-modal'
})
@View({
template: '<ion-view><ion-content padding><button primary (click)="close()">Close</button></ion-content></ion-view>',
directives: [Nav, Button, Content]
})
export class SettingsModal {
constructor(modalRef: ModalRef) {
this.modalRef = modalRef;
}
close() {
console.log('Closing modal');
this.modalRef.close();
}
}
@Component({
selector: 'heart-modal'
})
@View({
template: '<ion-view><ion-content padding><button primary (click)="close()">Close</button></ion-content></ion-view>',
directives: [Nav, Button, Content]
})
export class HeartModal {
constructor(modalRef: ModalRef) {
this.modalRef = modalRef;
}
close() {
console.log('Closing modal');
this.modalRef.close();
} }
} }

4
ionic/components/app/test/snapcat/main.html
View File

@ -5,9 +5,9 @@
<ion-view> <ion-view>
<ion-toolbar id="p1toolbar"> <ion-toolbar id="p1toolbar">
<button class="toolbar-primary-item" primary><i class="icon ion-ios-heart"></i></button> <button (^click)="openHeart()" class="toolbar-primary-item" primary><i class="icon ion-ios-heart"></i></button>
<ion-title>secret</ion-title> <ion-title>secret</ion-title>
<button class="toolbar-secondary-item" primary><i class="icon ion-ios-gear"></i></button> <button (^click)="openGear()" class="toolbar-secondary-item" primary><i class="icon ion-ios-gear"></i></button>
</ion-toolbar> </ion-toolbar>
<ion-content> <ion-content>