javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +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)", "author": "Ionic Team <hi@ionic.io> (http://ionic.io)",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"ionic-angular": "nightly", "ionic-angular": "2.0.0-beta.11-201609161747",
"ionicons": "3.0.0" "ionicons": "3.0.0",
"rxjs": "5.0.0-beta.12"
}, },
"devDependencies": { "devDependencies": {
"@angular/compiler-cli": "0.6.2", "@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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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({ @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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </html>

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

@ -7,11 +7,12 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet"> <link href="../../css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet"> <link href="../scrollbar-fix.css" rel="stylesheet">
</head> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </html>

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

@ -7,11 +7,12 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet"> <link href="../../css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet"> <link href="../scrollbar-fix.css" rel="stylesheet">
</head> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </html>

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

@ -7,11 +7,12 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<link href="../../css/ionic.min.css" rel="stylesheet"> <link href="../../css/ionic.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet"> <link href="../scrollbar-fix.css" rel="stylesheet">
</head> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </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="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"> <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> </head>
<body> <body>
<ion-app></ion-app> <ion-app></ion-app>
<script src="../../polyfills/polyfills.js"></script> <script src="../../polyfills/polyfills.js"></script>
<script src="../scrollbar-fix.js""></script>
<script src="./main.bundle.js"></script> <script src="./main.bundle.js"></script>
</body> </body>
</html> </html>

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

@ -4,6 +4,7 @@ import * as glob from 'glob';
import { task } from 'gulp'; import { task } from 'gulp';
import * as rollup from 'rollup'; import * as rollup from 'rollup';
import * as nodeResolve from 'rollup-plugin-node-resolve'; import * as nodeResolve from 'rollup-plugin-node-resolve';
import * as commonjs from 'rollup-plugin-commonjs';
import { DEMOS_ROOT, DEMOS_SRC_ROOT} from '../constants'; import { DEMOS_ROOT, DEMOS_SRC_ROOT} from '../constants';
import { compileSass, copyFonts, createTimestamp, deleteFiles, runNgc, setSassIonicVersion } from '../util'; import { compileSass, copyFonts, createTimestamp, deleteFiles, runNgc, setSassIonicVersion } from '../util';
@ -60,13 +61,18 @@ function rollupTests() {
} }
function recursiveRollupHelper(files: string[]) { function recursiveRollupHelper(files: string[]) {
let start;
if (!files) { if (!files) {
return Promise.reject(new Error('list of files is null')); return Promise.reject(new Error('list of files is null'));
} else if ( files.length === 0) { } else if ( files.length === 0) {
return Promise.resolve(); return Promise.resolve();
} else { } 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(() => { 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(); const remainingFiles = files.concat();
remainingFiles.shift(); remainingFiles.shift();
return recursiveRollupHelper(remainingFiles); return recursiveRollupHelper(remainingFiles);
@ -81,7 +87,7 @@ function bundle(inputFile: string, outputFile: string): Promise<any> {
return rollup.rollup({ return rollup.rollup({
entry: inputFile, entry: inputFile,
plugins: [ plugins: [
rollupNG2(), commonjs(),
nodeResolve({ nodeResolve({
module: true, module: true,
jsnext: true, jsnext: true,
@ -94,29 +100,9 @@ function bundle(inputFile: string, outputFile: string): Promise<any> {
format: 'iife', format: 'iife',
dest: outputFile, 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) { function buildDemos(done: Function) {
doNpmInstall() doNpmInstall()
@ -127,24 +113,19 @@ function buildDemos(done: Function) {
}).then(() => { }).then(() => {
done(); done();
}).catch(err => { }).catch(err => {
console.log('ERRROR: ', err.message);
done(err); 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) { 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) => { task('demos.build', ['demos.sass', 'demos.fonts'], (done: Function) => {