[cloudstack-primate] branch master updated: breadcrumb: reset to main view on home icon click

[rohit]

This is an automated email from the ASF dual-hosted git repository.

rohit pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/cloudstack-primate.git


The following commit(s) were added to refs/heads/master by this push:
     new 8f1b809  breadcrumb: reset to main view on home icon click
8f1b809 is described below

commit 8f1b809afc67d33eee5edd66189e207491ee5589
Author: Rohit Yadav <rohit.ya...@shapeblue.com>
AuthorDate: Sat Nov 23 22:20:35 2019 +0530

    breadcrumb: reset to main view on home icon click
    
    Signed-off-by: Rohit Yadav <rohit.ya...@shapeblue.com>
---
 src/components/header/ProjectMenu.vue | 2 +-
 src/components/widgets/Breadcrumb.vue | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/header/ProjectMenu.vue 
b/src/components/header/ProjectMenu.vue
index 5fa92c8..6e48b8f 100644
--- a/src/components/header/ProjectMenu.vue
+++ b/src/components/header/ProjectMenu.vue
@@ -134,7 +134,7 @@ export default {
   }
 
   &-icon {
-    font-size: 20px;
+    font-size: 18px;
     line-height: 1;
     padding-top: 5px;
     padding-right: 5px;
diff --git a/src/components/widgets/Breadcrumb.vue 
b/src/components/widgets/Breadcrumb.vue
index 537e613..4fe2e6b 100644
--- a/src/components/widgets/Breadcrumb.vue
+++ b/src/components/widgets/Breadcrumb.vue
@@ -22,7 +22,7 @@
         v-if="item && item.name"
         :to="{ path: item.path === '' ? '/' : item.path }"
       >
-        <a-icon v-if="index == 0" :type="item.meta.icon" />
+        <a-icon v-if="index == 0" :type="item.meta.icon" style="font-size: 
16px" @click="resetToMainView" />
         {{ $t(item.meta.title) }}
       </router-link>
       <span v-else-if="$route.params.id">
@@ -63,6 +63,10 @@ export default {
       this.$route.matched.forEach((item) => {
         this.breadList.push(item)
       })
+    },
+    resetToMainView () {
+      this.$store.dispatch('SetProject', {})
+      this.$store.dispatch('ToggleTheme', 'light')
     }
   }
 }