Merge pull request #9 from oslabs-beta/fileStructure

Faraz Moallemi/File Structure Update

Author: farazmoallemi

package-lock.json

@@ -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/CodeSnippet.vue renamed to src/components/dashboard_items/CodeSnippet.vue

@@ -20,7 +20,7 @@
           <CodeSnippet/>
         </q-tab-panel>
        <q-tab-panel name="html" :style="{height: `${height}vh`}">
-          <HomeQueue />
+          <HTMLQueue />
         </q-tab-panel>
         <q-tab-panel name="state">
           <ul id="stateList">
@@ -51,13 +51,13 @@
 
 <script>
 import { mapState } from 'vuex'
-import HomeQueue from './HomeQueue'
+import HTMLQueue from './HTMLQueue'
 import CodeSnippet from './CodeSnippet'
 
 export default {
   name: 'ComponentDetails',
   components: {
-    HomeQueue,
+    HTMLQueue,
     CodeSnippet
   },
   computed: {

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,11 +34,11 @@ 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: 'HomeQueue',
+  name: 'HTML Queue',
   props: {
     name: {
       type: String
@@ -105,7 +105,7 @@ export default {
   },
   watch: {
     activeComponent: function () {
-      // console.log('watching activeComponent in HomeQueue')
+      // console.log('watching activeComponent in HTMLQueue')
       if (this.activeComponent !== '') {
         this.component = true
       } else {