chore(): make test files use ionic.bundle.js

This commit is contained in:
Andy Joslin
2014-02-10 13:49:02 -05:00
parent 857828c452
commit 5d2f24cf59
27 changed files with 94 additions and 229 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 = [
{

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 {
/*

View File

@@ -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>

View File

@@ -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>

View File

@@ -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;

View File

@@ -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');

View File

@@ -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']);

View File

@@ -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';

View File

@@ -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'])

View File

@@ -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">

View File

@@ -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>

View File

@@ -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 {
/*

View File

@@ -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>

View File

@@ -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;

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 = [
{

View File

@@ -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\

View File

@@ -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>

View File

@@ -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

View File

@@ -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>

View File

@@ -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>

View File

@@ -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) { }
}];