alert when deleting posts

3 files changed, 15 insertions, 1 deletions

diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index d2a4418..ad940e8 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -248,10 +248,15 @@ label {
 li.image-element:hover .remove-image {
   display: block;
 }
+li.image-element .remove-image:hover {
+	color: red;
+}
 .remove-image {
   display: none;
 }
 
+#delete_form button:hover { color: red }
+
 .template {
   display: none;
 }
diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 8c85663..441172f 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -59,6 +59,15 @@ var OKAdmin = function(){
     })
   })
   
+  $("#delete_form").submit(function(e){
+  	if (confirm("Are you sure you want to delete this record?")) {
+  		return
+  	}
+  	else {
+  		e.preventDefault()
+  	}
+  })
+  
   function pressEnter(fn){
     return function(e){
       if (e.keyCode && e.keyCode !== 13) return
diff --git a/themes/okadmin/templates/resource.liquid b/themes/okadmin/templates/resource.liquid
index 48e3ef2..c321e8a 100644
--- a/themes/okadmin/templates/resource.liquid
+++ b/themes/okadmin/templates/resource.liquid
@@ -14,7 +14,7 @@
     <label>&nbsp;</label><button type="submit">Save</button>
     <div class="clear"></div>
   </form>
-  <form action="." method="POST">
+  <form action="." method="POST" id="delete_form">
     <input type="hidden" name="_method" value="DELETE">
     <button type="submit">Delete</button>
   </form>