#1 Improved the demos.

cybertoothca · Mar 4, 2017 · 4101d3b · 4101d3b
1 parent 6d52740
commit 4101d3b
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -52,6 +52,7 @@
     "ember-export-application-global": "^1.0.5",
     "ember-load-initializers": "^0.5.1",
     "ember-resolver": "^2.0.3",
+    "ember-route-action-helper": "2.0.2",
     "loader.js": "^4.0.10"
   },
   "keywords": [

diff --git a/tests/dummy/app/routes/index.js b/tests/dummy/app/routes/index.js
@@ -1,3 +1,9 @@
 import Ember from 'ember';
 
-export default Ember.Route.extend({});
+export default Ember.Route.extend({
+  actions: {
+    submit() {
+      window.alert('The form was submitted.');
+    }
+  }
+});
diff --git a/tests/dummy/app/templates/index.hbs b/tests/dummy/app/templates/index.hbs
@@ -45,12 +45,33 @@
   <fieldset>
     <legend>Escape Press Clears</legend>
     <div class="form-group">
-      <label for="js-escape-key-clears" class="control-label"><kbd>Escape</kbd> Press Clears</label>
+      <label for="js-escape-key-clears" class="control-label">
+        <kbd>ESCAPE</kbd> Press Clears
+      </label>
       {{input-text class="form-control" id="js-escape-key-clears" placeholder="Escape Press Clears"
-                   value="Press the escape key to clear the text..."}}
-      <p class="help-block">
-
-      </p>
+                   value="Focus on this textbox and then press the escape key to clear the text..."}}
+      <div class="help-block">
+      <pre>\{{input-text class="form-control" id="js-escape-key-clears"
+      placeholder="..."
+      value="Focus on this textbox and then press the escape key to clear the text..."}}</pre>
+      </div>
     </div>
   </fieldset>
+  {{!--
+    <fieldset>
+      <legend>Ctrl+Enter (or Return) Submits Form</legend>
+      <form class="form" {{action (route-action "submit") on="submit"}}>
+        <div class="form-group">
+          <label for="js-ctrl-enter-submits" class="control-label">
+            <kbd>CTRL</kbd>+<kbd>ENTER</kbd> Submits Form
+          </label>
+          {{input-text class="form-control" id="js-ctrl-enter-submits"
+                       placeholder="Focus on this textbox and press CTRL+ENTER"}}
+          <div class="help-block">
+        <pre>\</pre>
+          </div>
+        </div>
+      </form>
+    </fieldset>
+  --}}
 </section>