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

hn updates

Browse Source
This commit is contained in:
Adam Bradley
2015-05-28 10:36:09 -05:00
parent d827279a4f
commit 56ab2b2648
6 changed files with 17 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/app/test/hn/index.js
View File

@@ -1,8 +1,8 @@
import {bootstrap, ElementRef} from 'angular2/angular2'
import {bootstrap} from 'angular2/angular2'
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {Nav, HeaderTemplate, Toolbar, Content} from 'ionic/ionic';
import {Nav} from 'ionic/ionic';
import {HackerNews} from './hn';
import {HNTopStories} from './pages/top';
@@ -10,12 +10,10 @@ import {HNTopStories} from './pages/top';
@Component({ selector: 'ion-app' })
@View({
templateUrl: 'main.html',
directives: [Nav, Content, HeaderTemplate, Toolbar]
directives: [Nav]
})
export class IonicApp {
constructor(
elementRef: ElementRef
) {
constructor() {
console.log('IonicApp start: HackerNews', HackerNews)
this.splashPage = HNTopStories

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

@@ -2,10 +2,10 @@
</ion-nav>
<style>
.toolbar-container {
.navbar-container {
background-color: #ff6600 !important;
}
.toolbar-ios ion-title {
.nav-ios ion-title {
color: #fff !important;
}
</style>

3
ionic/components/app/test/hn/pages/single.html
View File

@@ -1,4 +1,5 @@
<ion-toolbar *header><ion-title>{{post.title}}</ion-title></ion-toolbar>
<ion-navbar *navbar><ion-title>{{post.title}}</ion-title></ion-navbar>
<ion-content>
<iframe style="width: 100%; height: 100%" src="{{post.url}}">
</iframe>

9
ionic/components/app/test/hn/pages/single.js
View File

@@ -1,18 +1,17 @@
import {NgFor, bootstrap} from 'angular2/angular2';
import {NgFor} from 'angular2/angular2';
import {Ancestor} from 'angular2/src/core/annotations_impl/visibility';
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, NavParams, HeaderTemplate, Toolbar, Content, Nav, NavPane, List, Item} from 'ionic/ionic';
import {NavController, NavParams, NavbarTemplate, Navbar, Content, Nav, NavPane, List, Item} from 'ionic/ionic';
import {HackerNews} from '../hn'
@Component({ selector: 'top-stories' })
@View({
templateUrl: 'pages/single.html',
directives: [HeaderTemplate, Toolbar, Content, NgFor, List, Item]
directives: [NavbarTemplate, Navbar, Content, NgFor, List, Item]
})
export class HNSinglePost {
constructor(

2
ionic/components/app/test/hn/pages/top.html
View File

@@ -1,4 +1,4 @@
<ion-toolbar *header><ion-title>Top</ion-title></ion-toolbar>
<ion-navbar *navbar><ion-title>Top</ion-title></ion-navbar>
<ion-content class="padding">

9
ionic/components/app/test/hn/pages/top.js
View File

@@ -1,15 +1,14 @@
import {NgFor, ElementRef, bootstrap} from 'angular2/angular2';
import {NgFor} from 'angular2/angular2';
import {Ancestor} from 'angular2/src/core/annotations_impl/visibility';
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, HeaderTemplate, Toolbar, Content, List, Item} from 'ionic/ionic';
import {NavController, NavbarTemplate, Navbar, Content, List, Item} from 'ionic/ionic';
import {HackerNews} from '../hn';
import {HNSinglePost} from './single';
console.log('Angular directives', NgFor, Content, List, Item);
@Component({
@@ -29,7 +28,7 @@ export class Story {
})
@View({
templateUrl: 'pages/top.html',
directives: [HeaderTemplate, Toolbar, Content, NgFor, List, Story, Item]
directives: [NavbarTemplate, Navbar, Content, NgFor, List, Story, Item]
})
export class HNTopStories {
constructor(