@nixweb/nixloc-ui 1.9.0 → 1.11.0

package/@nixweb/nixloc-ui/src/component/forms/Modal.vue

@@ -1,57 +1,57 @@
-<template>
-  <div>
-    <vodal :duration="80" :show="modal.open" @hide="hide()" :width="width" :height="height" :closeOnEsc="closeOnEsc"
-      :closeButton="closeButton" :closeOnClickMask="false">
-      <div class="d-block text-left">
-        <Messages v-if="!vodal.open" />
-        <div class="title">{{ title }}</div>
-        <hr class="hr" />
-        <slot></slot>
-      </div>
-      <div slot="modal-footer"></div>
-    </vodal>
-  </div>
-</template>
-
-<script>
-import Messages from "@nixweb/nixloc-ui/src/component/shared/Messages";
-import Vodal from "vodal";
-
-import { mapState, mapMutations } from "vuex";
-
-export default {
-  name: "Modal",
-  props: {
-    title: String,
-    width: Number,
-    height: Number,
-    closeOnEsc: {
-      type: Boolean,
-      default: true,
-    },
-    closeButton: {
-      type: Boolean,
-      default: true,
-    },
-    onHideModal: Function,
-  },
-  components: { Messages, Vodal },
-  computed: {
-    ...mapState("generic", ["modal", "vodal"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["hideModal"]),
-    hide() {
-      if (this.onHideModal) this.onHideModal();
-      this.hideModal();
-    },
-  },
-};
-</script>
-
-<style scoped>
-.title {
-  font-size: 18px;
-  margin-bottom: 5px;
-}
-</style>
+<template>
+  <div>
+    <vodal :duration="80" :show="modal.open" @hide="hide()" :width="width" :height="height" :closeOnEsc="closeOnEsc"
+      :closeButton="closeButton" :closeOnClickMask="false">
+      <div class="d-block text-left">
+        <Messages v-if="!vodal.open" />
+        <div class="title">{{ title }}</div>
+        <hr class="hr" />
+        <slot></slot>
+      </div>
+      <div slot="modal-footer"></div>
+    </vodal>
+  </div>
+</template>
+
+<script>
+import Messages from "@nixweb/nixloc-ui/src/component/shared/Messages";
+import Vodal from "vodal";
+
+import { mapState, mapMutations } from "vuex";
+
+export default {
+  name: "Modal",
+  props: {
+    title: String,
+    width: Number,
+    height: Number,
+    closeOnEsc: {
+      type: Boolean,
+      default: true,
+    },
+    closeButton: {
+      type: Boolean,
+      default: true,
+    },
+    onHideModal: Function,
+  },
+  components: { Messages, Vodal },
+  computed: {
+    ...mapState("generic", ["modal", "vodal"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["hideModal"]),
+    hide() {
+      if (this.onHideModal) this.onHideModal();
+      this.hideModal();
+    },
+  },
+};
+</script>
+
+<style scoped>
+.title {
+  font-size: 18px;
+  margin-bottom: 5px;
+}
+</style>

package/@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue

@@ -1,91 +1,91 @@
-<template>
-  <div>
-    <span class="title">{{ title }}</span>
-    <div class="options">
-      <b-form-group>
-        <b-form-radio-group v-model="selected" :options="options" :disabled="disabled"
-          :stacked="stacked"></b-form-radio-group>
-      </b-form-group>
-    </div>
-  </div>
-</template>
-
-<script>
-import Tip from "../shared/Tip.vue";
-
-import { mapMutations, mapGetters } from "vuex";
-
-export default {
-  components: { Tip },
-  name: "options",
-  props: {
-    title: String,
-    options: Array,
-    initialFieldTarget: String,
-    fieldTarget: String,
-    disabled: Boolean,
-    stacked: Boolean,
-    markFormDirty: {
-      type: Boolean,
-      default: true,
-    },
-    changed: Function,
-    value: Number,
-  },
-  data() {
-    return {
-      selected: this.value,
-    };
-  },
-  mounted() {
-    if (this.initialFieldTarget) {
-      let value = this.initialFieldTarget.value;
-      let obj = { tag: `${this.title}: ${value}`, fieldTarget: this.fieldTarget, value: value };
-      this.addFilter(obj);
-    }
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapMutations("validation", ["updateFormDirty"]),
-    ...mapMutations("generic", ["addFilter"]),
-  },
-  watch: {
-    value() {
-      this.selected = this.value;
-    },
-    selected() {
-      this.$emit("input", this.selected);
-
-      if (this.markFormDirty) this.updateFormDirty(true);
-      if (this.changed) this.changed();
-      if (this.fieldTarget) {
-        let obj = { tag: `${this.title}: ${this.selected}`, fieldTarget: this.fieldTarget, value: this.selected };
-        this.addFilter(obj);
-      }
-    },
-    event: {
-      handler(event) {
-        if (event.name == "tagRemoved") {
-          if (this.fieldTarget == event.data)
-            this.$emit("input", "");
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style>
-.custom-control-label {
-  font-size: 13px !important;
-  font-weight: 400 !important;
-  text-transform: uppercase;
-  color: #778498;
-}
-
-.options {
-  margin-top: 5px;
-}
-</style>
+<template>
+  <div>
+    <span class="title">{{ title }}</span>
+    <div class="options">
+      <b-form-group>
+        <b-form-radio-group v-model="selected" :options="options" :disabled="disabled"
+          :stacked="stacked"></b-form-radio-group>
+      </b-form-group>
+    </div>
+  </div>
+</template>
+
+<script>
+import Tip from "../shared/Tip.vue";
+
+import { mapMutations, mapGetters } from "vuex";
+
+export default {
+  components: { Tip },
+  name: "options",
+  props: {
+    title: String,
+    options: Array,
+    initialFieldTarget: String,
+    fieldTarget: String,
+    disabled: Boolean,
+    stacked: Boolean,
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
+    changed: Function,
+    value: Number,
+  },
+  data() {
+    return {
+      selected: this.value,
+    };
+  },
+  mounted() {
+    if (this.initialFieldTarget) {
+      let value = this.initialFieldTarget.value;
+      let obj = { tag: `${this.title}: ${value}`, fieldTarget: this.fieldTarget, value: value };
+      this.addFilter(obj);
+    }
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("validation", ["updateFormDirty"]),
+    ...mapMutations("generic", ["addFilter"]),
+  },
+  watch: {
+    value() {
+      this.selected = this.value;
+    },
+    selected() {
+      this.$emit("input", this.selected);
+
+      if (this.markFormDirty) this.updateFormDirty(true);
+      if (this.changed) this.changed();
+      if (this.fieldTarget) {
+        let obj = { tag: `${this.title}: ${this.selected}`, fieldTarget: this.fieldTarget, value: this.selected };
+        this.addFilter(obj);
+      }
+    },
+    event: {
+      handler(event) {
+        if (event.name == "tagRemoved") {
+          if (this.fieldTarget == event.data)
+            this.$emit("input", "");
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.custom-control-label {
+  font-size: 13px !important;
+  font-weight: 400 !important;
+  text-transform: uppercase;
+  color: #778498;
+}
+
+.options {
+  margin-top: 5px;
+}
+</style>