glib-web 0.5.98 → 0.6.2

package/components/fields/timeZone.vue

@@ -1,22 +1,22 @@
-<template>
-  <fields-genericSelect :spec="spec" :default-value="defaultValue" />
-</template>
-
-<script>
-import SelectField from "./_select";
-
-export default {
-  components: {
-    // Need to start with `fields-` to enable jsonlogic in `styles.js#_linkFieldModels`
-    "fields-genericSelect": SelectField
-  },
-  props: {
-    spec: { type: Object, required: true }
-  },
-  computed: {
-    defaultValue() {
-      return Intl.DateTimeFormat().resolvedOptions().timeZone;
-    }
-  }
-};
-</script>
+<template>
+  <fields-genericSelect :spec="spec" :default-value="defaultValue" />
+</template>
+
+<script>
+import SelectField from "./_select";
+
+export default {
+  components: {
+    // Need to start with `fields-` to enable jsonlogic in `styles.js#_linkFieldModels`
+    "fields-genericSelect": SelectField
+  },
+  props: {
+    spec: { type: Object, required: true }
+  },
+  computed: {
+    defaultValue() {
+      return Intl.DateTimeFormat().resolvedOptions().timeZone;
+    }
+  }
+};
+</script>

package/components/fields/timer.vue

@@ -1,83 +1,83 @@
-<template>
-  <div :style="$styles()" :class="classes()">
-    <v-text-field
-      v-model="fieldModel"
-      :label="spec.label"
-      :name="fieldName"
-      :disabled="true"
-      :outlined="$classes().includes('outlined')"
-      :rounded="$classes().includes('rounded')"
-      :dense="$classes().includes('dense')"
-    />
-    <input type="hidden" :name="fieldName" :value="fieldModel" />
-  </div>
-</template>
-
-<script>
-import actionCableMixin from "../mixins/ws/actionCable";
-
-export default {
-  mixins: [actionCableMixin],
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      timer: null,
-      minValue: -1000000,
-      maxValue: 1000000
-    };
-  },
-  methods: {
-    $ready() {
-      this.$wsInitActionCable(this.spec.actionCable);
-
-      Utils.type.ifNumber(this.spec.min, value => {
-        this.minValue = value;
-      });
-      Utils.type.ifNumber(this.spec.max, value => {
-        this.maxValue = value;
-      });
-
-      Utils.type.ifNumber(this.spec.value, value => {
-        if (value !== null) {
-          this.fieldModel = value;
-        }
-
-        this.timer = setInterval(() => {
-          this.adjustValue();
-        }, 1000);
-      });
-    },
-    adjustValue() {
-      if (this.spec.forward) {
-        if (this.fieldModel < this.maxValue) {
-          this.fieldModel += 1;
-        }
-      } else {
-        if (this.fieldModel > this.minValue) {
-          this.fieldModel -= 1;
-        }
-      }
-    },
-    $tearDown() {
-      console.log("Cleaning up timer...");
-      if (this.timer != null) {
-        clearInterval(this.timer);
-        console.log(`Timer stopped: ${this.timer}`);
-        this.timer == null;
-      }
-    },
-    action_set(spec) {
-      Utils.type.ifNumber(spec.value, value => {
-        this.fieldModel = value;
-      });
-    },
-    classes() {
-      return this.$classes().concat("g-text-field--hintless");
-    }
-  }
-};
-</script>
-
-<style scoped></style>
+<template>
+  <div :style="$styles()" :class="classes()">
+    <v-text-field
+      v-model="fieldModel"
+      :label="spec.label"
+      :name="fieldName"
+      :disabled="true"
+      :outlined="$classes().includes('outlined')"
+      :rounded="$classes().includes('rounded')"
+      :dense="$classes().includes('dense')"
+    />
+    <input type="hidden" :name="fieldName" :value="fieldModel" />
+  </div>
+</template>
+
+<script>
+import actionCableMixin from "../mixins/ws/actionCable";
+
+export default {
+  mixins: [actionCableMixin],
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      timer: null,
+      minValue: -1000000,
+      maxValue: 1000000
+    };
+  },
+  methods: {
+    $ready() {
+      this.$wsInitActionCable(this.spec.actionCable);
+
+      Utils.type.ifNumber(this.spec.min, value => {
+        this.minValue = value;
+      });
+      Utils.type.ifNumber(this.spec.max, value => {
+        this.maxValue = value;
+      });
+
+      Utils.type.ifNumber(this.spec.value, value => {
+        if (value !== null) {
+          this.fieldModel = value;
+        }
+
+        this.timer = setInterval(() => {
+          this.adjustValue();
+        }, 1000);
+      });
+    },
+    adjustValue() {
+      if (this.spec.forward) {
+        if (this.fieldModel < this.maxValue) {
+          this.fieldModel += 1;
+        }
+      } else {
+        if (this.fieldModel > this.minValue) {
+          this.fieldModel -= 1;
+        }
+      }
+    },
+    $tearDown() {
+      console.log("Cleaning up timer...");
+      if (this.timer != null) {
+        clearInterval(this.timer);
+        console.log(`Timer stopped: ${this.timer}`);
+        this.timer == null;
+      }
+    },
+    action_set(spec) {
+      Utils.type.ifNumber(spec.value, value => {
+        this.fieldModel = value;
+      });
+    },
+    classes() {
+      return this.$classes().concat("g-text-field--hintless");
+    }
+  }
+};
+</script>
+
+<style scoped></style>

package/components/h1.vue

@@ -1,28 +1,28 @@
-<template>
-  <h1
-    :style="textStyles()"
-    :class="$classes()"
-    :href="$href()"
-    :rel="$rel()"
-    @click="$onClick()"
-  >
-    {{ spec.text }}
-  </h1>
-</template>
-
-<script>
-import textMixin from "./mixins/text.js";
-
-export default {
-  mixins: [textMixin],
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* h1 {
-  line-height: 1.5;
-} */
-</style>
+<template>
+  <h1
+    :style="textStyles()"
+    :class="$classes()"
+    :href="$href()"
+    :rel="$rel()"
+    @click="$onClick()"
+  >
+    {{ spec.text }}
+  </h1>
+</template>
+
+<script>
+import textMixin from "./mixins/text.js";
+
+export default {
+  mixins: [textMixin],
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* h1 {
+  line-height: 1.5;
+} */
+</style>

package/components/h2.vue

@@ -1,20 +1,28 @@
-<template>
-  <h2 :style="textStyles()" :class="$classes()">{{ spec.text }}</h2>
-</template>
-
-<script>
-import textMixin from "./mixins/text.js";
-
-export default {
-  mixins: [textMixin],
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* h2 {
-  line-height: 1.5;
-} */
-</style>
+<template>
+  <h2
+    :style="textStyles()"
+    :class="$classes()"
+    :href="$href()"
+    :rel="$rel()"
+    @click="$onClick()"
+  >
+    {{ spec.text }}
+  </h2>
+</template>
+
+<script>
+import textMixin from "./mixins/text.js";
+
+export default {
+  mixins: [textMixin],
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* h2 {
+  line-height: 1.5;
+} */
+</style>

package/components/h3.vue

@@ -1,22 +1,29 @@
-<template>
-  <h3 :id="spec.id" :style="textStyles()" :class="$classes()">
-    {{ spec.text }}
-  </h3>
-</template>
-
-<script>
-import textMixin from "./mixins/text.js";
-
-export default {
-  mixins: [textMixin],
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* h3 {
-  line-height: 1.5;
-} */
-</style>
+<template>
+  <h3
+    :id="spec.id"
+    :style="textStyles()"
+    :class="$classes()"
+    :href="$href()"
+    :rel="$rel()"
+    @click="$onClick()"
+  >
+    {{ spec.text }}
+  </h3>
+</template>
+
+<script>
+import textMixin from "./mixins/text.js";
+
+export default {
+  mixins: [textMixin],
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* h3 {
+  line-height: 1.5;
+} */
+</style>

package/components/h4.vue

@@ -1,20 +1,28 @@
-<template>
-  <h4 :style="textStyles()" :class="$classes()">{{ spec.text }}</h4>
-</template>
-
-<script>
-import textMixin from "./mixins/text.js";
-
-export default {
-  mixins: [textMixin],
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* h4 {
-  line-height: 1.5;
-} */
-</style>
+<template>
+  <h4
+    :style="textStyles()"
+    :class="$classes()"
+    :href="$href()"
+    :rel="$rel()"
+    @click="$onClick()"
+  >
+    {{ spec.text }}
+  </h4>
+</template>
+
+<script>
+import textMixin from "./mixins/text.js";
+
+export default {
+  mixins: [textMixin],
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* h4 {
+  line-height: 1.5;
+} */
+</style>

package/components/h5.vue

@@ -1,20 +1,28 @@
-<template>
-  <h5 :style="textStyles()" :class="$classes()">{{ spec.text }}</h5>
-</template>
-
-<script>
-import textMixin from "./mixins/text.js";
-
-export default {
-  mixins: [textMixin],
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* h4 {
-  line-height: 1.5;
-} */
-</style>
+<template>
+  <h5
+    :style="textStyles()"
+    :class="$classes()"
+    :href="$href()"
+    :rel="$rel()"
+    @click="$onClick()"
+  >
+    {{ spec.text }}
+  </h5>
+</template>
+
+<script>
+import textMixin from "./mixins/text.js";
+
+export default {
+  mixins: [textMixin],
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* h4 {
+  line-height: 1.5;
+} */
+</style>

package/components/h6.vue

@@ -1,20 +1,28 @@
-<template>
-  <h4 :style="textStyles()" :class="$classes()">{{ spec.text }}</h4>
-</template>
-
-<script>
-import textMixin from "./mixins/text.js";
-
-export default {
-  mixins: [textMixin],
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* h4 {
-  line-height: 1.5;
-} */
-</style>
+<template>
+  <h4
+    :style="textStyles()"
+    :class="$classes()"
+    :href="$href()"
+    :rel="$rel()"
+    @click="$onClick()"
+  >
+    {{ spec.text }}
+  </h4>
+</template>
+
+<script>
+import textMixin from "./mixins/text.js";
+
+export default {
+  mixins: [textMixin],
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* h4 {
+  line-height: 1.5;
+} */
+</style>

package/components/icon.vue

@@ -1,25 +1,25 @@
-<template>
-  <a v-if="$href()" :href="$href()" :rel="$rel()" @click="$onClick()">
-    <common-icon :spec="iconSpec" />
-  </a>
-  <common-icon v-else :spec="iconSpec" />
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true },
-    isBusy: { type: Boolean }
-  },
-  computed: {
-    iconSpec() {
-      if (this.spec.spec) {
-        return this.spec.spec;
-      }
-      return this.spec;
-    }
-  }
-};
-</script>
-
-<style scoped></style>
+<template>
+  <a v-if="$href()" :href="$href()" :rel="$rel()" @click="$onClick()">
+    <common-icon :spec="iconSpec" />
+  </a>
+  <common-icon v-else :spec="iconSpec" />
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true },
+    isBusy: { type: Boolean }
+  },
+  computed: {
+    iconSpec() {
+      if (this.spec.spec) {
+        return this.spec.spec;
+      }
+      return this.spec;
+    }
+  }
+};
+</script>
+
+<style scoped></style>