demos: update to nightly, add back test page

ajoslin · ajoslin · commit d56987cf0489 · 2014-04-28T14:46:30.000-06:00
diff --git a/demos/actionsheet/index.html b/demos/actionsheet/index.html
@@ -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>
diff --git a/demos/app-intro-walkthrough/index.html b/demos/app-intro-walkthrough/index.html
@@ -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>
diff --git a/demos/checkbox/index.html b/demos/checkbox/index.html
@@ -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>
diff --git a/demos/flickr-search-example/index.html b/demos/flickr-search-example/index.html
@@ -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 @@ <h1 class="title">Flickr Search</h1>
 
 </body>
 
-</html>
+</html>
diff --git a/demos/frosted-glass-effect/index.html b/demos/frosted-glass-effect/index.html
@@ -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>
 
diff --git a/demos/google-maps/index.html b/demos/google-maps/index.html
@@ -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>
 
diff --git a/demos/lists/index.html b/demos/lists/index.html
@@ -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>
diff --git a/demos/loading-bar/index.html b/demos/loading-bar/index.html
@@ -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>
diff --git a/demos/modal/index.html b/demos/modal/index.html
@@ -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>
diff --git a/demos/popup/index.html b/demos/popup/index.html
@@ -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>
diff --git a/demos/radio-buttons/index.html b/demos/radio-buttons/index.html
@@ -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>
diff --git a/demos/shrinking-header/index.html b/demos/shrinking-header/index.html
@@ -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>
diff --git a/demos/side-menu-and-navigation/index.html b/demos/side-menu-and-navigation/index.html
@@ -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>
diff --git a/demos/sign-in-then-tabs/index.html b/demos/sign-in-then-tabs/index.html
@@ -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>
diff --git a/demos/starter-template/index.html b/demos/starter-template/index.html
@@ -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>
diff --git a/demos/swipeable-cards/index.html b/demos/swipeable-cards/index.html
@@ -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>
 
diff --git a/demos/tabs-and-navigation/index.html b/demos/tabs-and-navigation/index.html
@@ -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 @@ <h3>Create hybrid mobile apps with the web technologies you love.</h3>
   </script>
 
 </body>
-</html>
+</html>
diff --git a/demos/thumbnail-list/index.html b/demos/thumbnail-list/index.html
@@ -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>
diff --git a/demos/toggle/index.html b/demos/toggle/index.html
@@ -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>
diff --git a/js/angular/directive/navBackButton.js b/js/angular/directive/navBackButton.js
@@ -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>
  * ```
diff --git a/test/html/back-button.html b/test/html/back-button.html
@@ -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>
