glib-web 0.5.77 → 0.5.78

package/components/fields/_select.vue

@@ -1,86 +1,86 @@
-<template>
-  <div :style="$styles()" :class="classes()">
-    <v-autocomplete
-      v-model="fieldModel"
-      :label="spec.label"
-      :items="options"
-      :chips="spec.multiple"
-      :deletable-chips="spec.multiple"
-      :multiple="spec.multiple"
-      :disabled="spec.readOnly"
-      :clearable="!spec.readOnly"
-      :hint="spec.hint"
-      :placeholder="spec.placeholder"
-      :rules="rules"
-      validate-on-blur
-      persistent-hint
-      :class="$classes()"
-      :outlined="$classes().includes('outlined')"
-      :append-icon="append.icon"
-    />
-
-    <input
-      v-for="(item, index) in values"
-      :key="index"
-      type="hidden"
-      :name="fieldName"
-      :value="item"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true },
-    defaultValue: { type: String, default: null }
-  },
-  data() {
-    return {
-      options: null,
-      append: {},
-      rules: []
-    };
-  },
-  computed: {
-    values() {
-      // Depends on whether the field is single or multiple
-      if (this.$type.isArray(this.fieldModel)) {
-        return this.fieldModel.length > 0 ? this.fieldModel : this.emptyValue;
-      } else {
-        return [this.fieldModel];
-      }
-      // return this.emptyValue;
-    },
-    // To avoid empty param error
-    emptyValue() {
-      return [null];
-    }
-  },
-  methods: {
-    $ready() {
-      this.options = this.normalizedOptions();
-      this.append = this.spec.append || {};
-      this.rules = this.$validation();
-      if (this.defaultValue) {
-        this.fieldModel = this.defaultValue;
-      }
-    },
-    normalizedOptions() {
-      return this.spec.options.map(i => {
-        switch (i.type) {
-          case "label":
-            return { header: i.text };
-          case "divider":
-            return { divider: true };
-          default:
-            return i;
-        }
-      });
-    },
-    classes() {
-      return this.$classes().concat("g-text-field--hintless");
-    }
-  }
-};
-</script>
+<template>
+  <div :style="$styles()" :class="classes()">
+    <v-autocomplete
+      v-model="fieldModel"
+      :label="spec.label"
+      :items="options"
+      :chips="spec.multiple"
+      :deletable-chips="spec.multiple"
+      :multiple="spec.multiple"
+      :disabled="spec.readOnly"
+      :clearable="!spec.readOnly"
+      :hint="spec.hint"
+      :placeholder="spec.placeholder"
+      :rules="rules"
+      validate-on-blur
+      persistent-hint
+      :class="$classes()"
+      :outlined="$classes().includes('outlined')"
+      :append-icon="append.icon"
+    />
+
+    <input
+      v-for="(item, index) in values"
+      :key="index"
+      type="hidden"
+      :name="fieldName"
+      :value="item"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true },
+    defaultValue: { type: String, default: null }
+  },
+  data() {
+    return {
+      options: null,
+      append: {},
+      rules: []
+    };
+  },
+  computed: {
+    values() {
+      // Depends on whether the field is single or multiple
+      if (this.$type.isArray(this.fieldModel)) {
+        return this.fieldModel.length > 0 ? this.fieldModel : this.emptyValue;
+      } else {
+        return [this.fieldModel];
+      }
+      // return this.emptyValue;
+    },
+    // To avoid empty param error
+    emptyValue() {
+      return [null];
+    }
+  },
+  methods: {
+    $ready() {
+      this.options = this.normalizedOptions();
+      this.append = this.spec.append || {};
+      this.rules = this.$validation();
+      if (this.defaultValue) {
+        this.fieldModel = this.defaultValue;
+      }
+    },
+    normalizedOptions() {
+      return this.spec.options.map(i => {
+        switch (i.type) {
+          case "label":
+            return { header: i.text };
+          case "divider":
+            return { divider: true };
+          default:
+            return i;
+        }
+      });
+    },
+    classes() {
+      return this.$classes().concat("g-text-field--hintless");
+    }
+  }
+};
+</script>

package/components/fields/autocomplete.vue

@@ -1,73 +1,73 @@
-<!-- TODO: Remove (deprecated) -->
-<template>
-  <div :style="genericStyles()">
-    <v-combobox
-      v-model="fieldModel"
-      :label="spec.label"
-      :items="options"
-      :chips="spec.multiple"
-      :deletable-chips="spec.multiple"
-      :multiple="spec.multiple"
-      :readonly="spec.readOnly"
-      :disabled="spec.readOnly"
-      :hint="spec.hint"
-      :placeholder="spec.placeholder"
-      :outlined="$classes().includes('outlined')"
-      :append-icon="append.icon"
-    />
-
-    <input
-      v-for="(item, index) in values"
-      :key="index"
-      type="hidden"
-      :name="fieldName"
-      :value="item"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      options: null,
-      append: {}
-    };
-  },
-  computed: {
-    values() {
-      // Depends on whether the field is single or multiple
-      if (this.$type.isArray(this.fieldModel)) {
-        return this.fieldModel.length > 0 ? this.fieldModel : this.emptyValue;
-      } else {
-        return [this.fieldModel];
-      }
-      return this.emptyValue;
-    },
-    // To avoid empty param error
-    emptyValue() {
-      return [null];
-    }
-  },
-  methods: {
-    $ready() {
-      const spec = this.spec;
-      const options = spec.options;
-
-      if (Utils.type.isArray(options)) {
-        // It can be really confusing if the options are not strings (e.g. value-text pair)
-        this.options = options.map(i =>
-          Utils.type.isString(i)
-            ? i
-            : console.warn("Option needs to be a string", i)
-        );
-      }
-
-      this.append = spec.append || {};
-    }
-  }
-};
-</script>
+<!-- TODO: Remove (deprecated) -->
+<template>
+  <div :style="genericStyles()">
+    <v-combobox
+      v-model="fieldModel"
+      :label="spec.label"
+      :items="options"
+      :chips="spec.multiple"
+      :deletable-chips="spec.multiple"
+      :multiple="spec.multiple"
+      :readonly="spec.readOnly"
+      :disabled="spec.readOnly"
+      :hint="spec.hint"
+      :placeholder="spec.placeholder"
+      :outlined="$classes().includes('outlined')"
+      :append-icon="append.icon"
+    />
+
+    <input
+      v-for="(item, index) in values"
+      :key="index"
+      type="hidden"
+      :name="fieldName"
+      :value="item"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      options: null,
+      append: {}
+    };
+  },
+  computed: {
+    values() {
+      // Depends on whether the field is single or multiple
+      if (this.$type.isArray(this.fieldModel)) {
+        return this.fieldModel.length > 0 ? this.fieldModel : this.emptyValue;
+      } else {
+        return [this.fieldModel];
+      }
+      return this.emptyValue;
+    },
+    // To avoid empty param error
+    emptyValue() {
+      return [null];
+    }
+  },
+  methods: {
+    $ready() {
+      const spec = this.spec;
+      const options = spec.options;
+
+      if (Utils.type.isArray(options)) {
+        // It can be really confusing if the options are not strings (e.g. value-text pair)
+        this.options = options.map(i =>
+          Utils.type.isString(i)
+            ? i
+            : console.warn("Option needs to be a string", i)
+        );
+      }
+
+      this.append = spec.append || {};
+    }
+  }
+};
+</script>

package/components/fields/check.vue

@@ -1,104 +1,104 @@
-<template>
-  <div :class="$classes()">
-    <fields-hidden v-if="uncheckSpec" :spec="uncheckSpec" />
-    <v-checkbox
-      v-model="fieldModel"
-      :name="fieldName"
-      :value="spec.checkValue"
-      :label="spec.label"
-      hide-details
-      @change="changed"
-    ></v-checkbox>
-    <!-- <v-switch
-      v-if="fieldType == 'switch'"
-      v-model="fieldModel"
-      :name="fieldName"
-      :value="spec.checkValue"
-      :label="spec.label"
-      hide-details
-      @change="changed"
-    >
-    </v-switch>
-    <v-checkbox
-      v-else
-      v-model="fieldModel"
-      :name="fieldName"
-      :value="spec.checkValue"
-      :label="spec.label"
-      hide-details
-      @change="changed"
-    ></v-checkbox> -->
-  </div>
-</template>
-
-<script>
-import HiddenField from "./hidden";
-
-export default {
-  components: {
-    "fields-hidden": HiddenField
-  },
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      groupElement: null,
-      groupName: null,
-      fieldType: null,
-      uncheckSpec: null
-    };
-  },
-  // computed: {
-  //   uncheckSpec() {
-  //     // const cloneSpec = Object.assign({}, this.spec)
-  //     // return Object.assign(cloneSpec, { value: 0 })
-  //     return { name: this.spec.name, value: this.spec.uncheckValue };
-  //   }
-  // },
-  mounted() {
-    // TODO: probably need fixing
-    this.groupElement = this.$el.closest("[data-component=checkGroup]");
-    this.$type.ifObject(
-      this.groupElement,
-      val => (this.groupName = val.getAttribute("name"))
-    );
-    // if (this.groupElement) {
-    //   this.groupName = this.groupElement.getAttribute('name')
-    // }
-  },
-  methods: {
-    $ready() {
-      this.fieldName = this.spec.name || this.groupName;
-      this.fieldModel = this.spec.checked
-        ? this.spec.checkValue
-        : this.spec.value;
-
-      Utils.type.ifArray(this.spec.styleClasses, classes => {
-        if (classes.remove("switch")) {
-          this.fieldType = "switch";
-        }
-      });
-
-      Utils.type.ifNotNull(this.spec.uncheckValue, value => {
-        this.uncheckSpec = { name: this.spec.name, value: value };
-      });
-    },
-    changed(event) {
-      // Execute later to ensure the checkbox's checked state has been updated.
-      const vm = this;
-      setTimeout(function() {
-        vm.$type.ifObject(vm.groupElement, val =>
-          val.dispatchEvent(new Event("change"))
-        );
-      }, 100);
-    }
-  }
-};
-</script>
-
-<style scoped>
-.v-input--selection-controls {
-  margin-top: 0;
-}
-</style>
+<template>
+  <div :class="$classes()">
+    <fields-hidden v-if="uncheckSpec" :spec="uncheckSpec" />
+    <v-checkbox
+      v-model="fieldModel"
+      :name="fieldName"
+      :value="spec.checkValue"
+      :label="spec.label"
+      hide-details
+      @change="changed"
+    ></v-checkbox>
+    <!-- <v-switch
+      v-if="fieldType == 'switch'"
+      v-model="fieldModel"
+      :name="fieldName"
+      :value="spec.checkValue"
+      :label="spec.label"
+      hide-details
+      @change="changed"
+    >
+    </v-switch>
+    <v-checkbox
+      v-else
+      v-model="fieldModel"
+      :name="fieldName"
+      :value="spec.checkValue"
+      :label="spec.label"
+      hide-details
+      @change="changed"
+    ></v-checkbox> -->
+  </div>
+</template>
+
+<script>
+import HiddenField from "./hidden";
+
+export default {
+  components: {
+    "fields-hidden": HiddenField
+  },
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      groupElement: null,
+      groupName: null,
+      fieldType: null,
+      uncheckSpec: null
+    };
+  },
+  // computed: {
+  //   uncheckSpec() {
+  //     // const cloneSpec = Object.assign({}, this.spec)
+  //     // return Object.assign(cloneSpec, { value: 0 })
+  //     return { name: this.spec.name, value: this.spec.uncheckValue };
+  //   }
+  // },
+  mounted() {
+    // TODO: probably need fixing
+    this.groupElement = this.$el.closest("[data-component=checkGroup]");
+    this.$type.ifObject(
+      this.groupElement,
+      val => (this.groupName = val.getAttribute("name"))
+    );
+    // if (this.groupElement) {
+    //   this.groupName = this.groupElement.getAttribute('name')
+    // }
+  },
+  methods: {
+    $ready() {
+      this.fieldName = this.spec.name || this.groupName;
+      this.fieldModel = this.spec.checked
+        ? this.spec.checkValue
+        : this.spec.value;
+
+      Utils.type.ifArray(this.spec.styleClasses, classes => {
+        if (classes.remove("switch")) {
+          this.fieldType = "switch";
+        }
+      });
+
+      Utils.type.ifNotNull(this.spec.uncheckValue, value => {
+        this.uncheckSpec = { name: this.spec.name, value: value };
+      });
+    },
+    changed(event) {
+      // Execute later to ensure the checkbox's checked state has been updated.
+      const vm = this;
+      setTimeout(function() {
+        vm.$type.ifObject(vm.groupElement, val =>
+          val.dispatchEvent(new Event("change"))
+        );
+      }, 100);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.v-input--selection-controls {
+  margin-top: 0;
+}
+</style>