glib-web 0.5.98 → 0.6.2

package/components/fields/radio.vue

@@ -1,16 +1,16 @@
-<template>
-  <v-radio
-    :label="spec.label"
-    :value="spec.value.presence() || vuetifyEmptyString"
-    :class="$classes()"
-    :disabled="spec.readOnly"
-  ></v-radio>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
+<template>
+  <v-radio
+    :label="spec.label"
+    :value="spec.value.presence() || vuetifyEmptyString"
+    :class="$classes()"
+    :disabled="spec.readOnly"
+  ></v-radio>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>

package/components/fields/radioGroup.vue

@@ -1,42 +1,42 @@
-<template>
-  <v-radio-group
-    v-model="fieldModel"
-    :name="fieldName"
-    :disabled="spec.readOnly"
-  >
-    <div v-for="(item, index) in spec.childViews" :key="index">
-      <ui-component :spec="item" />
-    </div>
-
-    <input
-      v-if="spec.readOnly"
-      type="hidden"
-      :name="fieldName"
-      :value="fieldModel"
-    />
-  </v-radio-group>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style scoped>
-/* TODO: Review this after upgrading to vuetify 2.0 */
-div.v-input--radio-group {
-  margin-top: 0;
-}
-</style>
-
-<style>
-div.v-input--radio-group .v-messages {
-  min-height: 0;
-}
-div.v-input--radio-group.v-input--selection-controls .v-input__slot {
-  margin-bottom: 0;
-}
-</style>
+<template>
+  <v-radio-group
+    v-model="fieldModel"
+    :name="fieldName"
+    :disabled="spec.readOnly"
+  >
+    <div v-for="(item, index) in spec.childViews" :key="index">
+      <ui-component :spec="item" />
+    </div>
+
+    <input
+      v-if="spec.readOnly"
+      type="hidden"
+      :name="fieldName"
+      :value="fieldModel"
+    />
+  </v-radio-group>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style scoped>
+/* TODO: Review this after upgrading to vuetify 2.0 */
+div.v-input--radio-group {
+  margin-top: 0;
+}
+</style>
+
+<style>
+div.v-input--radio-group .v-messages {
+  min-height: 0;
+}
+div.v-input--radio-group.v-input--selection-controls .v-input__slot {
+  margin-bottom: 0;
+}
+</style>

package/components/fields/select.vue

@@ -1,17 +1,17 @@
-<template>
-  <fields-genericSelect :spec="spec" />
-</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 }
-  }
-};
-</script>
+<template>
+  <fields-genericSelect :spec="spec" />
+</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 }
+  }
+};
+</script>

package/components/fields/stripe/stripeFields.vue

@@ -1,93 +1,93 @@
-<template>
-  <div>
-    <div ref="container">
-      <!-- A Stripe Element will be inserted here. -->
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true },
-    onComplete: {
-      type: Function,
-      required: true
-    },
-    onError: {
-      type: Function,
-      required: true
-    }
-  },
-  data() {
-    return {
-      stripe: null,
-      card: null
-    };
-  },
-  watch: {
-    "$root.vueApp.stateUpdatedAt": function(val, oldVal) {
-      this.onComplete(this.stripe, this.card);
-    }
-  },
-  mounted() {
-    this.stripe = Stripe(this.spec.publicKey);
-    const elements = this.stripe.elements();
-
-    const style = {
-      base: {
-        fontSize: "16px",
-        color: "#32325d"
-      }
-    };
-
-    this.card = elements.create("card", { style: style });
-    this.card.mount(this.$refs.container);
-
-    this._registerEvent();
-  },
-  methods: {
-    _registerEvent() {
-      this.card.addEventListener("change", event => {
-        const error = event.error;
-        if (error) {
-          this.onError(error.message);
-        } else {
-          this.onError("");
-        }
-        if (event.complete) {
-          this.onComplete(this.stripe, this.card);
-        }
-      });
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.outlined {
-  .StripeElement {
-    box-sizing: border-box;
-    height: 60px;
-    padding: 18px 12px;
-    border: 1px solid #999999;
-    border-radius: 4px;
-    background-color: white;
-    box-shadow: 0 1px 3px 0 #e6ebf1;
-    -webkit-transition: box-shadow 150ms ease;
-    transition: box-shadow 150ms ease;
-  }
-  .StripeElement:hover {
-    border-color: #000000;
-    cursor: text;
-  }
-  .StripeElement--focus {
-    border-color: #1976d2;
-    border-width: 2px;
-  }
-  .StripeElement--invalid {
-    border-color: #f44336;
-    border-width: 2px;
-  }
-}
-</style>
+<template>
+  <div>
+    <div ref="container">
+      <!-- A Stripe Element will be inserted here. -->
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true },
+    onComplete: {
+      type: Function,
+      required: true
+    },
+    onError: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      stripe: null,
+      card: null
+    };
+  },
+  watch: {
+    "$root.vueApp.stateUpdatedAt": function(val, oldVal) {
+      this.onComplete(this.stripe, this.card);
+    }
+  },
+  mounted() {
+    this.stripe = Stripe(this.spec.publicKey);
+    const elements = this.stripe.elements();
+
+    const style = {
+      base: {
+        fontSize: "16px",
+        color: "#32325d"
+      }
+    };
+
+    this.card = elements.create("card", { style: style });
+    this.card.mount(this.$refs.container);
+
+    this._registerEvent();
+  },
+  methods: {
+    _registerEvent() {
+      this.card.addEventListener("change", event => {
+        const error = event.error;
+        if (error) {
+          this.onError(error.message);
+        } else {
+          this.onError("");
+        }
+        if (event.complete) {
+          this.onComplete(this.stripe, this.card);
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.outlined {
+  .StripeElement {
+    box-sizing: border-box;
+    height: 60px;
+    padding: 18px 12px;
+    border: 1px solid #999999;
+    border-radius: 4px;
+    background-color: white;
+    box-shadow: 0 1px 3px 0 #e6ebf1;
+    -webkit-transition: box-shadow 150ms ease;
+    transition: box-shadow 150ms ease;
+  }
+  .StripeElement:hover {
+    border-color: #000000;
+    cursor: text;
+  }
+  .StripeElement--focus {
+    border-color: #1976d2;
+    border-width: 2px;
+  }
+  .StripeElement--invalid {
+    border-color: #f44336;
+    border-width: 2px;
+  }
+}
+</style>