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

chore(demos): update demos to work

Browse Source 
* chore(demos): WIP refactor gulp demos task to use SystemJS

move build files into dist/demos and comment out the AoT demos task for
right now. This makes both `gulp demos` and `gulp demos.watch`work
again.

references #8411

* docs(demos): fix infinite scroll demo

* chore(demos): move old demos task to demos.prod

update the demos file with shared tasks, include the shared css

* docs(demos): fix API demos to use correct styles

* chore(demos): remove the main.ts files from each demo

* chore(demos): add prod template and constant

* chore(demos): remove tsconfig and package from demos

* chore(demos): update app.module path to ionic

* chore(demos): update app.module path to ionic

* chore(demos): update prod task for demos to work with AoT

also puts the demo build files into dist/ instead of the src directory

* docs(demos): update deploy and docs tasks for new build

* docs(scripts): update demos README

* chore(demos): fix path for prod build
This commit is contained in:
Brandy Carney
2016-12-13 13:56:22 -05:00
committed by Adam Bradley
parent 3701ee5e37
commit 1f83cde78b
182 changed files with 2946 additions and 3626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
demos/src/segment/app.component.ts
View File

@ -1,92 +0,0 @@
import { Component } from '@angular/core';
@Component({
templateUrl: 'page.html'
})
export class ApiDemoPage {
appType = 'Paid';
safari = 'Shared Links';
weather = 'sunny';
apps = {
'Paid': [
{
name: 'Monopoly',
price: '$0.99'
},
{
name: 'Angry Birds',
price: '$2.99'
}
],
'Free': [
{
name: 'Snapchat',
price: 'GET'
},
{
name: 'Instagram',
price: 'OPEN'
}
],
'Top': [
{
name: 'Spotify',
price: 'OPEN'
},
{
name: 'Pandora',
price: 'GET'
}
]
};
items = {
'Bookmarks': [
{
name: 'Favorites',
icon: 'ios-star-outline'
},
{
name: 'History',
icon: 'ios-clock-outline'
}
],
'Reading List': [
{
name: 'Terms of Service',
icon: 'create'
},
{
name: 'User Guide',
icon: 'book'
}
],
'Shared Links': [
{
name: 'Ionic Framework',
icon: 'ionic'
},
{
name: 'Learn Angular',
icon: 'logo-angular'
}
]
};
getItems(type) {
return this.apps[type];
}
getSafariItems(type) {
return this.items[type];
}
}
@Component({
template: '<ion-nav [root]="root"></ion-nav>'
})
export class ApiDemoApp {
root = ApiDemoPage;
}

98
demos/src/segment/app.module.ts
View File

@ -1,6 +1,98 @@
import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';
import { ApiDemoApp, ApiDemoPage } from './app.component';
import { Component, NgModule } from '@angular/core';
import { IonicApp, IonicModule } from '../';
@Component({
templateUrl: 'page.html'
})
export class ApiDemoPage {
appType = 'Paid';
safari = 'Shared Links';
weather = 'sunny';
apps = {
'Paid': [
{
name: 'Monopoly',
price: '$0.99'
},
{
name: 'Angry Birds',
price: '$2.99'
}
],
'Free': [
{
name: 'Snapchat',
price: 'GET'
},
{
name: 'Instagram',
price: 'OPEN'
}
],
'Top': [
{
name: 'Spotify',
price: 'OPEN'
},
{
name: 'Pandora',
price: 'GET'
}
]
};
items = {
'Bookmarks': [
{
name: 'Favorites',
icon: 'ios-star-outline'
},
{
name: 'History',
icon: 'ios-clock-outline'
}
],
'Reading List': [
{
name: 'Terms of Service',
icon: 'create'
},
{
name: 'User Guide',
icon: 'book'
}
],
'Shared Links': [
{
name: 'Ionic Framework',
icon: 'ionic'
},
{
name: 'Learn Angular',
icon: 'logo-angular'
}
]
};
getItems(type) {
return this.apps[type];
}
getSafariItems(type) {
return this.items[type];
}
}
@Component({
template: '<ion-nav [root]="root"></ion-nav>'
})
export class ApiDemoApp {
root = ApiDemoPage;
}
@NgModule({
declarations: [

18
demos/src/segment/index.html
View File

@ -1,18 +0,0 @@
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<title>Demo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet">
<link href="../scrollbar-fix.css" rel="stylesheet">
</head>
<body>
<ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js"></script>
<script src="./main.bundle.js"></script>
</body>
</html>

6
demos/src/segment/main.ts
View File

@ -1,6 +0,0 @@
import { platformBrowser } from '@angular/platform-browser';
import { enableProdMode } from '@angular/core';
import { AppModuleNgFactory } from './app.module.ngfactory';
enableProdMode();
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);