fix(ui): passing feature flags from backend

Author: fiftin

web/src/components/EnvironmentForm.vue

@@ -3,7 +3,7 @@
     ref="form"
     lazy-validation
     v-model="formValid"
-    v-if="item != null && secretStorages != null"
+    v-if="item != null && (!supportStorages || secretStorages != null)"
     class="pb-3"
   >
     <v-alert

web/src/components/PageMixin.js

@@ -0,0 +1,13 @@
+export default {
+  props: {
+    systemInfo: Object,
+  },
+
+  computed: {
+
+    premiumFeatures() {
+      return this.systemInfo?.premium_features || {};
+    },
+
+  },
+};

web/src/views/Runners.vue

@@ -363,9 +363,10 @@ import axios from 'axios';
 import DashboardMenu from '@/components/DashboardMenu.vue';
 import delay from '@/lib/delay';
 import CopyClipboardButton from '@/components/CopyClipboardButton.vue';
+import PageMixin from '@/components/PageMixin';
 
 export default {
-  mixins: [ItemListPageBase],
+  mixins: [ItemListPageBase, PageMixin],
 
   components: {
     CopyClipboardButton,
@@ -376,7 +377,6 @@ export default {
   },
 
   props: {
-    systemInfo: Object,
     projectId: Number,
   },
 
@@ -385,10 +385,6 @@ export default {
       return this.systemInfo?.web_host || window.location.origin;
     },
 
-    premiumFeatures() {
-      return this.systemInfo?.premium_features || {};
-    },
-
     version() {
       return (this.systemInfo?.version || '').split('-')[0];
     },

web/src/views/project/Environment.vue

@@ -19,7 +19,7 @@
           :need-save="needSave"
           :need-reset="needReset"
           :need-help="needHelp"
-          :support-storages="systemInfo.premium_features?.secret_storages"
+          :support-storages="premiumFeatures.secret_storages"
           @maximize="editNoEscape = $event.maximized"
         />
       </template>
@@ -81,14 +81,14 @@
 <script>
 import ItemListPageBase from '@/components/ItemListPageBase';
 import EnvironmentForm from '@/components/EnvironmentForm.vue';
+import PageMixin from '@/components/PageMixin';
 
 export default {
   components: { EnvironmentForm },
-  mixins: [ItemListPageBase],
+  mixins: [ItemListPageBase, PageMixin],
   data() {
     return {
       editNoEscape: false,
-      systemInfo: Object,
     };
   },
   methods: {

web/src/views/project/Keys.vue

@@ -104,22 +104,17 @@
 <script>
 import ItemListPageBase from '@/components/ItemListPageBase';
 import KeyForm from '@/components/KeyForm.vue';
+import PageMixin from '@/components/PageMixin';
 
 export default {
   components: { KeyForm },
 
-  mixins: [ItemListPageBase],
+  mixins: [ItemListPageBase, PageMixin],
 
   props: {
     systemInfo: Object,
   },
 
-  computed: {
-    premiumFeatures() {
-      return this.systemInfo?.premium_features || {};
-    },
-  },
-
   methods: {
     getHeaders() {
       return [{