Added file_system_interface and dashboard_items folders and updated all imports and references as well as updated description of some files

Co-authored-by: Terry Tilley [email protected]

Author: farazmoallemi

src/components/CodeSnippet.vue renamed to src/components/dashboard_items/CodeSnippet.vue

@@ -1,5 +1,6 @@
 <!--
 Description:
+  Located under Component Details in Dashboard
   Dynamically renders Code Snippet in Dashboard
   Functionality includes: Displays children components and (nested) HTML elements in order of selection.
   -->

src/components/ComponentDetails.vue renamed to src/components/dashboard_items/ComponentDetails.vue

@@ -1,6 +1,6 @@
 <!--
 Description:
-  Displays OverVue's dashboard containing Code Snippet, component details (TBD), Project Tree, and HTML Elements tabs
+  Displays OverVue's dashboard containing Component Details, Vuex Store, and the Project Tree
   Functionality includes: opening/closing drawer, deselecting active html, and
   toggling to html elements tab during component creation
   -->

src/components/Dashboard.vue renamed to src/components/dashboard_items/Dashboard.vue

@@ -34,8 +34,8 @@ Description:
 <script>
 
 import { mapState, mapActions } from 'vuex'
-import { setSelectedElementList, deleteSelectedElement, deleteFromComponentHtmlList } from '../store/types'
-import { breadthFirstSearch } from '../utils/search.util'
+import { setSelectedElementList, deleteSelectedElement, deleteFromComponentHtmlList } from '../../store/types'
+import { breadthFirstSearch } from '../../utils/search.util'
 
 export default {
   name: 'HTML Queue',

src/components/DashboardVuexStore.vue renamed to src/components/dashboard_items/DashboardVuexStore.vue

@@ -64,10 +64,10 @@ export default {
       // console.log('component', component)
       return component
     },
-    activeComponentData() {
+    activeComponentData () {
       return this.activeComponentObj
       // set(name){
-      //   this.editComponentName(name) 
+      //   this.editComponentName(name)
       // }
     },
     options () {
@@ -111,7 +111,7 @@ export default {
         this.setActiveComponent('')
       }
     },
-    editCompName(name){
+    editCompName (name) {
       if (name) this.editComponentName(name)
       console.log(this.routes[this.activeRoute])
       console.log(this.activeComponentObj)