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

chore(demos): scrollbar fixs

Browse Source
This commit is contained in:
Dan Bucholtz
2016-09-19 16:23:19 -05:00
parent 139cf2dd43
commit bd6350f43e
44 changed files with 141 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demos/package.json
View File

@ -6,11 +6,12 @@
"author": "Ionic Team <hi@ionic.io> (http://ionic.io)",
"license": "MIT",
"dependencies": {
"ionic-angular": "nightly",
"ionicons": "3.0.0"
"ionic-angular": "2.0.0-beta.11-201609161747",
"ionicons": "3.0.0",
"rxjs": "5.0.0-beta.12"
},
"devDependencies": {
"@angular/compiler-cli": "0.6.2",
"typescript": "2.0.2"
"typescript": "rc"
}
}

4
demos/src/action-sheet/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/alert/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/button/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

2
demos/src/checkbox/app.component.ts
View File

@ -1,4 +1,4 @@
import { Component, NgModule } from '@angular/core';
import { Component } from '@angular/core';
@Component({

4
demos/src/checkbox/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/chip/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/config/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/datetime/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/events/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/hide-when/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/icon/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/infinite-scroll/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/input/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/item-reorder/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/item-sliding/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/item/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/label/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/list/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

3
demos/src/loading/main.html
View File

@ -7,11 +7,12 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet">
<link href="style.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>

4
demos/src/local-storage/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/menu/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/modal/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/nav-params/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/navbar/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/navigation/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/platform/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

3
demos/src/popover/main.html
View File

@ -7,11 +7,12 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet">
<link href="style.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>

4
demos/src/radio/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/range/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/refresher/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/scroll/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/searchbar/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/segment/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/select/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/show-when/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/slides/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

3
demos/src/tabs/main.html
View File

@ -7,11 +7,12 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet">
<link href="styles.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>

4
demos/src/textarea/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/title/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/toast/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/toggle/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

4
demos/src/toolbar/main.html
View File

@ -6,11 +6,13 @@
<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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
<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>

51
scripts/gulp/tasks/demos.ts
View File

@ -4,6 +4,7 @@ import * as glob from 'glob';
import { task } from 'gulp';
import * as rollup from 'rollup';
import * as nodeResolve from 'rollup-plugin-node-resolve';
import * as commonjs from 'rollup-plugin-commonjs';
import { DEMOS_ROOT, DEMOS_SRC_ROOT} from '../constants';
import { compileSass, copyFonts, createTimestamp, deleteFiles, runNgc, setSassIonicVersion } from '../util';
@ -60,13 +61,18 @@ function rollupTests() {
}
function recursiveRollupHelper(files: string[]) {
let start;
if (!files) {
return Promise.reject(new Error('list of files is null'));
} else if ( files.length === 0) {
return Promise.resolve();
} else {
const outputFileName = join(dirname(files[0]), 'main.es6.js');
const outputFileName = join(dirname(files[0]), 'main.bundle.js');
start = Date.now();
return bundle(files[0], outputFileName).then(() => {
const end = Date.now();
const seconds = (end - start) / 1000;
console.log(`Took ${seconds} seconds to process ${files[0]}`);
const remainingFiles = files.concat();
remainingFiles.shift();
return recursiveRollupHelper(remainingFiles);
@ -81,7 +87,7 @@ function bundle(inputFile: string, outputFile: string): Promise<any> {
return rollup.rollup({
entry: inputFile,
plugins: [
rollupNG2(),
commonjs(),
nodeResolve({
module: true,
jsnext: true,
@ -94,29 +100,9 @@ function bundle(inputFile: string, outputFile: string): Promise<any> {
format: 'iife',
dest: outputFile,
});
}).then(() => {
// transpile the file
console.log('Starting transpile to ES5 ...');
const es5BundleName = join(dirname(outputFile), 'main.bundle.js');
return transpile(outputFile, es5BundleName);
});
}
function transpile(inputFile: string, outputFile: string) {
console.log(`Transpiling ${inputFile}`);
return new Promise((resolve, reject) => {
const command = `./node_modules/.bin/tsc --out ${outputFile} --target es5 --allowJs --sourceMap ${inputFile}`;
exec(command, (err, stdout, stderr) => {
if (err) {
console.log(stdout);
console.log(stderr);
reject(err);
} else {
resolve();
}
});
});
}
function buildDemos(done: Function) {
doNpmInstall()
@ -127,24 +113,19 @@ function buildDemos(done: Function) {
}).then(() => {
done();
}).catch(err => {
console.log('ERRROR: ', err.message);
done(err);
});
}
export function rollupNG2() {
return {
name: 'rollupNG2',
resolveId(id: string) {
if (id.startsWith('rxjs/')) {
return `${process.cwd()}/demos/node_modules/rxjs-es/${id.split('rxjs/').pop()}.js`;
}
}
};
}
function cleanDemos(done: Function) {
deleteFiles([`${DEMOS_SRC_ROOT}/**/*.js`, `${DEMOS_SRC_ROOT}/**/*.d.ts`, `${DEMOS_SRC_ROOT}/**/*.ngfactory.ts`, `${DEMOS_SRC_ROOT}/**/*.metadata.json`], done);
deleteFiles([`${DEMOS_SRC_ROOT}/**/*.js`,
`${DEMOS_SRC_ROOT}/**/*.d.ts`,
`${DEMOS_SRC_ROOT}/**/*.ngfactory.ts`,
`${DEMOS_SRC_ROOT}/**/*.metadata.json`,
`${DEMOS_ROOT}/css`,
`${DEMOS_ROOT}/fonts`,
], done);
}
task('demos.build', ['demos.sass', 'demos.fonts'], (done: Function) => {