mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
chore(build): add main.html files
add main.html files
This commit is contained in:
Dan Bucholtz
4
.gitignore
vendored
4
.gitignore
vendored
@ -31,7 +31,9 @@ scripts/build/e2e-generated-tsconfig.json
|
|||||||
|
|
||||||
# demo stuff
|
# demo stuff
|
||||||
demos/node_modules
|
demos/node_modules
|
||||||
demos/src/**/*.js
|
demos/css
|
||||||
|
demos/fonts
|
||||||
|
demos/src/**/*.js*
|
||||||
demos/src/**/*.ngfactory.ts
|
demos/src/**/*.ngfactory.ts
|
||||||
demos/src/**/*.d.ts
|
demos/src/**/*.d.ts
|
||||||
demos/src/**/*.metadata.json
|
demos/src/**/*.metadata.json
|
||||||
|
|||||||
56
demos/polyfills/README.md
Normal file
56
demos/polyfills/README.md
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
## polyfills.js
|
||||||
|
|
||||||
|
Contains all polyfills needed to work on the largest range of devices. This is the default polyfill.
|
||||||
|
|
||||||
|
### Targets:
|
||||||
|
|
||||||
|
- Android 4.4.2 and above
|
||||||
|
- iOS back to iOS 8
|
||||||
|
|
||||||
|
### Includes:
|
||||||
|
|
||||||
|
- All ES6 features
|
||||||
|
- zone.js
|
||||||
|
- ES7 reflection
|
||||||
|
|
||||||
|
|
||||||
|
## polyfills.modern.js
|
||||||
|
|
||||||
|
A limited of set of polyfills to work on more modern browsers. This file limits the number of ES6 polyfills which are already natively included in modern browsers.
|
||||||
|
|
||||||
|
### Targets:
|
||||||
|
|
||||||
|
- Android 5.0 and above
|
||||||
|
- iOS 9 and above
|
||||||
|
|
||||||
|
### Includes:
|
||||||
|
|
||||||
|
- zone.js
|
||||||
|
- ES7 reflection,
|
||||||
|
- ES6 polyfills, except for:
|
||||||
|
|
||||||
|
new regexp features,
|
||||||
|
math features,
|
||||||
|
symbols,
|
||||||
|
typed arrays,
|
||||||
|
weak maps / weak sets
|
||||||
|
|
||||||
|
|
||||||
|
## polyfills.ng.js
|
||||||
|
|
||||||
|
Only the required polyfill for Angular 2. This does not come with any ES6 polyfills. Note that all polyfill files listed here included the required polyfills for Angular 2 to work correctly.
|
||||||
|
|
||||||
|
### Targets:
|
||||||
|
|
||||||
|
- Android 5.0 and above
|
||||||
|
- iOS 10 and above
|
||||||
|
|
||||||
|
### Includes:
|
||||||
|
|
||||||
|
- zone.js
|
||||||
|
- ES7 reflection
|
||||||
|
|
||||||
|
|
||||||
|
## ECMAScript 6 Compatibility
|
||||||
|
|
||||||
|
To easily judge which polyfill you may need you can check this [ES6 support table](https://kangax.github.io/compat-table/es6/).
|
||||||
3
demos/polyfills/polyfills.js
Normal file
3
demos/polyfills/polyfills.js
Normal file
File diff suppressed because one or more lines are too long
3
demos/polyfills/polyfills.modern.js
Normal file
3
demos/polyfills/polyfills.modern.js
Normal file
File diff suppressed because one or more lines are too long
2
demos/polyfills/polyfills.ng.js
Normal file
2
demos/polyfills/polyfills.ng.js
Normal file
File diff suppressed because one or more lines are too long
16
demos/src/action-sheet/main.html
Normal file
16
demos/src/action-sheet/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/alert/main.html
Normal file
16
demos/src/alert/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1 +0,0 @@
|
|||||||
@import "../src/ionic.ios";
|
|
||||||
@ -1 +0,0 @@
|
|||||||
@import "../src/ionic.md";
|
|
||||||
@ -1,2 +0,0 @@
|
|||||||
$font-path: "../fonts";
|
|
||||||
$roboto-font-path: "../fonts";
|
|
||||||
@ -1,2 +0,0 @@
|
|||||||
$font-path: "/fonts";
|
|
||||||
$roboto-font-path: "/fonts";
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
// http://ionicframework.com/docs/v2/theming/
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// To customize the look and feel of this app, you can override
|
|
||||||
// the Sass variables found in Ionic's source scss files. Setting
|
|
||||||
// variables before Ionic's Sass will use these variables rather than
|
|
||||||
// Ionic's default Sass variable values. App Shared Sass imports belong
|
|
||||||
// in the app.core.scss file and not this file. Sass variables specific
|
|
||||||
// to the mode belong in either the app.ios.scss or app.md.scss files.
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Color Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// It's highly recommended to change the default colors
|
|
||||||
// to match your app's branding. Ionic uses a Sass map of
|
|
||||||
// colors so you can add, rename and remove colors as needed.
|
|
||||||
// The "primary" color is the only required color in the map.
|
|
||||||
// Both iOS and MD colors can be further customized if colors
|
|
||||||
// are different per mode.
|
|
||||||
|
|
||||||
$colors: (
|
|
||||||
primary: #387ef5,
|
|
||||||
secondary: #32db64,
|
|
||||||
danger: #f53d3d,
|
|
||||||
light: #f4f4f4,
|
|
||||||
dark: #222,
|
|
||||||
vibrant: rebeccapurple,
|
|
||||||
bright: #FFC125
|
|
||||||
);
|
|
||||||
@ -1 +0,0 @@
|
|||||||
@import "../src/ionic.wp";
|
|
||||||
16
demos/src/button/main.html
Normal file
16
demos/src/button/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/checkbox/main.html
Normal file
16
demos/src/checkbox/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/chip/main.html
Normal file
16
demos/src/chip/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/config/main.html
Normal file
16
demos/src/config/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/datetime/main.html
Normal file
16
demos/src/datetime/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/events/main.html
Normal file
16
demos/src/events/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/hide-when/main.html
Normal file
16
demos/src/hide-when/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/icon/main.html
Normal file
16
demos/src/icon/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/infinite-scroll/main.html
Normal file
16
demos/src/infinite-scroll/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/input/main.html
Normal file
16
demos/src/input/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/item-reorder/main.html
Normal file
16
demos/src/item-reorder/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/item-sliding/main.html
Normal file
16
demos/src/item-sliding/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/item/main.html
Normal file
16
demos/src/item/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/label/main.html
Normal file
16
demos/src/label/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/list/main.html
Normal file
16
demos/src/list/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
17
demos/src/loading/main.html
Normal file
17
demos/src/loading/main.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!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="style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/local-storage/main.html
Normal file
16
demos/src/local-storage/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/menu/main.html
Normal file
16
demos/src/menu/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/modal/main.html
Normal file
16
demos/src/modal/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/nav-params/main.html
Normal file
16
demos/src/nav-params/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/navbar/main.html
Normal file
16
demos/src/navbar/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/navigation/main.html
Normal file
16
demos/src/navigation/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,36 +0,0 @@
|
|||||||
$font-path: "../fonts";
|
|
||||||
$roboto-font-path: "../fonts";
|
|
||||||
|
|
||||||
// http://ionicframework.com/docs/v2/theming/
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// To customize the look and feel of this app, you can override
|
|
||||||
// the Sass variables found in Ionic's source scss files. Setting
|
|
||||||
// variables before Ionic's Sass will use these variables rather than
|
|
||||||
// Ionic's default Sass variable values. App Shared Sass imports belong
|
|
||||||
// in the app.core.scss file and not this file. Sass variables specific
|
|
||||||
// to the mode belong in either the app.ios.scss or app.md.scss files.
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Color Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// It's highly recommended to change the default colors
|
|
||||||
// to match your app's branding. Ionic uses a Sass map of
|
|
||||||
// colors so you can add, rename and remove colors as needed.
|
|
||||||
// The "primary" color is the only required color in the map.
|
|
||||||
// Both iOS and MD colors can be further customized if colors
|
|
||||||
// are different per mode.
|
|
||||||
|
|
||||||
$colors: (
|
|
||||||
primary: #387ef5,
|
|
||||||
secondary: #32db64,
|
|
||||||
danger: #f53d3d,
|
|
||||||
light: #f4f4f4,
|
|
||||||
dark: #222,
|
|
||||||
vibrant: rebeccapurple,
|
|
||||||
bright: #FFC125
|
|
||||||
);
|
|
||||||
|
|
||||||
@import "../src/ionic.ios";
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
$font-path: "../fonts";
|
|
||||||
$roboto-font-path: "../fonts";
|
|
||||||
|
|
||||||
// http://ionicframework.com/docs/v2/theming/
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// To customize the look and feel of this app, you can override
|
|
||||||
// the Sass variables found in Ionic's source scss files. Setting
|
|
||||||
// variables before Ionic's Sass will use these variables rather than
|
|
||||||
// Ionic's default Sass variable values. App Shared Sass imports belong
|
|
||||||
// in the app.core.scss file and not this file. Sass variables specific
|
|
||||||
// to the mode belong in either the app.ios.scss or app.md.scss files.
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Color Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// It's highly recommended to change the default colors
|
|
||||||
// to match your app's branding. Ionic uses a Sass map of
|
|
||||||
// colors so you can add, rename and remove colors as needed.
|
|
||||||
// The "primary" color is the only required color in the map.
|
|
||||||
// Both iOS and MD colors can be further customized if colors
|
|
||||||
// are different per mode.
|
|
||||||
|
|
||||||
$colors: (
|
|
||||||
primary: #387ef5,
|
|
||||||
secondary: #32db64,
|
|
||||||
danger: #f53d3d,
|
|
||||||
light: #f4f4f4,
|
|
||||||
dark: #222,
|
|
||||||
vibrant: rebeccapurple,
|
|
||||||
bright: #FFC125
|
|
||||||
);
|
|
||||||
|
|
||||||
@import "../src/ionic.md";
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
$font-path: "../fonts";
|
|
||||||
$roboto-font-path: "../fonts";
|
|
||||||
|
|
||||||
// http://ionicframework.com/docs/v2/theming/
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// To customize the look and feel of this app, you can override
|
|
||||||
// the Sass variables found in Ionic's source scss files. Setting
|
|
||||||
// variables before Ionic's Sass will use these variables rather than
|
|
||||||
// Ionic's default Sass variable values. App Shared Sass imports belong
|
|
||||||
// in the app.core.scss file and not this file. Sass variables specific
|
|
||||||
// to the mode belong in either the app.ios.scss or app.md.scss files.
|
|
||||||
|
|
||||||
|
|
||||||
// App Shared Color Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
// It's highly recommended to change the default colors
|
|
||||||
// to match your app's branding. Ionic uses a Sass map of
|
|
||||||
// colors so you can add, rename and remove colors as needed.
|
|
||||||
// The "primary" color is the only required color in the map.
|
|
||||||
// Both iOS and MD colors can be further customized if colors
|
|
||||||
// are different per mode.
|
|
||||||
|
|
||||||
$colors: (
|
|
||||||
primary: #387ef5,
|
|
||||||
secondary: #32db64,
|
|
||||||
danger: #f53d3d,
|
|
||||||
light: #f4f4f4,
|
|
||||||
dark: #222,
|
|
||||||
vibrant: rebeccapurple,
|
|
||||||
bright: #FFC125
|
|
||||||
);
|
|
||||||
|
|
||||||
@import "../src/ionic.wp";
|
|
||||||
16
demos/src/platform/main.html
Normal file
16
demos/src/platform/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
17
demos/src/popover/main.html
Normal file
17
demos/src/popover/main.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!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="style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/radio/main.html
Normal file
16
demos/src/radio/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/range/main.html
Normal file
16
demos/src/range/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/refresher/main.html
Normal file
16
demos/src/refresher/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/scroll/main.html
Normal file
16
demos/src/scroll/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,45 +0,0 @@
|
|||||||
(function(){
|
|
||||||
|
|
||||||
function hasScrollbar() {
|
|
||||||
|
|
||||||
if (typeof window.top.innerWidth === 'number') {
|
|
||||||
return window.top.innerWidth > window.top.document.documentElement.clientWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
// rootElem for quirksmode
|
|
||||||
var rootElem = window.top.document.documentElement || window.top.document.body;
|
|
||||||
|
|
||||||
// Check overflow style property on body for fauxscrollbars
|
|
||||||
var overflowStyle;
|
|
||||||
|
|
||||||
if (typeof rootElem.currentStyle !== 'undefined') {
|
|
||||||
overflowStyle = rootElem.currentStyle.overflow;
|
|
||||||
}
|
|
||||||
|
|
||||||
overflowStyle = overflowStyle || window.top.getComputedStyle(rootElem, '').overflow;
|
|
||||||
|
|
||||||
// Also need to check the Y axis overflow
|
|
||||||
var overflowYStyle;
|
|
||||||
|
|
||||||
if (typeof rootElem.currentStyle !== 'undefined') {
|
|
||||||
overflowYStyle = rootElem.currentStyle.overflowY;
|
|
||||||
}
|
|
||||||
|
|
||||||
overflowYStyle = overflowYStyle || window.top.getComputedStyle(rootElem, '').overflowY;
|
|
||||||
|
|
||||||
var contentOverflows = rootElem.scrollHeight > rootElem.clientHeight;
|
|
||||||
var overflowShown = /^(visible|auto)$/.test(overflowStyle) || /^(visible|auto)$/.test(overflowYStyle);
|
|
||||||
var alwaysShowScroll = overflowStyle === 'scroll' || overflowYStyle === 'scroll';
|
|
||||||
|
|
||||||
return (contentOverflows && overflowShown) || (alwaysShowScroll)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
if (hasScrollbar() === true) {
|
|
||||||
setTimeout(function() {
|
|
||||||
var body = document.getElementsByTagName('body')[0];
|
|
||||||
body.className = body.className + ' has-scrollbar';
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
|
|
||||||
})();
|
|
||||||
16
demos/src/searchbar/main.html
Normal file
16
demos/src/searchbar/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/segment/main.html
Normal file
16
demos/src/segment/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/select/main.html
Normal file
16
demos/src/select/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/show-when/main.html
Normal file
16
demos/src/show-when/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/slides/main.html
Normal file
16
demos/src/slides/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
17
demos/src/tabs/main.html
Normal file
17
demos/src/tabs/main.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!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="styles.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/textarea/main.html
Normal file
16
demos/src/textarea/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/title/main.html
Normal file
16
demos/src/title/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/toast/main.html
Normal file
16
demos/src/toast/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/toggle/main.html
Normal file
16
demos/src/toggle/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
demos/src/toolbar/main.html
Normal file
16
demos/src/toolbar/main.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!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 id="ionicLink" href="../../css/ionic.min.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ion-app></ion-app>
|
||||||
|
<script src="../../polyfills/polyfills.js"></script>
|
||||||
|
<script src="./main.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -9,7 +9,7 @@
|
|||||||
"moduleResolution": "node",
|
"moduleResolution": "node",
|
||||||
"noImplicitAny": false,
|
"noImplicitAny": false,
|
||||||
"removeComments": true,
|
"removeComments": true,
|
||||||
"target": "es6",
|
"target": "es5",
|
||||||
"types": ["jasmine", "protractor"]
|
"types": ["jasmine", "protractor"]
|
||||||
},
|
},
|
||||||
"include": [
|
"include": [
|
||||||
|
|||||||
1
scripts/gulp/declarations.d.ts
vendored
1
scripts/gulp/declarations.d.ts
vendored
@ -1,2 +1,3 @@
|
|||||||
|
declare module 'google-closure-compiler-js';
|
||||||
declare module 'rollup';
|
declare module 'rollup';
|
||||||
declare module 'rollup-plugin-node-resolve';
|
declare module 'rollup-plugin-node-resolve';
|
||||||
@ -6,7 +6,7 @@ import * as rollup from 'rollup';
|
|||||||
import * as nodeResolve from 'rollup-plugin-node-resolve';
|
import * as nodeResolve from 'rollup-plugin-node-resolve';
|
||||||
|
|
||||||
import { DEMOS_ROOT, DEMOS_SRC_ROOT} from '../constants';
|
import { DEMOS_ROOT, DEMOS_SRC_ROOT} from '../constants';
|
||||||
import { deleteFiles, runNgc } from '../util';
|
import { compileSass, copyFonts, createTimestamp, deleteFiles, runNgc, setSassIonicVersion } from '../util';
|
||||||
|
|
||||||
function doNpmInstall() {
|
function doNpmInstall() {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
@ -65,8 +65,8 @@ function recursiveRollupHelper(files: string[]) {
|
|||||||
} else if ( files.length === 0) {
|
} else if ( files.length === 0) {
|
||||||
return Promise.resolve();
|
return Promise.resolve();
|
||||||
} else {
|
} else {
|
||||||
const outputFileName = join(dirname(files[0]), 'app.bundle.js');
|
const outputFileName = join(dirname(files[0]), 'main.es6.js');
|
||||||
return runRollup(files[0], outputFileName).then(() => {
|
return bundle(files[0], outputFileName).then(() => {
|
||||||
const remainingFiles = files.concat();
|
const remainingFiles = files.concat();
|
||||||
remainingFiles.shift();
|
remainingFiles.shift();
|
||||||
return recursiveRollupHelper(remainingFiles);
|
return recursiveRollupHelper(remainingFiles);
|
||||||
@ -76,19 +76,45 @@ function recursiveRollupHelper(files: string[]) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function runRollup(inputFile: string, outputFile: string): Promise<any> {
|
function bundle(inputFile: string, outputFile: string): Promise<any> {
|
||||||
console.log(`Starting rollup on ${inputFile} ... writing to ${outputFile}`);
|
console.log(`Starting rollup on ${inputFile} ... writing to ${outputFile}`);
|
||||||
return rollup.rollup({
|
return rollup.rollup({
|
||||||
entry: inputFile,
|
entry: inputFile,
|
||||||
plugins: [
|
plugins: [
|
||||||
rollupNG2(),
|
rollupNG2(),
|
||||||
nodeResolve()
|
nodeResolve({
|
||||||
|
module: true,
|
||||||
|
jsnext: true,
|
||||||
|
main: true,
|
||||||
|
extensions: ['.js']
|
||||||
|
})
|
||||||
]
|
]
|
||||||
}).then(function(bundle){
|
}).then(bundle => {
|
||||||
return bundle.write({
|
return bundle.write({
|
||||||
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();
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -105,17 +131,13 @@ function buildDemos(done: Function) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
task('demos.build', (done: Function) => {
|
|
||||||
buildDemos(done);
|
|
||||||
});
|
|
||||||
|
|
||||||
export function rollupNG2() {
|
export function rollupNG2() {
|
||||||
return {
|
return {
|
||||||
name: 'rollupNG2',
|
name: 'rollupNG2',
|
||||||
|
|
||||||
resolveId(id: string) {
|
resolveId(id: string) {
|
||||||
if (id.startsWith('rxjs/')) {
|
if (id.startsWith('rxjs/')) {
|
||||||
return `${process.cwd()}/node_modules/rxjs-es/${id.split('rxjs/').pop()}.js`;
|
return `${process.cwd()}/demos/node_modules/rxjs-es/${id.split('rxjs/').pop()}.js`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -125,6 +147,21 @@ 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`], done);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
task('demos.build', ['demos.sass', 'demos.fonts'], (done: Function) => {
|
||||||
|
buildDemos(done);
|
||||||
|
});
|
||||||
|
|
||||||
task('demos.clean', (done: Function) => {
|
task('demos.clean', (done: Function) => {
|
||||||
cleanDemos(done);
|
cleanDemos(done);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
task('demos.sass', () => {
|
||||||
|
// ensure there is a version.scss file
|
||||||
|
setSassIonicVersion(`E2E-${createTimestamp()}`);
|
||||||
|
return compileSass(`${DEMOS_ROOT}/css`);
|
||||||
|
});
|
||||||
|
|
||||||
|
task('demos.fonts', () => {
|
||||||
|
return copyFonts(`${DEMOS_ROOT}/fonts`);
|
||||||
|
});
|
||||||
|
|||||||
@ -3,7 +3,7 @@ import {dest, src, start, task} from 'gulp';
|
|||||||
import * as path from 'path';
|
import * as path from 'path';
|
||||||
import * as fs from 'fs';
|
import * as fs from 'fs';
|
||||||
|
|
||||||
import { compileSass, copyFonts, createTempTsConfig, deleteFiles, runNgc, runWebpack, setSassIonicVersion, createTimestamp } from '../util';
|
import { compileSass, copyFonts, createTempTsConfig, createTimestamp, deleteFiles, runNgc, runWebpack, setSassIonicVersion } from '../util';
|
||||||
|
|
||||||
task('e2e', e2eBuild);
|
task('e2e', e2eBuild);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user