From 5440508254b1b91ba8ae36e7d8bf34cfee06500f Mon Sep 17 00:00:00 2001
From: Kasen IO <kasenvr@gmail.com>
Date: Thu, 9 Apr 2020 02:34:32 -0400
Subject: [PATCH] Fix items in folders deletion, editing, optimize process. Add
 folder sort.

---
 scripts/system/inventory/package-lock.json   |  2 +-
 scripts/system/inventory/package.json        |  6 +-
 scripts/system/inventory/public/inventory.js |  2 +-
 scripts/system/inventory/src/App.vue         | 75 +++++++++++++++++++-
 4 files changed, 79 insertions(+), 6 deletions(-)

diff --git a/scripts/system/inventory/package-lock.json b/scripts/system/inventory/package-lock.json
index 8617b7774e..504255ad26 100644
--- a/scripts/system/inventory/package-lock.json
+++ b/scripts/system/inventory/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "inventory",
+  "name": "Inventory",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,
diff --git a/scripts/system/inventory/package.json b/scripts/system/inventory/package.json
index 9cc0f18df2..e0dd3d2b12 100644
--- a/scripts/system/inventory/package.json
+++ b/scripts/system/inventory/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "inventory",
+  "name": "Inventory",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -43,6 +43,8 @@
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "not dead"
+    "not dead",
+    "ChromeAndroid > 55",
+    "Chrome > 55"
   ]
 }
diff --git a/scripts/system/inventory/public/inventory.js b/scripts/system/inventory/public/inventory.js
index 964047715e..362c8a1a36 100644
--- a/scripts/system/inventory/public/inventory.js
+++ b/scripts/system/inventory/public/inventory.js
@@ -218,7 +218,7 @@ function startup() {
     
     ui = new AppUi({
         buttonName: "INVENTORY",
-        home: Script.resolvePath("inventory.html"),
+        home: Script.resolvePath("index.html"),
         graphicsDirectory: Script.resolvePath("./"), // Where your button icons are located
         onOpened: onOpened,
         onClosed: onClosed
diff --git a/scripts/system/inventory/src/App.vue b/scripts/system/inventory/src/App.vue
index 52e5eb42e5..edce5dea6b 100644
--- a/scripts/system/inventory/src/App.vue
+++ b/scripts/system/inventory/src/App.vue
@@ -22,6 +22,14 @@
             <v-app-bar-nav-icon @click="drawer = true"></v-app-bar-nav-icon>
 
             <v-toolbar-title>Inventory</v-toolbar-title>
+            
+            <v-spacer></v-spacer>
+            
+            <v-btn color="primary" fab @click="sortInventory('top')">
+                <v-icon>
+                    mdi-ab-testing
+                </v-icon>
+            </v-btn>
           
         </v-app-bar>
 
@@ -189,7 +197,7 @@
                                                 {{item.name}}
                                             </v-list-item>
                                         </template>
-                                        <v-btn block medium color="primary"
+                                        <v-btn medium color="primary" class="mx-1"
                                             @click="
                                                 editFolderDialog.show = true; 
                                                 editFolderDialog.uuid = item.uuid;
@@ -198,11 +206,16 @@
                                         >
                                             Edit Folder
                                         </v-btn>
-                                        <v-btn block medium color="red"
+                                        <v-btn medium color="red" class="mx-1"
                                             @click="removeFolderDialog.show = true; removeFolderDialog.uuid = item.uuid;"
                                         >
                                             Delete Folder
                                         </v-btn>
+                                        <v-btn medium color="purple" class="mx-1"
+                                            @click="sortFolder(item.uuid);"
+                                        >
+                                            Sort Folder
+                                        </v-btn>
                                         <v-col
                                             cols="12"
                                             sm="6"
@@ -1118,6 +1131,16 @@ export default {
             for (var i = 0; i < this.items.length; i++) {
                 if (this.items[i].uuid == uuid) {
                     this.items.splice(i, 1);
+                    
+                    return;
+                } else if (Object.prototype.hasOwnProperty.call(this.items[i], "items")) {
+                    for (var di = 0; di < this.items[i].items.length; di++) { // DI means deep iteration
+                        if (this.items[i].items[di].uuid == uuid) {
+                            this.items[i].items.splice(di, 1);
+                            
+                            return;
+                        }
+                    }
                 }
             }
         },
@@ -1134,6 +1157,18 @@ export default {
                     this.items[i].type = this.checkItemType(this.editDialog.data.type);
                     this.items[i].name = this.editDialog.data.name;
                     this.items[i].url = this.editDialog.data.url;
+                    
+                    return;
+                } else if (Object.prototype.hasOwnProperty.call(this.items[i], "items")) {
+                    for (var di = 0; di < this.items[i].items.length; di++) { // DI means deep iteration
+                        if (this.items[i].items[di].uuid == uuid) {
+                            this.items[i].items[di].type = this.checkItemType(this.editDialog.data.type);
+                            this.items[i].items[di].name = this.editDialog.data.name;
+                            this.items[i].items[di].url = this.editDialog.data.url;
+                            
+                            return;
+                        }
+                    }
                 }
             }
         },
@@ -1176,6 +1211,42 @@ export default {
                 "url": url 
             });
         },
+        sortInventory: function(level) {
+            if (level == "top") {
+                this.items.sort(function(a, b) {
+                    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
+                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+                    if (nameA < nameB) {
+                        return -1;
+                    }
+                    if (nameA > nameB) {
+                        return 1;
+                    }
+
+                    // names must be equal
+                    return 0;
+                });
+            }
+        },
+        sortFolder: function(uuid) {
+            for (var i = 0; i < this.items.length; i++) {
+                if (this.items[i].uuid == uuid) {
+                    this.items[i].items.sort(function(a, b) {
+                        var nameA = a.name.toUpperCase(); // ignore upper and lowercase
+                        var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+                        if (nameA < nameB) {
+                            return -1;
+                        }
+                        if (nameA > nameB) {
+                            return 1;
+                        }
+
+                        // names must be equal
+                        return 0;
+                    });
+                }
+            }
+        },
         sendInventory: function() {
             this.sendAppMessage("web-to-script-inventory", this.items );
         },