From 81d75e072c19b182421d3c1aa7362accd1d004f7 Mon Sep 17 00:00:00 2001
From: Max Lynch <max@drifty.com>
Date: Sun, 6 Oct 2013 15:31:47 -0500
Subject: [PATCH] Action Sheet test page

---
 test/actionsheet.html | 79 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 test/actionsheet.html
diff --git a/test/actionsheet.html b/test/actionsheet.html
new file mode 100644
index 0000000000..3c750287b7
--- /dev/null
+++ b/test/actionsheet.html
@@ -0,0 +1,79 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Action Sheets</title>
+
+    <!-- Sets initial viewport load and disables zooming  -->
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link href="../dist/ionicons.css" rel="stylesheet">
+    <link href="../dist/ionic.css" rel="stylesheet">
+  </head>
+  <body>
+
+    <section>
+
+      <header class="bar bar-header bar-dark">
+        <h1 class="title">Action Sheets</h1>
+      </header>
+
+      <main class="content has-header">
+        <div style="width: 100%; height: 2000px; background: url('tree_bark.png') repeat;" class="padded">
+          <a href="#" class="button button-warning" id="modal-opener">Open Sheet</a>
+          <p><a class="button button-secondary" href="index.html">Homepage</a></p>
+        </div>
+      </main>
+
+    </section>
+
+    <div id="sheet" class="action-sheet slide-in-up">
+      <div class="action-sheet-group">
+        <div class="action-sheet-title" ng-if="titleText">Do you like ice cream?</div>
+        <button class="button">Tweet</button>
+        <button class="button">Email</button>
+      </div>
+      <div class="action-sheet-group" ng-if="destructiveText">
+        <button class="button destructive">Delete photos</button>
+      </div>
+      <div class="action-sheet-group" ng-if="cancelText">
+        <button class="button" ng-click="cancel()">Cancel</button>
+      </div>
+    </div>
+
+    <script src="../dist/ionic.js"></script>
+    <script>
+      var open = document.getElementById('modal-opener');
+
+      var sDiv = document.getElementById('sheet');
+      var sheet = new ionic.views.ActionSheet({el: sDiv});
+
+      ionic.on('tap', function(e) {
+        sheet.show();
+        /*
+        ActionSheet.show({
+          buttons: [
+            { text: 'Option 1' },
+            { text: 'Option 2' },
+            { text: 'Option 3' },
+          ],
+          destructiveText: 'Delete life',
+          titleText: 'Are you sure about life?',
+          cancelText: 'Cancel',
+          cancel: function() {
+            console.log('CANCELLED');
+          },
+          buttonClicked: function(index) {
+            console.log('BUTTON CLICKED', index);
+            return true;
+          },
+          destructiveButtonClicked: function() {
+            return true;
+          }
+        });
+        */
+
+        return false;
+      }, open);
+    </script>
+    
+  </body>
+</html>
