javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

demos: update to nightly, add back test page

Browse Source
This commit is contained in:
Andy Joslin
2014-04-28 14:46:10 -06:00
parent 8847774f2a
commit d56987cf04
21 changed files with 97 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demos/actionsheet/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Actionsheet</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script type="text/javascript" charset="utf-8" src="script.js"></script>
</head>

4
demos/app-intro-walkthrough/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic App</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/checkbox/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Checkboxes</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

6
demos/flickr-search-example/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Flickr</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="http://code.angularjs.org/1.2.12/angular-resource.js"></script>
<script src="script.js"></script>
@@ -41,4 +41,4 @@
</body>
</html>
</html>

4
demos/frosted-glass-effect/index.html
View File

@@ -7,11 +7,11 @@
<title>Ionic Frosted Glass</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/contrib/ionic-contrib-frosted-glass/ionic.contrib.frostedGlass.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/contrib/ionic-contrib-frosted-glass/ionic.contrib.frostedGlass.js"></script>
<script src="script.js"></script>

4
demos/google-maps/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Google Map</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es&sensor=true"></script>
<script src="script.js"></script>

4
demos/lists/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic List</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/loading-bar/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Loading Bar</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/modal/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Modal</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/popup/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Popup</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/radio-buttons/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Radio Buttons</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/shrinking-header/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Shrinking Header</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/side-menu-and-navigation/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Side Menus</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/sign-in-then-tabs/index.html
View File

@@ -7,10 +7,10 @@
<title>Sign-in, Then Tabs Example</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/starter-template/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Starter Template</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/swipeable-cards/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Swipeable Cards</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/contrib/ionic-contrib-swipecards/ionic.swipecards.js"></script>
<script src="script.js"></script>

6
demos/tabs-and-navigation/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Tabs and Navigation</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>
@@ -119,4 +119,4 @@
</script>
</body>
</html>
</html>

4
demos/thumbnail-list/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Simple List</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

4
demos/toggle/index.html
View File

@@ -7,10 +7,10 @@
<title>Ionic Toggles</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
<script src="script.js"></script>
</head>

10
js/angular/directive/navBackButton.js vendored
View File

@@ -18,8 +18,8 @@
*
* ```html
* <ion-nav-bar>
* <ion-nav-back-button class="button-icon">
* <i class="ion-arrow-left-c"></i> Back!
* <ion-nav-back-button class="button-clear">
* <i class="ion-arrow-left-c"></i> Back
* </ion-nav-back-button>
* </ion-nav-bar>
* ```
@@ -28,7 +28,7 @@
*
* ```html
* <ion-nav-bar ng-controller="MyCtrl">
* <ion-nav-back-button class="button-icon"
* <ion-nav-back-button class="button-clear"
* ng-click="canGoBack && goBack()">
* <i class="ion-arrow-left-c"></i> Back
* </ion-nav-back-button>
@@ -47,8 +47,8 @@
*
* ```html
* <ion-nav-bar ng-controller="MyCtrl">
* <ion-nav-back-button class="button button-icon ion-arrow-left-c">
* {% raw %}{{getPreviousTitle() || 'Back'}}{% endraw %}
* <ion-nav-back-button class="button-icon">
* <i class="icon ion-arrow-left-c"></i>{% raw %}{{getPreviousTitle() || 'Back'}}{% endraw %}
* </ion-nav-back-button>
* </ion-nav-bar>
* ```

52
test/html/back-button.html Normal file
View File

@@ -0,0 +1,52 @@
<!doctype html>
<html ng-app="ionic">
<head>
<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.bundle.js"></script>
</head>
<body>
<ion-nav-bar>
<h1 class="title">Back Button</h1>
<ion-nav-back-button ng-class="$root.backClass" ng-bind-html="$root.backHtml">
</ion-nav-back-button>
</ion-nav-bar>
<div class="list has-header">
<button class="button button-block"
ng-click="$root.backHtml='Text!'">
Content: Text Only
</button>
<button class="button button-block"
ng-click="$root.backHtml='<i class=\'ion-chevron-left\'></i>'">
Content: Icon Only
</button>
<button class="button button-block"
ng-click="$root.backHtml='<i class=\'ion-chevron-left\'></i> Text!'">
Content: Icon and Text
</button>
<button class="button button-block"
ng-click="$root.backClass=''">
Class: .button
</button>
<button class="button button-block"
ng-click="$root.backClass='button-icon'">
Class: .button.button-icon
</button>
<button class="button button-block"
ng-click="$root.backClass='button-clear'">
Class: .button.button-clear
</button>
</div>
</body>
<style>
.ng-hide {
display: block !important;
}
.invisible {
visibility: visible !important;
}
</style>
</html>