Fix url in emails, add frontendURL helper (#19)

Fixes #16

app/javascript/src/components/layout/Sidebar.vue

@@ -1,47 +1,56 @@
 <template>
   <aside class="sidebar animated shrink columns">
     <div class="logo">
-      <router-link to="{ path: '/u/dashboard' }" replace>
-        <img src="~assets/images/woot-logo.svg" alt="Woot-logo"/>
+      <router-link :to="dashboardPath" replace>
+        <img src="~assets/images/woot-logo.svg" alt="Woot-logo" />
       </router-link>
     </div>
 
     <div class="main-nav">
       <transition-group name="menu-list" tag="ul" class="menu vertical">
         <sidebar-item
-          v-for="item in sidebarItems"
+          v-for="item in accessibleMenuItems"
+          :key="item.toState"
           :menu-item="item"
-          :key="item"
-          v-if="showItem(item)"
         />
       </transition-group>
     </div>
     <transition name="fade" mode="out-in">
       <woot-status-bar
+        v-if="shouldShowStatusBox"
         :message="trialMessage"
-        :buttonText="$t('APP_GLOBAL.TRAIL_BUTTON')"
-        :buttonRoute="{ name: 'billing' }"
+        :button-text="$t('APP_GLOBAL.TRAIL_BUTTON')"
+        :button-route="{ name: 'billing' }"
         :type="statusBarClass"
         :show-button="isAdmin()"
-        v-if="shouldShowStatusBox"
       />
     </transition>
     <div class="bottom-nav">
       <transition name="menu-slide">
-        <div class="dropdown-pane top" v-if="showOptionsMenu" v-on-clickaway="showOptions">
+        <div
+          v-if="showOptionsMenu"
+          v-on-clickaway="showOptions"
+          class="dropdown-pane top"
+        >
           <ul class="vertical dropdown menu">
-            <li><a href="#">Help & Support</a></li>
+            <!-- <li><a href="#">Help & Support</a></li> -->
             <li><a href="#" @click.prevent="logout()">Logout</a></li>
           </ul>
         </div>
       </transition>
       <div class="current-user" @click.prevent="showOptions()">
-        <img class="current-user--thumbnail" :src="gravatarUrl()"/>
+        <img class="current-user--thumbnail" :src="gravatarUrl()" />
         <div class="current-user--data">
-          <h3 class="current-user--name">{{ currentUser.name }}</h3>
-          <h5 class="current-user--role">{{ currentUser.role }}</h5>
+          <h3 class="current-user--name">
+            {{ currentUser.name }}
+          </h3>
+          <h5 class="current-user--role">
+            {{ currentUser.role }}
+          </h5>
         </div>
-        <span class="current-user--options icon ion-android-more-vertical"></span>
+        <span
+          class="current-user--options icon ion-android-more-vertical"
+        ></span>
       </div>
       <!-- <router-link class="icon ion-arrow-graph-up-right" tag="span" to="/settings/reports" active-class="active"></router-link> -->
     </div>
@@ -57,17 +66,20 @@ import adminMixin from '../../mixins/isAdmin';
 import Auth from '../../api/auth';
 import SidebarItem from './SidebarItem';
 import WootStatusBar from '../widgets/StatusBar';
-/* eslint-disable no-console */
+import { frontendURL } from '../../helper/URLHelper';
+
 export default {
+  mixins: [clickaway, adminMixin],
   props: {
-    route: String,
+    route: {
+      type: String,
+    },
   },
   data() {
     return {
       showOptionsMenu: false,
     };
   },
-  mixins: [clickaway, adminMixin],
   mounted() {
     // this.$store.dispatch('fetchLabels');
     this.$store.dispatch('fetchInboxes');
@@ -78,22 +90,30 @@ export default {
       daysLeft: 'getTrialLeft',
       subscriptionData: 'getSubscription',
     }),
-    sidebarItems() {
-      // Get Current Route
+    accessibleMenuItems() {
       const currentRoute = this.$store.state.route.name;
       // get all keys in menuGroup
       const groupKey = Object.keys(this.sidebarList);
+
+      let menuItems = [];
       // Iterate over menuGroup to find the correct group
       for (let i = 0; i < groupKey.length; i += 1) {
         const groupItem = this.sidebarList[groupKey[i]];
         // Check if current route is included
         const isRouteIncluded = groupItem.routes.indexOf(currentRoute) > -1;
         if (isRouteIncluded) {
-          return groupItem.menuItems;
+          menuItems = Object.values(groupItem.menuItems);
         }
       }
-      // If not found return empty array
-      return [];
+
+      const { role } = this.currentUser;
+      return menuItems.filter(
+        menuItem =>
+          window.roleWiseRoutes[role].indexOf(menuItem.toStateName) > -1
+      );
+    },
+    dashboardPath() {
+      return frontendURL('dashboard');
     },
     currentUser() {
       return Auth.getCurrentUser();
@@ -102,12 +122,16 @@ export default {
       return `${this.daysLeft} ${this.$t('APP_GLOBAL.TRIAL_MESSAGE')}`;
     },
     shouldShowStatusBox() {
-      return this.subscriptionData.state === 'trial' || this.subscriptionData.state === 'cancelled';
+      return (
+        this.subscriptionData.state === 'trial' ||
+        this.subscriptionData.state === 'cancelled'
+      );
     },
     statusBarClass() {
       if (this.subscriptionData.state === 'trial') {
         return 'warning';
-      } else if (this.subscriptionData.state === 'cancelled') {
+      }
+      if (this.subscriptionData.state === 'cancelled') {
         return 'danger';
       }
       return '';
@@ -122,11 +146,6 @@ export default {
       const hash = md5(this.currentUser.email);
       return `${window.WootConstants.GRAVATAR_URL}${hash}?d=monsterid`;
     },
-    // Show if user has access to the route
-    showItem(item) {
-      const { role } = this.currentUser;
-      return window.roleWiseRoutes[role].indexOf(item.toStateName) > -1;
-    },
     showOptions() {
       this.showOptionsMenu = !this.showOptionsMenu;
     },