@cybertale/form 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cybertale/form",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "ECS interface for Web Development, CyberTale edition.",
   "author": "Joso Marich <jspmari@proton.me>",
   "license": "GPL-3.0-only",

package/src/formComponents/CheckBoxComponent.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="object?.Stats[statTypeEnum.Design].Data">
     <input class="form-check-input mt-0" type="checkbox"
-           :checked="!!object?.Stats[statTypeEnum.Value].Data"
+           :checked="getValue(statTypeEnum.Value, statTypeEnum.ValueIndices)"
            :id="object?.Stats[statTypeEnum.Tag].Data"
            :required="attributeCheck(statTypeEnum.Required)"
            :disabled="attributeCheck(statTypeEnum.Disabled)"
@@ -42,6 +42,28 @@ export default class CheckBoxComponent extends Vue {
     return ''
   }
 
+  getValue (statEnum: number, indexStatTypeEnum = StatTypeEnum.Option) : string {
+    if (this.object.Stats[statEnum]) {
+      if (this.object.Stats[indexStatTypeEnum] && this.object.Stats[statEnum] && this.isJSON(this.object.Stats[statEnum].Data)) {
+        const data = JSON.parse(this.object.Stats[statEnum].Data)
+        return data[Number(this.object.Stats[indexStatTypeEnum].Data)]
+      } else {
+        return this.object.Stats[statEnum].Data
+      }
+    }
+    return ''
+  }
+
+  isJSON (str: string): boolean {
+    let temp = null
+    try {
+      temp = JSON.parse(str)
+    } catch (e) {
+      return false
+    }
+    return Array.isArray(temp)
+  }
+
   validate () : string {
     if (this.object.Stats[this.statTypeEnum.IsValid] === undefined) { return '' }
     if (this.object.Stats[this.statTypeEnum.IsValid].Data === '') { return '' }