disabled components

zero.Web.UI/App/components/modules/edit-module.vue

@@ -8,13 +8,13 @@
 
       <template v-slot:footer>
         <ui-button type="light onbg" label="@ui.close" @click="config.hide"></ui-button>
-        <ui-button type="primary" :submit="true" label="Confirm" :state="form.state" :disabled="loading || disabled"></ui-button>
+        <ui-button v-if="!disabled" type="primary" :submit="true" label="Confirm" :state="form.state" :disabled="loading"></ui-button>
       </template>
 
       <ui-loading v-if="loading" :is-big="true" />
 
       <div v-if="!loading" class="ui-module-overlay-editor">
-        <ui-editor :config="config.renderer" v-model="model" :meta="meta" :is-page="false" infos="none" />
+        <ui-editor :config="config.renderer" v-model="model" :meta="meta" :is-page="false" infos="none" :disabled="disabled" />
       </div>
 
     </ui-overlay-editor>
@@ -57,7 +57,7 @@
 
         form.load(ModulesApi.getEmpty(this.config.module.alias)).then(response =>
         {
-          this.disabled = !response.meta.canEdit;
+          this.disabled = !response.meta.canEdit || this.config.disabled;
           this.meta = response.meta;
 
           if (this.isAdd)

zero.Web.UI/App/components/modules/module-preview.vue

@@ -11,7 +11,7 @@
 
     <div v-if="!value.isActive" class="ui-module-item-disabled"></div>
 
-    <div class="ui-module-item-actions">
+    <div class="ui-module-item-actions" v-if="!disabled">
       <ui-dropdown align="right">
         <template v-slot:button>
           <ui-icon-button v-if="!value.isActive" class="ui-module-item-disabled-icon" icon="fth-lock" title="Disabled" />
@@ -42,6 +42,10 @@
         type: Array,
         default: () => []
       },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
       config: Object
     },
 

zero.Web.UI/App/components/modules/modules-select.vue

@@ -42,6 +42,10 @@
       types: {
         type: Array,
         default: () => []
+      },
+      disabled: {
+        type: Boolean,
+        default: false
       }
     },
 

zero.Web.UI/App/components/modules/modules.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ui-modules-inner">
     <div v-if="items.length" class="ui-modules-inner-sortable" v-sortable="{ onUpdate: onSortingUpdated }">
-      <ui-module-preview v-for="item in items" :key="item.id" :types="moduleTypes" :value="item" @edit="edit" @remove="remove" />
+      <ui-module-preview v-for="item in items" :key="item.id" :types="moduleTypes" :value="item" @edit="edit" @remove="remove" :disabled="disabled" />
     </div>
     <ui-modules-select ref="moduleSelect" :types="moduleTypes" :value="value" v-if="canAdd" @selected="onAdd" />
   </div>
@@ -22,6 +22,10 @@
         type: Array,
         default: () => []
       },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
       config: Object
     },
 
@@ -43,7 +47,7 @@
     computed: {
       canAdd()
       {
-        return true;
+        return !this.disabled;
       }
     },