@burh/nuxt-core 1.0.20 → 1.0.21

package/components/argon-core/Inputs/TagsInput.vue

@@ -1,100 +1,100 @@
-<template>
-  <div class="tags-input__wrapper">
-    <el-tag
-      v-for="(tag, index) in dynamicTags"
-      :key="tag + index"
-      size="small"
-      :type="tagType"
-      :closable="true"
-      :close-transition="false"
-      @close="handleClose(tag)"
-    >
-      {{ tag }}
-    </el-tag>
-
-    <input
-      type="text"
-      :placeholder="placeholder"
-      class="form-control"
-      v-model="inputValue"
-      ref="saveTagInput"
-      size="mini"
-      @input="onInput"
-      @keyup.enter="handleInputConfirm"
-      @blur="handleInputConfirm"
-    />
-  </div>
-</template>
-
-<script>
-import { Tag } from 'element-ui';
-
-export default {
-  name: 'tags-input',
-  components: {
-    [Tag.name]: Tag
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-      description: 'List of tags'
-    },
-    placeholder: {
-      type: String,
-      default: 'Add new tag',
-      description: 'Input placeholder'
-    },
-    tagType: {
-      type: String,
-      default: 'primary',
-      description: 'Tag type (primary|danger etc)'
-    }
-  },
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  data() {
-    return {
-      dynamicTags: [],
-      inputVisible: false,
-      inputValue: ''
-    };
-  },
-  methods: {
-    handleClose(tag) {
-      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
-      this.$emit('change', this.dynamicTags);
-    },
-    showInput() {
-      this.inputVisible = true;
-      this.$nextTick(() => {
-        this.$refs.saveTagInput.$refs.input.focus();
-      });
-    },
-
-    handleInputConfirm() {
-      let inputValue = this.inputValue;
-      if (inputValue) {
-        this.dynamicTags.push(inputValue);
-        this.$emit('change', this.dynamicTags);
-      }
-      this.inputVisible = false;
-      this.inputValue = '';
-    },
-    onInput(evt) {
-      this.$emit('input', evt.target.value);
-    }
-  },
-  created() {
-    this.$watch(
-      'value',
-      newVal => {
-        this.dynamicTags = [...newVal];
-      },
-      { immediate: true }
-    );
-  }
-};
-</script>
+<template>
+  <div class="tags-input__wrapper">
+    <el-tag
+      v-for="(tag, index) in dynamicTags"
+      :key="tag + index"
+      size="small"
+      :type="tagType"
+      :closable="true"
+      :close-transition="false"
+      @close="handleClose(tag)"
+    >
+      {{ tag }}
+    </el-tag>
+
+    <input
+      type="text"
+      :placeholder="placeholder"
+      class="form-control"
+      v-model="inputValue"
+      ref="saveTagInput"
+      size="mini"
+      @input="onInput"
+      @keyup.enter="handleInputConfirm"
+      @blur="handleInputConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import { Tag } from 'element-ui';
+
+export default {
+  name: 'tags-input',
+  components: {
+    [Tag.name]: Tag
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
+      description: 'List of tags'
+    },
+    placeholder: {
+      type: String,
+      default: 'Add new tag',
+      description: 'Input placeholder'
+    },
+    tagType: {
+      type: String,
+      default: 'primary',
+      description: 'Tag type (primary|danger etc)'
+    }
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  data() {
+    return {
+      dynamicTags: [],
+      inputVisible: false,
+      inputValue: ''
+    };
+  },
+  methods: {
+    handleClose(tag) {
+      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      this.$emit('change', this.dynamicTags);
+    },
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(() => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+      if (inputValue) {
+        this.dynamicTags.push(inputValue);
+        this.$emit('change', this.dynamicTags);
+      }
+      this.inputVisible = false;
+      this.inputValue = '';
+    },
+    onInput(evt) {
+      this.$emit('input', evt.target.value);
+    }
+  },
+  created() {
+    this.$watch(
+      'value',
+      newVal => {
+        this.dynamicTags = [...newVal];
+      },
+      { immediate: true }
+    );
+  }
+};
+</script>

package/components/argon-core/LoadingPanel.vue

@@ -1,25 +1,25 @@
-<template>
-  <div class="row" v-loading="true" id="loading"></div>
-</template>
-<script>
-import Vue from 'vue';
-import { Loading } from 'element-ui';
-
-Vue.use(Loading.directive);
-export default {};
-</script>
-<style>
-#loading {
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-}
-
-.el-loading-spinner .path {
-  stroke: #66615b !important;
-}
-
-.el-loading-mask {
-  background: transparent !important;
-}
-</style>
+<template>
+  <div class="row" v-loading="true" id="loading"></div>
+</template>
+<script>
+import Vue from 'vue';
+import { Loading } from 'element-ui';
+
+Vue.use(Loading.directive);
+export default {};
+</script>
+<style>
+#loading {
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+}
+
+.el-loading-spinner .path {
+  stroke: #66615b !important;
+}
+
+.el-loading-mask {
+  background: transparent !important;
+}
+</style>

package/components/argon-core/Modal.vue

@@ -1,124 +1,124 @@
-<template>
-  <SlideYUpTransition :duration="animationDuration">
-    <div class="modal fade"
-         @click.self="closeModal"
-         :class="[{'show d-block': show}, {'d-none': !show}, {'modal-mini': type === 'mini'}]"
-         v-show="show"
-         tabindex="-1"
-         role="dialog"
-         :aria-hidden="!show">
-
-      <div class="modal-dialog modal-dialog-centered" :class="[{'modal-notice': type === 'notice', [`modal-${size}`]: size}, modalClasses]">
-        <div class="modal-content" :class="[gradient ? `bg-gradient-${gradient}` : '',modalContentClasses]">
-
-          <div class="modal-header" :class="[headerClasses]" v-if="$slots.header">
-            <slot name="header"></slot>
-            <slot name="close-button">
-              <button type="button"
-                      class="close"
-                      v-if="showClose"
-                      @click="closeModal"
-                      data-dismiss="modal"
-                      aria-label="Close">
-                <span :aria-hidden="!show">×</span>
-              </button>
-            </slot>
-          </div>
-
-          <div class="modal-body" :class="bodyClasses">
-            <slot></slot>
-          </div>
-
-          <div class="modal-footer" :class="footerClasses" v-if="$slots.footer">
-            <slot name="footer"></slot>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </SlideYUpTransition>
-</template>
-<script>
-  import { SlideYUpTransition } from "vue2-transitions";
-
-  export default {
-    name: "modal",
-    components: {
-      SlideYUpTransition
-    },
-    props: {
-      show: Boolean,
-      showClose: {
-        type: Boolean,
-        default: true
-      },
-      type: {
-        type: String,
-        default: "",
-        validator(value) {
-          let acceptedValues = ["", "notice", "mini"];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-        description: 'Modal type (notice|mini|"") '
-      },
-      modalClasses: {
-        type: [Object, String],
-        description: "Modal dialog css classes"
-      },
-      size: {
-        type: String,
-        description: 'Modal size',
-        validator(value) {
-          let acceptedValues = ["", "sm", "lg"];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-      },
-      modalContentClasses: {
-        type: [Object, String],
-        description: "Modal dialog content css classes"
-      },
-      gradient: {
-        type: String,
-        description: "Modal gradient type (danger, primary etc)"
-      },
-      headerClasses: {
-        type: [Object, String],
-        description: "Modal Header css classes"
-      },
-      bodyClasses: {
-        type: [Object, String],
-        description: "Modal Body css classes"
-      },
-      footerClasses: {
-        type: [Object, String],
-        description: "Modal Footer css classes"
-      },
-      animationDuration: {
-        type: Number,
-        default: 500,
-        description: "Modal transition duration"
-      }
-    },
-    methods: {
-      closeModal() {
-        this.$emit("update:show", false);
-        this.$emit("close");
-      }
-    },
-    watch: {
-      show(val) {
-        let documentClasses = document.body.classList;
-        if (val) {
-          documentClasses.add("modal-open");
-        } else {
-          documentClasses.remove("modal-open");
-        }
-      }
-    }
-  };
-</script>
-<style>
-  .modal.show {
-    background-color: rgba(0, 0, 0, 0.3);
-  }
-</style>
+<template>
+  <SlideYUpTransition :duration="animationDuration">
+    <div class="modal fade"
+         @click.self="closeModal"
+         :class="[{'show d-block': show}, {'d-none': !show}, {'modal-mini': type === 'mini'}]"
+         v-show="show"
+         tabindex="-1"
+         role="dialog"
+         :aria-hidden="!show">
+
+      <div class="modal-dialog modal-dialog-centered" :class="[{'modal-notice': type === 'notice', [`modal-${size}`]: size}, modalClasses]">
+        <div class="modal-content" :class="[gradient ? `bg-gradient-${gradient}` : '',modalContentClasses]">
+
+          <div class="modal-header" :class="[headerClasses]" v-if="$slots.header">
+            <slot name="header"></slot>
+            <slot name="close-button">
+              <button type="button"
+                      class="close"
+                      v-if="showClose"
+                      @click="closeModal"
+                      data-dismiss="modal"
+                      aria-label="Close">
+                <span :aria-hidden="!show">×</span>
+              </button>
+            </slot>
+          </div>
+
+          <div class="modal-body" :class="bodyClasses">
+            <slot></slot>
+          </div>
+
+          <div class="modal-footer" :class="footerClasses" v-if="$slots.footer">
+            <slot name="footer"></slot>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </SlideYUpTransition>
+</template>
+<script>
+  import { SlideYUpTransition } from "vue2-transitions";
+
+  export default {
+    name: "modal",
+    components: {
+      SlideYUpTransition
+    },
+    props: {
+      show: Boolean,
+      showClose: {
+        type: Boolean,
+        default: true
+      },
+      type: {
+        type: String,
+        default: "",
+        validator(value) {
+          let acceptedValues = ["", "notice", "mini"];
+          return acceptedValues.indexOf(value) !== -1;
+        },
+        description: 'Modal type (notice|mini|"") '
+      },
+      modalClasses: {
+        type: [Object, String],
+        description: "Modal dialog css classes"
+      },
+      size: {
+        type: String,
+        description: 'Modal size',
+        validator(value) {
+          let acceptedValues = ["", "sm", "lg"];
+          return acceptedValues.indexOf(value) !== -1;
+        },
+      },
+      modalContentClasses: {
+        type: [Object, String],
+        description: "Modal dialog content css classes"
+      },
+      gradient: {
+        type: String,
+        description: "Modal gradient type (danger, primary etc)"
+      },
+      headerClasses: {
+        type: [Object, String],
+        description: "Modal Header css classes"
+      },
+      bodyClasses: {
+        type: [Object, String],
+        description: "Modal Body css classes"
+      },
+      footerClasses: {
+        type: [Object, String],
+        description: "Modal Footer css classes"
+      },
+      animationDuration: {
+        type: Number,
+        default: 500,
+        description: "Modal transition duration"
+      }
+    },
+    methods: {
+      closeModal() {
+        this.$emit("update:show", false);
+        this.$emit("close");
+      }
+    },
+    watch: {
+      show(val) {
+        let documentClasses = document.body.classList;
+        if (val) {
+          documentClasses.add("modal-open");
+        } else {
+          documentClasses.remove("modal-open");
+        }
+      }
+    }
+  };
+</script>
+<style>
+  .modal.show {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+</style>