breadcrumb: reset to main view on home icon click

rohityadavcloud · rohityadavcloud · commit d0393668c950 · 2021-01-20T07:06:14.000+05:30
Signed-off-by: Rohit Yadav &lt;rohit.yadav@shapeblue.com&gt;
diff --git a/ui/src/components/header/ProjectMenu.vue b/ui/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/ui/src/components/widgets/Breadcrumb.vue b/ui/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')
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`v-if="item && item.name"`
`23`	`23`	`:to="{ path: item.path === '' ? '/' : item.path }"`
`24`	`24`	`>`
`25`		`- <a-icon v-if="index == 0" :type="item.meta.icon" />`
	`25`	`+ <a-icon v-if="index == 0" :type="item.meta.icon" style="font-size: 16px" @click="resetToMainView" />`
`26`	`26`	`{{ $t(item.meta.title) }}`
`27`	`27`	`</router-link>`
`28`	`28`	`<span v-else-if="$route.params.id">`
`@@ -63,6 +63,10 @@ export default {`
`63`	`63`	`this.$route.matched.forEach((item) => {`
`64`	`64`	`this.breadList.push(item)`
`65`	`65`	`})`
	`66`	`+ },`
	`67`	`+ resetToMainView () {`
	`68`	`+ this.$store.dispatch('SetProject', {})`
	`69`	`+ this.$store.dispatch('ToggleTheme', 'light')`
`66`	`70`	`}`
`67`	`71`	`}`
`68`	`72`	`}`