cleaned up commented out code and console.logs, fixed some styling in nav

Author: Julia Bakerink

src-electron/electron-main.js

@@ -111,18 +111,14 @@ function sendTokenRequest() {
 
   // Listens for response from token request
   request.on("response", (response) => {
-    // logEverywhere("request.on response received");
     response.on("end", () => {
-      // logEverywhere("Response ended ");
     });
     response.on("data", (data) => {
       const decoded = JSON.parse(data.toString());
       if (decoded.error) {
         return slackErrorHandler(decoded.error);
       }
-      // console.log('Is there an error? ', !!decoded.error, 'if true, this shouldnt be logging')
       mainWindow.webContents.send("tokenReceived", decoded);
-      // getSlackUser(decoded.access_token, decoded.authed_user.id)
     });
   });
   request.end();
@@ -143,27 +139,22 @@ function getSlackUser(token, userId) {
   });
   request.on("response", (response) => {
     response.on("end", () => {
-      // logEverywhere('User data recieved')
     });
     response.on("data", (data) => {
       const decoded = JSON.parse(data.toString());
       if (decoded.error) {
         return slackErrorHandler(decoded.error);
       }
-      // logEverywhere('slackUser decoded data in getSlackUser' + decoded)
       mainWindow.webContents.send("slackUser", decoded);
     });
   });
   request.end();
 }
 
 function setOauthListener() {
-  // logEverywhere(`process.env.SLACK_CLIENT_ID in electron-main:  ${process.env.SLACK_CLIENT_ID}`);
-  // logEverywhere(`process.env.SLACK_CLIENT_SECRET in electron-main:  ${process.env.SLACK_CLIENT_SECRET}`);
 
   if (process.env.PROD) {
     return deeplink.on("received", (link) => {
-      // logEverywhere(`auth worked here link: ${link}`);
       // Extracts Slack authorization code from deep link
       authCode = link.split("=")[1];
       sendTokenRequest();

src/components/dashboard_items/CodeSnippet.vue

@@ -77,10 +77,6 @@ export default {
     },
     // Creates beginner boilerplate
     createTemplate(componentName) {
-      // not sure why output was set up like this, was imputted into return statement
-      // using string literal
-      // let output = ``
-      // output += ` <div>\n`
       let templateTagStr = this.writeTemplateTag(componentName);
       return `<template>\n  <div>\n${templateTagStr}  </div>\n</template>`;
     },
@@ -138,7 +134,6 @@ export default {
       // eslint-disable-next-line no-unused-vars
       for (let el of htmlArr) {
         if (!el.text) {
-          // console.log(htmlArr)
           outputStr += `    <${el}/>\n`;
         } else {
           outputStr += `    `;

src/components/dashboard_items/HTMLQueue.vue

@@ -8,7 +8,6 @@ Description:
   <section class="html-queue">
     <span class='list-title' v-if='this.activeLayer.id !== ""'>
       <i class="fas fa fa-chevron-up fa-md" @click="setParentLayer"></i>
-      <!-- <button v-if='this.activeLayer.id' @click="upOneLayer">Up</button>  -->
       &nbsp; &nbsp; Viewing Elements in {{this.activeComponent}} '{{ depth }}'
       <hr> 
     </span>

src/components/file_system_interface/ExportProject.vue

@@ -15,7 +15,7 @@ Description:
       <div class="settings-dropdown column items-center"> 
       <p class="center">Export:</p>
       <q-btn class="menu-btn" no-caps color="secondary" label="Project" @click="exportProject"/> 
-      <q-btn class="menu-btn" no-caps color="secondary" label="Active Component" @click="useExportComponentBound" :disabled="!activeComponent.trim()"/> 
+      <q-btn class="active-comp-btn" no-caps color="secondary" label="Active Component" @click="useExportComponentBound" :disabled="!activeComponent.trim()"/> 
       </div>
     </q-menu>
 
@@ -489,7 +489,6 @@ export default {
       if (data === undefined) return;
       if (!fs.existsSync(data)) {
         fs.mkdirSync(data);
-        // console.log(`data: ${data}`); // displays the directory path
         fs.mkdirSync(path.join(data, "public"));
         fs.mkdirSync(path.join(data, "src"));
         fs.mkdirSync(path.join(data, "src", "assets"));
@@ -565,5 +564,10 @@ export default {
   box-sizing: border-box;
 }
 
+.active-comp-btn{
+  width: 80%;
+  margin: 5px 0px 15px;
+}
+
 
 </style>

src/components/file_system_interface/OpenProjectComponent.vue

@@ -10,8 +10,7 @@ Description:
       <div class="settings-dropdown column items-center"> 
       <p class="center">Import:</p>
       <q-btn class="menu-btn" no-caps color="secondary" label="Project JSON" @click="openProjectJSON"/> 
-      <ImportComponent class="import-comp" no-caps title="Component"/>
-      <!-- <q-btn class="menu-btn" no-caps color="secondary" label="Component" @click="exportProject"/>  -->
+      <ImportComponent id="import-btn" no-caps title="Component"/>
       </div>
     </q-menu>
 
@@ -74,8 +73,18 @@ export default {
   margin: 5px 0px;
 }
 
-.import-comp{
-  width: 80% !important;
-  margin: 10px 0px;
+#import-btn{
+  width: 80%;
+  margin: 10px 0px 15px;
+}
+
+.center{
+  display:inline-block;
+  text-align: center;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  font-weight: bold;
+  color: white;
+  box-sizing: border-box;
 }
 </style>

src/components/file_system_interface/SaveProjectComponent.vue

@@ -56,7 +56,6 @@ export default {
     parseAndDelete(htmlList) {
       htmlList.forEach((element) => {
         if (!Array.isArray(element.children))
-          console.log("This should be an array", element.children);
         if (element.children.length > 0) {
           this.parseAndDelete(element.children);
         }
@@ -122,7 +121,6 @@ export default {
         );
         localforage.getItem("slackWebhookURL", (err, value) => {
           // TODO: handle error
-          console.log("error: ", err);
           if (value) this.notifySlack(fileName, value);
         });
       }

src/components/home_sidebar_items/ComponentTab/ComponentActions.vue

@@ -91,7 +91,6 @@ export default {
     // Prevent Delete on changes to searchable multiselect
     stopDelete(e) {
       if (e.code === "Backspace") e.stopPropogation();
-      // console.log(e);
     },
     // adds an action to the currently selected component
     addActionToComp() {

src/components/home_sidebar_items/ComponentTab/CreateComponentHTMLQueue.vue

@@ -6,15 +6,10 @@ Description:
 
 <template>
   <section class="html-queue">
-    <!-- <i v-if='!this.activeLayer.id' class="fas fa fa-chevron-up fa-md" @click="setParentLayer"></i> -->
-    <!-- <span class='list-title' v-if='this.activeLayer.id !== ""'> Viewing Elements in '{{ depth }}' </span>
-    <span class='list-title' v-else-if='!this.activeComponent'></span> -->
-    <!-- <hr> -->
     <div
       group="people"
       class="list-group"
     >
-      <!-- <p v-if='!this.componentMap[this.activeComponent]?.htmlList.length'>No HTML elements in component</p> -->
       <div
       :class="activeHTML === element[2] ? 'list-group-item-selected' : 'list-group-item'"
       @dblclick.self="setActiveElement(element)"

src/components/home_sidebar_items/ComponentTab/ImportComponent.vue

@@ -32,7 +32,7 @@ export default {
   methods: {
     //emitter to send the importedObj to CreateComponent when fully parsed.
     createImport(importObj){
-      useCreateComponent.bind(this)(importObj) //this is where we will want to invoke the composabreplacele
+      useCreateComponent.bind(this)(importObj) //this is where we will want to invoke the composable
     },
     ...mapActions([
       "registerComponent",
@@ -278,11 +278,11 @@ export default {
 
 </script>
 
-<style scoped>
-#import-component-btn{
-  width: 100%;
-  margin: 10px 0px 20px;
-}
+ <style>
+ #import-component-btn{
+   width: 100%;
+   margin: 10px 0px 15px; 
+   }
 </style>
 
 

src/components/home_sidebar_items/StoreTab/StoreTab.vue

@@ -166,7 +166,6 @@ export default {
     },
     // Delete a selected state in the store
     deleteState(state) {
-      // console.log('state: ', state);
       this.deleteUserState(state);
     },
   },

src/components/slack_login/SlackLoginWindow.vue

@@ -1,4 +1,3 @@
-<!--<template v-if="show">-->
 <template>
   <q-btn class="menu-btn" color= "purple" no-caps @click="openLogin">
     <!-- Slack logo -->
@@ -11,19 +10,6 @@
       Slack Login
   </q-btn>
   <div>
-    <!-- <div>
-      <q-btn class="glossy bg-black openModalBtn" size="5px" @click="openLogin">
-      </q-btn>
-    </div> -->
-
-    <!--
-      Slack Login Button:
-      -->
-
-    <!--
-        Skip button:
-        -->
-
 
     <q-dialog
       v-model="showLogin"
@@ -105,22 +91,10 @@ export default {
 
       this.isAuthenticating = true;
 
-      // Tests
-      // console.log(`${slackBaseUrl}?scope=${scope}&redirect_uri=${redirectUri}&client_id=${clientId}`)
-      // console.log(redirectUri.slice(1, redirectUri.length - 1))
       const trimmedUri = redirectUri.slice(1, redirectUri.length - 1);
       const trimmedClientId = clientId.slice(1, clientId.length - 1);
 
-      // console.log("clicked");
-      // **************** ok
-      // shell.openExternal(
-      //   // `${slackBaseUrl}?response_type=${responseType}&scope=${scope}&client_id=${clientId}&redirect_uri=${redirectUri}`,
-      //   `${slackBaseUrl}?scope=${scope}&redirect_uri=${redirectUri}&client_id=${clientId}`,
-      //   { activate: true }
-      // );
-      // ****************** test
       shell.openExternal(
-        // `${slackBaseUrl}?response_type=${responseType}&scope=${scope}&client_id=${clientId}&redirect_uri=${redirectUri}`,
         `${slackBaseUrl}?scope=${scope}&redirect_uri=${trimmedUri}&client_id=${trimmedClientId}`,
         { activate: true }
       );
@@ -140,7 +114,6 @@ export default {
       this.errorMessage = "";
     },
     openLogin: function () {
-      console.log('trying to open!')
       this.showLogin = true;
     },
   },

src/index.template.html

@@ -4,7 +4,6 @@
     <title><%= productName %></title>
 
     <meta charset="utf-8">
-   <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' https://kit.fontawesome.com/; script-src https://kit.fontawesome.com/ 'self' ws:; connect-src https://*.fontawesome.com/ ws:; style-src 'sha256-bepHRYpM181zEsx4ClPGLgyLPMyNCxPBrA6m49/Ozqg='"> -->
     <meta name="description" content="<%= productDescription %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
@@ -23,12 +22,6 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Mukta:wght@200;300;400;500;600;700;800&family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap" rel="stylesheet">
-    <!-- <link
-    rel="stylesheet"
-    href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
-    integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
-    crossorigin="anonymous"
-    /> -->
 
   </head>
   <body>

src/layouts/MyLayout.vue

@@ -13,12 +13,6 @@ Description:
     <!-- the top header of OverVue -->
     <q-header elevated class="gradient text-white">
       <q-toolbar>
-        <!-- <q-btn dense flat color="subaccent" round @click="left = !left">
-          <i
-            :class="[left ? 'fas fa-chevron-left' : 'fas fa-list-ul']"
-            id="btn"
-          ></i>
-        </q-btn> -->
         <q-toolbar-title><img alt="OverVue" src="../assets/OverVue_navLogo.png" id="nav-logo"><div id="undo-redo">
         <q-btn>
         <i
@@ -50,7 +44,7 @@ Description:
         <OpenProjectComponent />
         <ExportProjectComponent />
 
-        <q-btn class="nav-btn" icon="fas fa-cog" size="sm">
+        <q-btn class="nav-btn" icon="fas fa-cog" unelevated size="sm">
           <!-- < fas => fontawesome, refers to icon style -->
           <q-menu :offset="[0, 15]" class="dropdown">
 
@@ -80,8 +74,6 @@ Description:
           </q-menu >
         </q-btn>
 
-       
-        <!-- </div> -->
         <!-- this button will open the right drawer -->
       </q-toolbar>
     </q-header>
@@ -231,16 +223,7 @@ export default {
         }, 750);
       }
     },
-
-    // undo() {
-    //   this.$emit("undo");
-    // },
-    // redo() {
-    //   this.$emit("redo");
-    // },
     syncTypescriptFlag(e) {
-      console.log("Test")
-      console.log(e.target.value)
       let checkboxValue;
       if (e.target.value === "off") {
         checkboxValue = "on";
@@ -371,7 +354,7 @@ q-btn > i {
 
 .nav-btn {
   margin-left: 0.5rem;
-  // height: 25px
+  box-shadow: none !important;
 }
 
 .q-toolbar {

src/router/routes.js

@@ -1,13 +1,5 @@
 
 const routes = [
-  // {
-  //   path: '/',
-  //   component: () => import('layouts/MainLayout.vue'),
-  //   children: [
-  //     { path: '', component: () => import('pages/Index.vue') }
-  //   ]
-  // },
-
   // Experimental OverVue Route
   {
     path: '/',

src/store/actions.js

@@ -309,11 +309,6 @@ const actions = {
     commit(types.SET_ACTIVE_COMPONENT, '')
   },
 
-  [types.importComponent]: ({ commit }, payload) => {
-    //import component
-    console.log(payload)
-  },
-
   // Add project
   [types.addProject]: ({ commit }, payload) => {
     commit(types.ADD_PROJECT, payload);

src/store/mutations.js

@@ -640,7 +640,6 @@ const mutations = {
       //commented stuff below does not seem necessary for the functionality of this if block.
       //children will be current children EXCLUDING payload
       // const child = temp.filter((el) => payload.includes(el));
-      console.log('delete block')
       let childCount = 0;
       const components = Object.values(state.componentMap);
       for (const comp of components) {

src/utils/clearImage.util.js

@@ -12,8 +12,6 @@ const clearImageDialog = async () => {
   // return dialog.showMessageBox(options)
   const helper = await ipcRenderer.invoke('clearImage', options)
     .then(res => {
-      console.log('Res from clear image util: ')
-      console.log(res)
       return res;
     })
     .catch(err => console.log(err))