Merge pull request #8 from keliphan/buttonResponse

updated footer toggling and fixed component name creation

Author: allisons11

src/components/CreateComponent.vue

@@ -63,6 +63,10 @@ export default {
       'addToComponentElementList'
     ]),
     handleClick () {
+      if (!this.componentNameInputValue.trim()) {
+        event.preventDefault();
+        return false;
+      }
       const component = {
         componentName: this.componentNameInputValue,
         x: 0,
@@ -75,6 +79,7 @@ export default {
       }
 
       this.registerComponent(component)
+
     },
     resetActiveComponent () {
       this.setActiveComponent('')

src/components/Footer.vue

@@ -88,15 +88,15 @@ export default {
   // toggles footer to "html" tab if component name has value & elements are in queue
     componentNameInputValue: function() {
       // console.log('watching componentNameInputVal')
-      if (this.componentNameInputValue !== '' && this.selectedElementList.length !== 0) {
-        console.log(this.selectedElementList)
+      if (this.componentNameInputValue !== '' && this.selectedElementList.length !== 0 && this.activeComponent === '') {
+        // console.log(this.selectedElementList)
         this.tab = 'html'
       }
     },
     // toggles footer to "html" tab if elements are added to queue on component creation
     selectedElementList: function() {
       // console.log('watching selectedElementList')
-      if (this.activeComponent === '') {
+      if (this.activeComponent === '' && this.selectedElementList.length !== 0) {
         this.tab = 'html'
       }
     }

src/components/HomeQueue.vue

@@ -62,7 +62,7 @@ export default {
   },
   watch: {
     activeComponent: function () {
-      console.log('watching activeComponent in HomeQueue');
+      // console.log('watching activeComponent in HomeQueue')
       if (this.activeComponent !== '') {
         this.component = true
       } else {