Implement admin interface resource reordering

1 files changed, 42 insertions, 1 deletions

diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 4d13bb2..1ab9956 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -50,7 +50,7 @@ var OKAdmin = function(){
   }))
   
   // fix post indexing in list-driven inputs
-  $("form").submit(function(){
+  $(".main.resource form").submit(function(){
     $(".image-element").each(function(index){
       $(this).find("input,textarea").each(function(){
         var field = $(this).attr("name").replace(/\[[0-9]*\]/, "[" + index + "]")
@@ -67,6 +67,47 @@ var OKAdmin = function(){
   		e.preventDefault()
   	}
   })
+
+  $(".resource-category").on("click", ".edit-btn", function(e) {
+    e.preventDefault();
+    var $parent = $(e.delegateTarget);
+    var $editBtn = $parent.find(".edit-btn");
+    var $cancelBtn = $parent.find(".cancel-btn");
+    var $saveBtn = $parent.find(".save-btn");
+    var $ol = $parent.find("ol");
+    var toggles = [$parent, $cancelBtn, $saveBtn, $editBtn];
+
+    $ol.sortable();
+    $ol.disableSelection();
+    toggle();
+
+    $cancelBtn.one("click", function(e) {
+      $ol.sortable("cancel");
+      $ol.enableSelection();
+      toggle();
+    });
+
+    $saveBtn.one("click", function(e) {
+      $ol.sortable();
+      toggle();
+    });
+
+    function toggle() {
+      toggles.forEach(function($el) {
+        $el.toggleClass('active');
+      })
+    }
+  });
+
+  $(".resource-category").on("submit", "form", function(e) {
+    var $parent = $(e.delegateTarget);
+    $parent.find(".resource-input").each(function(index) {
+      var $input = $(this);
+      var parsed = JSON.parse($input.val());
+      parsed.__index = index;
+      $input.val(JSON.stringify(parsed));
+    })
+  });
   
   function pressEnter(fn){
     return function(e){