MINOR: add of readonly props within textarea component (#147)

* add of readonly props within textarea component * add of doc informations for readonly props
bimdata · Dec 22, 2021 · 785c3dc · 785c3dc
1 parent 2185599
commit 785c3dc
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue b/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue
@@ -16,6 +16,7 @@
       :value="modelValue"
       :placeholder="placeholder"
       :disabled="disabled"
+      :readonly="readonly"
       @input="$emit('update:modelValue', $event.currentTarget.value)"
     />
     <label :for="name">{{ label }}</label>
@@ -61,6 +62,10 @@ export default {
       type: String,
       default: "",
     },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
     width: {
       type: [Number, String],
       default: "150px",

diff --git a/src/web/views/Components/Textarea/Textarea.vue b/src/web/views/Components/Textarea/Textarea.vue
@@ -18,13 +18,15 @@
             :autofocus="getAutofocus()"
             :placeholder="getPlaceholder()"
             :disabled="getDisabled()"
+            :readonly="getReadonly()"
           />
         </template>
 
         <template #parameters>
           <BIMDataCheckbox text="autofocus" v-model="autofocus" />
           <BIMDataCheckbox text="placeholder" v-model="placeholder" />
           <BIMDataCheckbox text="disabled" v-model="disabled" />
+          <BIMDataCheckbox text="readonly" v-model="readonly" />
         </template>
 
         <template #import>
@@ -41,6 +43,8 @@
               {{ autofocus ? ':autofocus="true"' : "" }}
               {{ placeholder ? ':placeholder="true"' : "" }}
               {{ disabled ? ':disabled="true"' : "" }}
+              {{ readonly ? ':readonly="true"' : "" }}
+
             /&gt;
           </pre>
         </template>
@@ -78,6 +82,7 @@ export default {
       autofocus: false,
       placeholder: false,
       disabled: false,
+      readonly: false,
       propsData: [
         ["Props", "Type", "Default value", "Description"],
         [
@@ -122,6 +127,12 @@ export default {
           "false",
           "Use this boolean to disabled your textarea.",
         ],
+        [
+          "readonly",
+          "Boolean",
+          "false",
+          "Use this boolean to make your textarea readonly.",
+        ],
       ],
     };
   },
@@ -146,6 +157,13 @@ export default {
         return false;
       }
     },
+    getReadonly() {
+      if (this.readonly) {
+        return true;
+      } else {
+        return false;
+      }
+    },
   },
 };
 </script>