comments for homesidedropdown added

Author: keliphan

src/components/ChildrenMultiselect.vue

@@ -1,3 +1,9 @@
+<!--
+Description:
+  Is not imported in current version of OverVue
+  Functionality includes: N/A
+  -->
+
 <template>
   <div id="child-select">
     <br />
@@ -13,11 +19,6 @@
       :option-height="20"
       :searchable="false"
     ></multiselect>
-    <!-- <q-select
-      :options="options"
-      label="Select children"
-      multiple
-    /> -->
   </div>
 </template>
 
@@ -32,7 +33,6 @@ export default {
   computed: {
     ...mapState([
       'routes',
-      // comes from store/state/index.js
       'componentMap',
       'activeComponent',
       'componentChildrenMultiselectValue',
@@ -52,9 +52,7 @@ export default {
       'updateComponentChildrenMultiselectValue',
       'updateActiveComponentChildrenValue'
     ]),
-    //
     handleSelect (value) {
-      // if (this.modalOpen) this.updateActiveComponentChildrenValue(value)
       // console.log('Multiselect: ', value)
       this.updateActiveComponentChildrenValue(value)
       this.updateComponentChildrenMultiselectValue(value)

src/components/HomeSideDropDownItems/ComponentList.vue

@@ -1,3 +1,9 @@
+<!--
+Description:
+  Displays list of components in the active route.
+  Functionality includes: delete component, set active component, search for component via multiselect.
+  -->
+
 <template>
   <div class="home-sidebar">
     <multiselect
@@ -24,10 +30,7 @@
           <q-item-section>
             <div class="component-container">
               <div class="component-info">
-                <!-- <q-item-label overline class="component">Parent</q-item-label> -->
-                <!-- <q-item-label>Child Components Here</q-item-label> -->
                 {{componentData.componentName}}
-                <!-- <br> -->
               </div>
               <q-btn round flat icon="highlight_off" v-on:click.stop="handleClick(componentData)" />
             </div>
@@ -39,9 +42,6 @@
 </template>
 
 <script>
-/**
- * TODO: Needs functionality to delete component, and (maybe) show child components
- */
 import { mapState, mapActions } from 'vuex'
 import Multiselect from 'vue-multiselect'
 
@@ -56,7 +56,7 @@ export default {
     ...mapState(['routes', 'activeRoute', 'activeComponent']),
     activeRouteDisplay () {
       let component = this.routes[this.activeRoute]
-      console.log('component', component)
+      // console.log('component', component)
       return component
     },
     activeComponentData () {
@@ -66,7 +66,7 @@ export default {
     },
     options () {
       const val = this.activeRouteDisplay.map(component => component.componentName)
-      console.log('options', val)
+      // console.log('options', val)
       return val
     }
   },
@@ -76,19 +76,23 @@ export default {
       'deleteComponent',
       'deleteActiveComponent'
     ]),
+    // Set component as active component from left side dropdown
     onActivated (componentData) {
       this.setActiveComponent(componentData.componentName)
       this.activeComponentData.isActive = true
     },
+    // Deletes the selected component
     handleClick (componentData) {
       this.setActiveComponent(componentData.componentName)
       this.deleteActiveComponent(componentData.componentName)
     },
+    // Select active component from multi-select input
     handleSelect (componentName) {
       this.setActiveComponent(componentName)
       this.value = ''
       this.activeComponentData.isActive = true
     },
+    // Deselects active component
     resetActiveComponent () {
       if (this.activeComponent !== '') {
         this.setActiveComponent('')
@@ -101,7 +105,6 @@ export default {
 <style>
 /* modifies entire container */
 .home-sidebar {
-  /* margin: 1rem; */
   padding: 0.5rem;
   border-radius: 5px;
 }

src/components/HomeSideDropDownItems/VuexForm.vue

@@ -1,3 +1,9 @@
+<!--
+Description:
+  Displays Vuex features for possible iterations.
+  Functionality includes: N/A
+  -->
+
 <template>
   <div class="input-container">
     <q-input