ember-hold-button

jeffreybiles · Aug 25, 2015 · 82b00b0 · 82b00b0
1 parent 759d597
commit 82b00b0
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/ember_admin/app/post/show/template.hbs b/ember_admin/app/post/show/template.hbs
@@ -16,4 +16,6 @@
 <br>
 {{#link-to 'post.edit' model tagName="button"}}Edit{{/link-to}}
 
-<button {{action 'delete'}} class="pull-right">Delete</button>
+{{#hold-button delay=2000 type="rectangle" action="delete" class="pull-right"}}
+  Delete
+{{/hold-button}}
diff --git a/ember_admin/app/styles/app.css b/ember_admin/app/styles/app.css
@@ -0,0 +1,15 @@
+.ember-hold-button.rectangle {
+  background: transparent;
+  color: #aaa;
+}
+
+.ember-hold-button.rectangle span {
+  z-index: -1;
+  height: 100%;
+  background-color: black;
+}
+
+
+ .ember-hold-button.rectangle.is-holding {
+   color: red;
+ }
diff --git a/ember_admin/package.json b/ember_admin/package.json
@@ -39,6 +39,7 @@
     "ember-data": "1.0.0-beta.18",
     "ember-disable-proxy-controllers": "^1.0.0",
     "ember-export-application-global": "^1.0.2",
+    "ember-hold-button": "0.3.2",
     "ember-moment": "1.1.1",
     "ember-pikaday": "0.8.0",
     "ember-truth-helpers": "0.0.5",