domain: implement tree-view based domain list view (#53)

Fixes #27

Signed-off-by: Rohit Yadav <[email protected]>

Author: Hoang Nguyen

ui/src/components/header/UserMenu.vue

@@ -27,25 +27,19 @@
       </span>
       <a-menu slot="overlay" class="user-menu-wrapper">
         <a-menu-item class="user-menu-item" key="0">
-          <router-link :to="{ name: 'account' }">
+          <router-link :to="{ path: '/accountuser/' + $store.getters.userInfo.id }">
             <a-icon class="user-menu-item-icon" type="user"/>
-            <span class="user-menu-item-name">Account</span>
+            <span class="user-menu-item-name">Profile</span>
           </router-link>
         </a-menu-item>
-        <a-menu-item class="user-menu-item" key="2" disabled>
-          <router-link :to="{ name: 'account' }">
-            <a-icon class="user-menu-item-icon" type="setting"/>
-            <span class="user-menu-item-name">Settings</span>
-          </router-link>
-        </a-menu-item>
-        <a-menu-item class="user-menu-item" key="3" disabled>
+        <a-menu-item class="user-menu-item" key="1" disabled>
           <a :href="docBase" target="_blank">
             <a-icon class="user-menu-item-icon" type="question-circle-o"></a-icon>
             <span class="user-menu-item-name">Help</span>
           </a>
         </a-menu-item>
         <a-menu-divider/>
-        <a-menu-item class="user-menu-item" key="4">
+        <a-menu-item class="user-menu-item" key="2">
           <a href="javascript:;" @click="handleLogout">
             <a-icon class="user-menu-item-icon" type="logout"/>
             <span class="user-menu-item-name">Logout</span>

ui/src/components/view/InfoCard.vue

@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <a-card class="spin-content" :bordered="true" :title="title">
+    <a-card class="spin-content" :bordered="bordered" :title="title">
       <div>
         <div class="resource-details">
           <div class="avatar">
@@ -466,6 +466,10 @@ export default {
     title: {
       type: String,
       default: ''
+    },
+    bordered: {
+      type: Boolean,
+      default: true
     }
   },
   data () {

ui/src/components/view/ResourceView.vue

@@ -35,7 +35,8 @@
           <a-tab-pane
             v-for="tab in tabs"
             :tab="$t(tab.name)"
-            :key="tab.name">
+            :key="tab.name"
+            v-if="'show' in tab ? tab.show(resource, $route) : true">
             <component :is="tab.component" :resource="resource" :loading="loading" />
           </a-tab-pane>
         </a-tabs>