refactor(ui): move menu to component

Author: fiftin

web/src/components/DashboardMenu.vue

@@ -27,7 +27,7 @@
       </v-tab>
 
       <v-tab
-        v-if="canUpdateProject && projectType === ''"
+        v-if="isPro && canUpdateProject && projectType === ''"
         key="runners"
         :to="`/project/${projectId}/runners`"
         data-testid="dashboard-runners"
@@ -49,6 +49,12 @@ export default {
     canUpdateProject: Boolean,
   },
 
+  computed: {
+    isPro() {
+      return (process.env.VUE_APP_BUILD_TYPE || '').startsWith('pro_');
+    },
+  },
+
   data() {
     return {
       id: null,

web/src/components/KeyStoreMenu.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <v-tabs class="pl-4">
+      <v-tab
+        key="keys"
+        :to="`/project/${projectId}/keys`"
+        data-testid="keystore-keys"
+      >
+        Keys
+      </v-tab>
+
+      <v-tab
+        key="storages"
+        :to="`/project/${projectId}/secret_storages`"
+        data-testid="keystore-storages"
+      >
+        Storages
+      </v-tab>
+    </v-tabs>
+    <v-divider style="margin-top: -1px;" />
+  </div>
+</template>
+
+<script>
+export default {
+
+  props: {
+    projectId: Number,
+  },
+
+};
+</script>

web/src/components/TeamMenu.vue

@@ -27,7 +27,6 @@
   </v-tabs>
 </template>
 
-
 <script>
 export default {
 

web/src/views/project/Keys.vue

@@ -45,25 +45,8 @@
       >{{ $t('newKey') }}</v-btn>
     </v-toolbar>
 
-    <v-tabs class="pl-4">
-      <v-tab
-        key="keys"
-        :to="`/project/${projectId}/keys`"
-        data-testid="keystore-keys"
-      >
-        Keys
-      </v-tab>
-
-      <v-tab
-        key="storages"
-        :to="`/project/${projectId}/secret_storages`"
-        data-testid="keystore-storages"
-      >
-        Storages
-      </v-tab>
-    </v-tabs>
-
-    <v-divider style="margin-top: -1px;" />
+    <KeyStoreMenu v-if="isPro" :project-id="projectId" />
+    <v-divider v-else />
 
     <v-data-table
       :headers="headers"
@@ -105,16 +88,23 @@
 import ItemListPageBase from '@/components/ItemListPageBase';
 import KeyForm from '@/components/KeyForm.vue';
 import PageMixin from '@/components/PageMixin';
+import KeyStoreMenu from '@/components/KeyStoreMenu.vue';
 
 export default {
-  components: { KeyForm },
+  components: { KeyStoreMenu, KeyForm },
 
   mixins: [ItemListPageBase, PageMixin],
 
   props: {
     systemInfo: Object,
   },
 
+  computed: {
+    isPro() {
+      return (process.env.VUE_APP_BUILD_TYPE || '').startsWith('pro_');
+    },
+  },
+
   methods: {
     getHeaders() {
       return [{

web/src/views/project/Team.vue

@@ -37,7 +37,11 @@
       </v-btn>
     </v-toolbar>
 
-    <TeamMenu :project-id="projectId" :system-info="systemInfo" />
+    <TeamMenu
+      v-if="isPro"
+      :project-id="projectId"
+      :system-info="systemInfo"
+    />
 
     <v-divider style="margin-top: -1px;"/>
 
@@ -94,6 +98,10 @@ export default {
     userRoles() {
       return [...USER_ROLES, ...this.systemInfo.roles];
     },
+
+    isPro() {
+      return (process.env.VUE_APP_BUILD_TYPE || '').startsWith('pro_');
+    },
   },
 
   methods: {