From 1dc9c5b5a7cd8fc8a472c0b0b8577fc2acd4736e Mon Sep 17 00:00:00 2001
From: Kasen IO <kasenvr@gmail.com>
Date: Mon, 6 Apr 2020 19:54:40 -0400
Subject: [PATCH] Create folder functionality added.

---
 scripts/system/inventory/inventory.html | 87 +++++++++++++++++++++++++
 1 file changed, 87 insertions(+)

diff --git a/scripts/system/inventory/inventory.html b/scripts/system/inventory/inventory.html
index 6faa43d9f9..f254065db9 100644
--- a/scripts/system/inventory/inventory.html
+++ b/scripts/system/inventory/inventory.html
@@ -59,6 +59,13 @@
                             </v-list-item-icon>
                             <v-list-item-title>Add Item</v-list-item-title>
                         </v-list-item>
+                        
+                        <v-list-item @click="createFolderDialog.show = true">
+                            <v-list-item-icon>
+                                <v-icon>mdi-folder-plus</v-icon>
+                            </v-list-item-icon>
+                            <v-list-item-title>Create Folder</v-list-item-title>
+                        </v-list-item>
 
                     </v-list-item-group>
                 </v-list>
@@ -174,10 +181,13 @@
                                         max-width="344"
                                         outlined
                                         v-if="item.folder"
+                                        color="blue darken-5"
                                     >
                                     <v-list-group
                                         value="true"
+                                        color=""
                                     >
+                                    
                                         <template v-slot:activator>
                                             <v-list-item one-line color="orange">
                                                 Test {{item.name}}
@@ -260,7 +270,10 @@
                                                     </v-list-item>
             
                                                 </v-card>
+                                                
                                             </v-col>
+                                            
+                                        </v-list-group>
                                         
                                     </v-card>
 
@@ -372,6 +385,58 @@
                 </v-card>
             </v-dialog>
             
+            <v-dialog
+                v-model="createFolderDialog.show"
+                max-width="380"
+            >
+                <v-card>
+                    <v-card-title class="headline">Create Folder</v-card-title>
+                    
+                    <v-card-text>
+                        Enter the name of the folder.
+                    </v-card-text>
+                    
+                    <v-form
+                        ref="createFolderForm"
+                        v-model="createFolderDialog.valid"
+                        :lazy-validation="false"
+                    >
+
+                        <v-text-field
+                            class="px-2"
+                            label="Name"
+                            v-model="createFolderDialog.data.name"
+                            :rules="[v => !!v || 'Name is required.']"
+                            required
+                        ></v-text-field>
+
+                        <v-card-actions>
+
+                            <v-btn
+                                color="red"
+                                class="px-3"
+                                @click="addDialog.show = false"
+                            >
+                                Cancel
+                            </v-btn>
+                            
+                            <v-spacer></v-spacer>
+                            
+                            <v-btn
+                                color="blue"
+                                class="px-3"
+                                :disabled="!createFolderDialog.valid"
+                                @click="createFolderDialog.show = false; createFolder(createFolderDialog.data.name)"
+                            >
+                                Create
+                            </v-btn>
+                            
+                        </v-card-actions>
+                    
+                    </v-form>
+                </v-card>
+            </v-dialog>
+            
             <v-dialog
                 v-model="addDialog.show"
                 max-width="380"
@@ -654,6 +719,7 @@ new Vue({
                         "uuid": "54hgfhgf25fdfadf4354353",
                     },
                 ],
+                "uuid:": "54354363wgsegs45ujs",
             },
             {
                 "type": "script",
@@ -721,6 +787,13 @@ new Vue({
             show: false,
             uuid: null,
         },
+        createFolderDialog: {
+            show: false,
+            valid: false,
+            data: {
+                "name": null,
+            },
+        },
         addDialog: {
             show: false,
             valid: false,
@@ -818,6 +891,17 @@ new Vue({
             
             this.items.push(itemToPush);
         },
+        pushFolderToItems: function(name) {
+            var folderToPush =             
+            {
+                "folder": true,
+                "name": name,
+                "items": [],
+                "uuid": this.createUUID(),
+            };
+            
+            this.items.push(folderToPush);
+        },
         checkFileType: function(fileType) {
             var detectedItemType = null;
             
@@ -868,6 +952,9 @@ new Vue({
             
             return detectedItemType;
         },
+        createFolder: function(name) {
+            this.pushFolderToItems(name);
+        },
         addItem: function(name, url) {
             var extensionRegex = /\.[0-9a-z]+$/i; // to detect the file type based on extension in the URL.
             var detectedFileType = url.match(extensionRegex);