Improve error handling and ordering flows

backend/public/js/resources.js

@@ -37,6 +37,10 @@ window.loadResources = async function(){
 
         tr.innerHTML = `
         <td>
+        <button onclick="moveResource(${r.id}, 'up')">⬆</button>
+        <button onclick="moveResource(${r.id}, 'down')">⬇</button>
+        </td>
+        <td>
         <span style="cursor:pointer;color:#1e3a8a;font-weight:bold"
         onclick='openServerDetail(${JSON.stringify(r)})'>
         ${r.name}
@@ -311,3 +315,21 @@ window.cancelIPEdit = function(){
     document.getElementById("ipCancelBtn").style.display = "none"
 
 }
+
+window.moveResource = async function(id, direction){
+
+  try {
+
+    await api(API + "/resources/" + id + "/move", {
+      method: "POST",
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ direction })
+    })
+
+    loadResources()
+
+  } catch (e) {
+    console.log(e)
+  }
+
+}