@appscode/design-system 1.0.43-alpha.153 → 1.0.43-alpha.154

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "1.0.43-alpha.153",
+  "version": "1.0.43-alpha.154",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v2/navbar/User.vue

@@ -22,7 +22,7 @@
             />
             <button class="camera-icon"></button>
           </div>
-          <div class="profile-info" style="width: calc(100% - 60px);">
+          <div class="profile-info" style="width: calc(100% - 60px)">
             <a
               :href="`/${user.username}`"
               :title="user.username.toUpperCase()"
@@ -37,7 +37,7 @@
             <a :href="`${serverDomain}/user/settings/`">Settings</a>
           </li>
           <li v-if="user.is_admin" key="site-admin">
-            <a :href="`${serverDomain}/admin`">Site Administration</a>
+            <a :href="`${accountsDomain}/admin`">Site Administration</a>
           </li>
           <li
             v-if="showAccountSwitcher"
@@ -57,9 +57,9 @@
               <span>Switch Account</span>
               <span
                 ><i
-                  :class="
-                    `fa fa-angle-${dropDownStatus === 'open' ? 'up' : 'down'}`
-                  "
+                  :class="`fa fa-angle-${
+                    dropDownStatus === 'open' ? 'up' : 'down'
+                  }`"
                 ></i
               ></span>
             </a>
@@ -128,7 +128,7 @@
             <a :href="`${serverDomain}/dashboard`"> Dashboard </a>
           </li>
           <li key="signout">
-            <a :href="`${serverDomain}/user/logout`"> Sign out </a>
+            <a :href="`${accountsDomain}/user/logout`"> Sign out </a>
           </li>
         </transition-group>
       </div>
@@ -142,32 +142,36 @@ export default {
     // active user info
     user: {
       type: Object,
-      default: () => ({})
+      default: () => ({}),
     },
     serverDomain: {
       type: String,
-      default: ""
+      default: "",
+    },
+    accountsDomain: {
+      type: String,
+      default: "",
     },
     showAccountSwitcher: {
       type: Boolean,
-      default: false
+      default: false,
     },
     // all available organization list including personal account
     organizations: {
       type: Array,
-      default: () => []
-    }
+      default: () => [],
+    },
   },
 
   components: {
     NavbarItem: () => import("./NavbarItem.vue"),
-    NavbarItemContent: () => import("./NavbarItemContent.vue")
+    NavbarItemContent: () => import("./NavbarItemContent.vue"),
   },
 
   computed: {
     formattedOrganizations() {
       let activeUser;
-      const filteredList = this.organizations.filter(item => {
+      const filteredList = this.organizations.filter((item) => {
         if (item.username === this.user.username) {
           activeUser = item;
         } else {
@@ -179,13 +183,13 @@ export default {
       filteredList.unshift(activeUser);
 
       return filteredList || [];
-    }
+    },
   },
 
   data() {
     return {
       dropDownStatus: "close",
-      dropDownSectionHeight: null
+      dropDownSectionHeight: null,
     };
   },
 
@@ -202,7 +206,7 @@ export default {
     },
     onMouseLeave() {
       this.dropDownStatus = "close";
-    }
+    },
   },
 
   watch: {
@@ -218,9 +222,9 @@ export default {
         } else {
           this.dropDownSectionHeight = null;
         }
-      }
-    }
-  }
+      },
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -230,4 +234,4 @@ export default {
 .line-break-anywhere {
   line-break: anywhere;
 }
-</style>
+</style>