mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
chore(): make test files use ionic.bundle.js
This commit is contained in:
@@ -13,12 +13,7 @@
|
||||
}
|
||||
|
||||
</style>
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body ng-controller="ActionCtrl">
|
||||
<content>
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css" />
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.slider-slide {
|
||||
padding-top: 80px;
|
||||
@@ -19,7 +14,7 @@
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
.slider-pager .slider-pager-page {
|
||||
@@ -63,7 +58,7 @@
|
||||
</slide>
|
||||
<slide>
|
||||
<h3>Using Awesome</h3>
|
||||
|
||||
|
||||
<div id="list">
|
||||
<h5>Just three steps:</h5>
|
||||
<ol>
|
||||
@@ -116,7 +111,7 @@
|
||||
|
||||
$scope.slideChanged = function(index) {
|
||||
console.log('Slide changed', index);
|
||||
|
||||
|
||||
if(index > 0) {
|
||||
$scope.leftButtons = [
|
||||
{
|
||||
@@ -130,7 +125,7 @@
|
||||
} else {
|
||||
$scope.leftButtons = leftButtons;
|
||||
}
|
||||
|
||||
|
||||
if(index == 2) {
|
||||
$scope.rightButtons = [
|
||||
{
|
||||
|
||||
@@ -8,12 +8,7 @@
|
||||
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.min.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.min.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.min.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.min.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.item-content, .item {
|
||||
padding: 6px !important;
|
||||
@@ -46,7 +41,7 @@
|
||||
<form id="form">
|
||||
<button class="button" ng-click="buttonClick()">button</button>
|
||||
<div class="div button" ng-click="divClick()">div</div>
|
||||
{{ buttonValue }} -
|
||||
{{ buttonValue }} -
|
||||
{{ radioModel.data }}
|
||||
|
||||
<div ng-show="testBtnText == 'HTML'">
|
||||
@@ -59,14 +54,14 @@
|
||||
|
||||
<toggle ng-click="{{ stringClick }}">Toggle with ng-click="{{ stringClick }]"</toggle>
|
||||
|
||||
<radio ng-change="radioChange()"
|
||||
ng-click="radioClick(radioModel.data)"
|
||||
ng-model="radioModel.data"
|
||||
<radio ng-change="radioChange()"
|
||||
ng-click="radioClick(radioModel.data)"
|
||||
ng-model="radioModel.data"
|
||||
ng-value="'Radio A'">Radio A</radio>
|
||||
|
||||
<radio ng-change="radioChange()"
|
||||
ng-click="radioClick(radioModel.data)"
|
||||
ng-model="radioModel.data"
|
||||
<radio ng-change="radioChange()"
|
||||
ng-click="radioClick(radioModel.data)"
|
||||
ng-model="radioModel.data"
|
||||
ng-value="'Radio B'">Radio B</radio>
|
||||
|
||||
</div>
|
||||
@@ -161,7 +156,7 @@
|
||||
};
|
||||
|
||||
$scope.menuItems = [
|
||||
{
|
||||
{
|
||||
label: 'Item 1',
|
||||
actionItem: function() {
|
||||
console.log('item.actionItem()', 'click')
|
||||
@@ -245,7 +240,7 @@
|
||||
document.getElementById('stop').addEventListener('click', function(){
|
||||
if(stopped) {
|
||||
this.innerText = 'Stop';
|
||||
window.stopped = false;
|
||||
window.stopped = false;
|
||||
} else {
|
||||
this.innerText = 'Start';
|
||||
window.stopped = true;
|
||||
@@ -304,7 +299,7 @@
|
||||
timeId = setTimeout(function(){
|
||||
document.getElementById('logs').innerHTML = msgs.join('<br>');
|
||||
}, 150);
|
||||
|
||||
|
||||
}
|
||||
|
||||
var timeId;
|
||||
@@ -321,4 +316,4 @@
|
||||
</form>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.reveal-animation {
|
||||
/*
|
||||
@@ -111,7 +106,7 @@
|
||||
Clean
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</pane>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.reveal-animation {
|
||||
/*
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body ng-controller="ThisCtrl">
|
||||
<pane>
|
||||
@@ -51,7 +46,7 @@
|
||||
Clean
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</pane>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.reveal-animation {
|
||||
/*
|
||||
@@ -86,7 +81,7 @@
|
||||
Clean
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</pane>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
#box {
|
||||
position: fixed;
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body ng-controller="TestCtrl">
|
||||
<header-bar
|
||||
@@ -30,7 +25,7 @@
|
||||
.controller('TestCtrl', function($scope) {
|
||||
$scope.headerTitle = 'A really really <u>really</u> really really long title here';
|
||||
$scope.leftButtons = [
|
||||
{
|
||||
{
|
||||
content: 'Hello <b>Hello</b>',
|
||||
tap: function(e) {
|
||||
console.log('Click button');
|
||||
@@ -38,7 +33,7 @@ content: 'Hello <b>Hello</b>',
|
||||
}
|
||||
]
|
||||
$scope.rightButtons = [
|
||||
{
|
||||
{
|
||||
content: 'Hello',
|
||||
tap: function(e) {
|
||||
console.log('Click button');
|
||||
|
||||
@@ -24,12 +24,7 @@
|
||||
</content>
|
||||
</div>
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<script>
|
||||
angular.module('navTest', ['ionic']);
|
||||
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.box {
|
||||
width: 100%;
|
||||
@@ -39,8 +34,8 @@
|
||||
.pink {
|
||||
background-color: rgb(233, 109, 233);
|
||||
}
|
||||
.my-repeat-animation > .ng-enter,
|
||||
.my-repeat-animation > .ng-leave,
|
||||
.my-repeat-animation > .ng-enter,
|
||||
.my-repeat-animation > .ng-leave,
|
||||
.my-repeat-animation > .ng-move {
|
||||
-webkit-transition: 0.2s linear all;
|
||||
transition: 0.2s linear all;
|
||||
@@ -197,7 +192,7 @@
|
||||
{ from: 'Adam', face: 'https://pbs.twimg.com/profile_images/2927292174/25b170ee2e3044fd936ad1319bc4b82d_bigger.jpeg', text: 'Don\'t forget to smile!' },
|
||||
{ from: 'Tim', face: 'https://pbs.twimg.com/profile_images/378800000290028838/ee3303b02223f25cb0f9b082b55b2eeb.jpeg', text: 'Bring some shirts!' }
|
||||
];
|
||||
|
||||
|
||||
|
||||
// List Toggles
|
||||
$scope.editBtnText = 'Edit';
|
||||
|
||||
@@ -11,12 +11,7 @@
|
||||
</head>
|
||||
<body ng-controller="LoadingCtrl">
|
||||
<button class="button button-dark" ng-click="startLoading()">Load</button>
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<script>
|
||||
angular.module('ionic.example', ['ionic.service.loading'])
|
||||
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<pane ng-controller="AppCtrl">
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css" />
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.reveal-animation {
|
||||
/*
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -24,7 +19,7 @@
|
||||
<div class="list">
|
||||
<label class="item item-input">
|
||||
<span class="input-label">Units</span>
|
||||
|
||||
|
||||
<!--<radio-buttons ng-model="data.isLovely">-->
|
||||
<div class="button-bar">
|
||||
<button class="button button-assertive button-radio" ng-value="'magical'" ng-click="magical()">Magical</button>
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.pane {
|
||||
background-color: #333;
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
@@ -6,29 +6,24 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div ng-controller="MainCtrl">
|
||||
<div ng-controller="MainCtrl">
|
||||
<nav-view></nav-view>
|
||||
</div>
|
||||
|
||||
|
||||
<script id="event-menu.html" type="text/ng-template">
|
||||
<side-menus>
|
||||
|
||||
|
||||
<pane side-menu-content>
|
||||
<nav-bar type="bar-positive"
|
||||
back-button-type="button-icon"
|
||||
back-button-icon="ion-ios7-arrow-back"></nav-bar>
|
||||
<nav-view name="menuContent"></nav-view>
|
||||
</pane>
|
||||
|
||||
</pane>
|
||||
|
||||
<side-menu side="left">
|
||||
<header class="bar bar-header bar-assertive">
|
||||
<div class="title">Left Menu</div>
|
||||
@@ -40,10 +35,10 @@
|
||||
</ul>
|
||||
</content>
|
||||
</side-menu>
|
||||
|
||||
|
||||
</side-menus>
|
||||
</script>
|
||||
|
||||
|
||||
<script id="home.html" type="text/ng-template">
|
||||
<view title="'Welcome'">
|
||||
<content has-header="true" padding="true">
|
||||
@@ -52,7 +47,7 @@
|
||||
</content>
|
||||
</view>
|
||||
</script>
|
||||
|
||||
|
||||
<script id="check-in.html" type="text/ng-template">
|
||||
<view title="'Event Check-in'">
|
||||
<content has-header="true">
|
||||
@@ -86,13 +81,13 @@
|
||||
</form>
|
||||
|
||||
<div ng-hide="showForm">
|
||||
<pre ng-bind="attendee | json"></pre>
|
||||
<pre ng-bind="attendee | json"></pre>
|
||||
<a href="#/event/attendees">View attendees</a>
|
||||
</div>
|
||||
</content>
|
||||
</view>
|
||||
</script>
|
||||
|
||||
|
||||
<script id="attendees.html" type="text/ng-template">
|
||||
<view title="'Event Attendees'">
|
||||
<content has-header="true">
|
||||
@@ -151,13 +146,13 @@
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
$urlRouterProvider.otherwise("/event/home");
|
||||
})
|
||||
|
||||
.controller('MainCtrl', function($scope) {
|
||||
console.log('MainCtrl');
|
||||
|
||||
|
||||
$scope.attendees = [
|
||||
{ firstname: 'Nicolas', lastname: 'Cage' },
|
||||
{ firstname: 'Jean-Claude', lastname: 'Van Damme' },
|
||||
@@ -170,13 +165,13 @@
|
||||
|
||||
.controller('CheckinCtrl', function($scope) {
|
||||
$scope.showForm = true;
|
||||
|
||||
|
||||
$scope.shirtSizes = [
|
||||
{ text: 'Large', value: 'L' },
|
||||
{ text: 'Medium', value: 'M' },
|
||||
{ text: 'Small', value: 'S' }
|
||||
];
|
||||
|
||||
|
||||
$scope.attendee = {};
|
||||
$scope.submit = function() {
|
||||
if(!$scope.attendee.firstname) {
|
||||
@@ -186,22 +181,22 @@
|
||||
$scope.showForm = false;
|
||||
$scope.attendees.push($scope.attendee);
|
||||
};
|
||||
|
||||
|
||||
})
|
||||
|
||||
.controller('AttendeesCtrl', function($scope) {
|
||||
|
||||
|
||||
$scope.activity = [];
|
||||
$scope.arrivedChange = function(attendee) {
|
||||
var msg = attendee.firstname + ' ' + attendee.lastname;
|
||||
msg += (!attendee.arrived ? ' has arrived, ' : ' just left, ');
|
||||
msg += (!attendee.arrived ? ' has arrived, ' : ' just left, ');
|
||||
msg += new Date().getMilliseconds();
|
||||
$scope.activity.push(msg);
|
||||
if($scope.activity.length > 3) {
|
||||
$scope.activity.splice(0, 1);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.slider-slide {
|
||||
padding-top: 80px;
|
||||
@@ -19,7 +14,7 @@
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
.slider-pager .slider-pager-page {
|
||||
@@ -69,7 +64,7 @@
|
||||
</slide>
|
||||
<slide>
|
||||
<h3>Using Awesome</h3>
|
||||
|
||||
|
||||
<div id="list">
|
||||
<h5>Just three steps:</h5>
|
||||
<ol>
|
||||
@@ -131,7 +126,7 @@
|
||||
|
||||
$scope.slideChanged = function(index) {
|
||||
console.log('Slide changed', index);
|
||||
|
||||
|
||||
if(index > 0) {
|
||||
$scope.leftButtons = [
|
||||
{
|
||||
@@ -145,7 +140,7 @@
|
||||
} else {
|
||||
$scope.leftButtons = leftButtons;
|
||||
}
|
||||
|
||||
|
||||
if(index == 2) {
|
||||
$scope.rightButtons = [
|
||||
{
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<style>
|
||||
.slider-slide {
|
||||
padding-top: 80px;
|
||||
@@ -19,7 +14,7 @@
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
.slider-pager .slider-pager-page {
|
||||
@@ -66,7 +61,7 @@
|
||||
|
||||
$timeout(function() {
|
||||
$scope.pages = [ {
|
||||
text:
|
||||
text:
|
||||
'This is a really long page text\
|
||||
This is a really long page text\
|
||||
This is a really long page text\
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
@@ -44,12 +44,7 @@
|
||||
}
|
||||
</style>
|
||||
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body ng-controller="RootCtrl">
|
||||
<tabs
|
||||
|
||||
@@ -8,12 +8,7 @@
|
||||
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -78,15 +73,15 @@
|
||||
Radio
|
||||
</div>
|
||||
<radio
|
||||
ng-repeat="radioItem in radioItems"
|
||||
ng-repeat="radioItem in radioItems"
|
||||
ng-value="radioItem.value"
|
||||
ng-model="selectedValues.radio"
|
||||
ng-model="selectedValues.radio"
|
||||
ng-change="radioChanged()">
|
||||
{{ radioItem.text }}
|
||||
</radio>
|
||||
<div class="item">
|
||||
Selected Radio Value: {{ selectedValues.radio }},
|
||||
Changed: {{ radioChangeCount }},
|
||||
Selected Radio Value: {{ selectedValues.radio }},
|
||||
Changed: {{ radioChangeCount }},
|
||||
Watch Count: {{ radioWatchCount }}
|
||||
</div>
|
||||
|
||||
@@ -119,7 +114,7 @@
|
||||
.controller('MyCtrl', function($scope) {
|
||||
$scope.value1 = true;
|
||||
$scope.value2 = 'NO';
|
||||
|
||||
|
||||
$scope.checkboxChange = function() {
|
||||
$scope.value4ChangeValue = 'Random number: ' + Math.floor(Math.random() * 1000);
|
||||
};
|
||||
@@ -128,7 +123,7 @@
|
||||
$scope.toggle4ChangeValue = 'Random number: ' + Math.floor(Math.random() * 1000);
|
||||
};
|
||||
|
||||
$scope.radioItems = [
|
||||
$scope.radioItems = [
|
||||
{ text: 'Green Back Packers', value: 'packers' },
|
||||
{ text: 'Minnesota Vikings', value: 'vikings' },
|
||||
{ text: 'Chicago Bears', value: 'bears' },
|
||||
@@ -139,7 +134,7 @@
|
||||
$scope.radioChanged = function() {
|
||||
$scope.radioChangeCount++;
|
||||
};
|
||||
|
||||
|
||||
$scope.radioWatchCount = 0;
|
||||
$scope.$watch('selectedValues.radio', function(val) {
|
||||
$scope.radioWatchCount++;
|
||||
@@ -150,4 +145,4 @@
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -6,12 +6,7 @@
|
||||
<!-- Sets initial viewport load and disables zooming -->
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
@@ -2,24 +2,19 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
|
||||
|
||||
<title>navViews and tabs w/ nested navViews</title>
|
||||
|
||||
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
||||
<script src="../../../../dist/js/ionic.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-animate.js"></script>
|
||||
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
|
||||
<script src="../../../../dist/js/angular-ui/angular-ui-router.js"></script>
|
||||
<script src="../../../../dist/js/ionic-angular.js"></script>
|
||||
<script src="../../../../dist/js/ionic.bundle.js"></script>
|
||||
<script src="dom-trace.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div ng-controller="AppCtrl">
|
||||
<nav-bar animation="nav-title-slide-ios7"
|
||||
type="bar-positive"
|
||||
back-button-type="button-icon"
|
||||
<nav-bar animation="nav-title-slide-ios7"
|
||||
type="bar-positive"
|
||||
back-button-type="button-icon"
|
||||
back-button-label=" Back"
|
||||
back-button-icon="ion-arrow-left-c"></nav-bar>
|
||||
<nav-view animation="slide-left-right"></nav-view>
|
||||
@@ -43,7 +38,7 @@
|
||||
Sign-In
|
||||
</button>
|
||||
<p class="text-center">
|
||||
<a href="#/sign-in">Sign-In</a> -
|
||||
<a href="#/sign-in">Sign-In</a> -
|
||||
<a href="#/forgot-password">Forgot password</a> -
|
||||
<a ui-sref="contact">Contact</a>
|
||||
</p>
|
||||
@@ -69,7 +64,7 @@
|
||||
<button ng-click="clearViewHistory()">Clear View History</button>
|
||||
</p>
|
||||
<p class="text-center">
|
||||
<a href="#/sign-in">Sign-In</a> -
|
||||
<a href="#/sign-in">Sign-In</a> -
|
||||
<a href="#/forgot-password">Forgot password</a> -
|
||||
<a href="#/contact">Contact</a>
|
||||
</p>
|
||||
@@ -89,7 +84,7 @@
|
||||
<p>The hideBackButton attribute is "true" for this view.</p>
|
||||
<p>@drifty</p>
|
||||
<p class="text-center">
|
||||
<a href="#/sign-in">Sign-In</a> -
|
||||
<a href="#/sign-in">Sign-In</a> -
|
||||
<a href="#/forgot-password">Forgot password</a> -
|
||||
<a href="#/contact">Contact</a>
|
||||
</p>
|
||||
@@ -201,7 +196,7 @@
|
||||
<script id="add-auto.html" type="text/ng-template">
|
||||
<view title="'Add Auto'">
|
||||
<content has-header="true" has-tabs="true">
|
||||
|
||||
|
||||
<div class="list">
|
||||
<label class="item item-input">
|
||||
<input type="text" placeholder="Make">
|
||||
@@ -246,7 +241,7 @@
|
||||
|
||||
|
||||
.config(function($stateProvider, $urlRouterProvider) {
|
||||
|
||||
|
||||
$stateProvider
|
||||
.state('signin', {
|
||||
url: "/sign-in",
|
||||
@@ -313,13 +308,13 @@
|
||||
$state.go('tabs.autolist');
|
||||
};
|
||||
|
||||
$scope.leftButtons = [{
|
||||
$scope.leftButtons = [{
|
||||
type: 'button-icon icon ion-home',
|
||||
content: 'Home',
|
||||
tap: function(e) { }
|
||||
}];
|
||||
|
||||
$scope.rightButtons = [{
|
||||
$scope.rightButtons = [{
|
||||
type: 'button-icon icon ion-navicon',
|
||||
tap: function(e) { }
|
||||
}];
|
||||
|
||||
Reference in New Issue
Block a user