disabled components

zero.Web.UI/App/components/forms/check-list.vue

@@ -1,7 +1,7 @@
  <template>
   <div class="ui-check-list" :class="{'is-disabled': disabled, 'is-inline': inline }">
     <label v-for="item in list" class="ui-native-check ui-check-list-item">
-      <input type="checkbox" :checked="isChecked(item)" @input="onChange(item)" />
+      <input type="checkbox" :checked="isChecked(item)" @input="onChange(item)" :disabled="disabled" />
       <span class="ui-native-check-toggle"></span>
       <span v-localize="item.name"></span>
     </label>

zero.Web.UI/App/components/forms/form-header.vue

@@ -2,16 +2,16 @@
   <ui-header-bar class="ui-form-header" :back-button="true">
     <template v-slot:title>
       <h2 class="ui-header-bar-title" :class="{'is-empty': title && !value.name}">
-        <input class="ui-form-header-title-input" type="text" v-model="value.name" v-localize:placeholder="title" :readonly="titleDisabled" />
+        <input class="ui-form-header-title-input" type="text" v-model="value.name" v-localize:placeholder="title" :readonly="titleDisabled || disabled" />
         <!--<span v-localize="value.name || title"></span>-->
       </h2>
     </template>
     <div class="ui-form-header-aside">
       <slot></slot>
       <div v-if="activeToggle" class="ui-form-header-toggle">
-        <ui-toggle v-model="value.isActive" class="is-primary" off-content="@ui.inactive" :off-warning="true" on-content="@ui.active" :content-left="true" />
+        <ui-toggle v-model="value.isActive" class="is-primary" off-content="@ui.inactive" :off-warning="true" on-content="@ui.active" :content-left="true" :disabled="disabled" />
       </div>
-      <ui-dropdown v-if="actionsDefined" align="right">
+      <ui-dropdown v-if="actionsDefined && !disabled" align="right">
         <template v-slot:button>
           <ui-button type="light onbg" label="@ui.actions" caret="down" />
         </template>

zero.Web.UI/App/components/forms/input-list.vue

@@ -103,6 +103,11 @@
       margin-top: 6px;
     }
 
+    .ui-input-list.is-disabled &
+    {
+      background: transparent;
+    }
+
     .ui-input
     {
       border-radius: var(--radius) 0 0 var(--radius);

zero.Web.UI/App/components/forms/rte.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ui-rte">
+  <div class="ui-rte" :disabled="disabled">
     <div ref="editor" :id="id" class="pell" v-show="!raw"></div>
     <div class="pell-raw" v-show="raw">
       <div class="pell-actionbar">