@burh/nuxt-core 1.0.20 → 1.0.21

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

@@ -1,125 +1,125 @@
-<template>
-  <div class="dropzone mb-3 dz-clickable"
-       :class="[multiple ? 'dropzone-multiple': 'dropzone-single']">
-    <div class="fallback">
-      <div class="custom-file">
-        <input type="file"
-               class="custom-file-input"
-               id="projectCoverUploads"
-               :multiple="multiple">
-        <label class="custom-file-label" for="projectCoverUploads">Choose file</label>
-      </div>
-    </div>
-    <div class="dz-preview dz-preview-single"
-         v-if="!multiple"
-         :class="previewClasses"
-         ref="previewSingle">
-      <div class="dz-preview-cover">
-        <img class="dz-preview-img" data-dz-thumbnail>
-      </div>
-    </div>
-    <ul v-else
-        class="dz-preview dz-preview-multiple list-group list-group-lg list-group-flush"
-        :class="previewClasses"
-        ref="previewMultiple">
-      <li class="list-group-item px-0">
-        <div class="row align-items-center">
-          <div class="col-auto">
-            <div class="avatar">
-              <img class="avatar-img rounded" data-dz-thumbnail>
-            </div>
-          </div>
-          <div class="col ml--3">
-            <h4 class="mb-1" data-dz-name>...</h4>
-            <p class="small text-muted mb-0" data-dz-size>...</p>
-          </div>
-          <div class="col-auto">
-            <button data-dz-remove="true" class="btn btn-danger btn-sm">
-              <i class="fas fa-trash"></i>
-            </button>
-          </div>
-        </div>
-      </li>
-    </ul>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'dropzone-file-upload',
-    props: {
-      options: {
-        type: Object,
-        default: () => ({})
-      },
-      value: [String, Object, Array],
-      url: {
-        type: String,
-        default: 'http://'
-      },
-      multiple: Boolean,
-      previewClasses: [String, Object, Array]
-    },
-    model: {
-      prop: 'value',
-      event: 'change'
-    },
-    data() {
-      return {
-        currentFile: null,
-        files: [],
-        showList: false,
-      }
-    },
-    methods: {
-      async initDropzone() {
-        let Dropzone = await import('dropzone')
-        Dropzone = Dropzone.default || Dropzone
-        Dropzone.autoDiscover = false
-        let preview = this.multiple ? this.$refs.previewMultiple : this.$refs.previewSingle;
-        let self = this
-        let finalOptions = {
-          ...this.options,
-          url: this.url,
-          thumbnailWidth: null,
-          thumbnailHeight: null,
-          previewsContainer: preview,
-          previewTemplate: preview.innerHTML,
-          maxFiles: (!this.multiple) ? 1 : null,
-          acceptedFiles: (!this.multiple) ? 'image/*' : null,
-          init: function () {
-            this.on("addedfile", function (file) {
-              if (!self.multiple && self.currentFile) {
-                // this.removeFile(this.currentFile);
-              }
-              self.currentFile = file;
-            })
-          }
-        }
-        this.dropzone = new Dropzone(this.$el, finalOptions)
-        preview.innerHTML = ''
-        let evtList = ['drop', 'dragstart', 'dragend', 'dragenter', 'dragover', 'addedfile', 'removedfile', 'thumbnail', 'error', 'processing', 'uploadprogress', 'sending', 'success', 'complete', 'canceled', 'maxfilesreached', 'maxfilesexceeded', 'processingmultiple', 'sendingmultiple', 'successmultiple', 'completemultiple', 'canceledmultiple', 'totaluploadprogress', 'reset', 'queuecomplete']
-        evtList.forEach(evt => {
-          this.dropzone.on(evt, (data) => {
-            this.$emit(evt, data);
-
-            if (evt === 'addedfile') {
-              this.files.push(data)
-              this.$emit('change', this.files);
-            } else if (evt === 'removedfile') {
-              let index = this.files.findIndex(f => f.upload.uuid === data.upload.uuid)
-              if (index !== -1) {
-                this.files.splice(index, 1);
-              }
-              this.$emit('change', this.files);
-            }
-          })
-        })
-      }
-    },
-    async mounted() {
-      this.initDropzone()
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="dropzone mb-3 dz-clickable"
+       :class="[multiple ? 'dropzone-multiple': 'dropzone-single']">
+    <div class="fallback">
+      <div class="custom-file">
+        <input type="file"
+               class="custom-file-input"
+               id="projectCoverUploads"
+               :multiple="multiple">
+        <label class="custom-file-label" for="projectCoverUploads">Choose file</label>
+      </div>
+    </div>
+    <div class="dz-preview dz-preview-single"
+         v-if="!multiple"
+         :class="previewClasses"
+         ref="previewSingle">
+      <div class="dz-preview-cover">
+        <img class="dz-preview-img" data-dz-thumbnail>
+      </div>
+    </div>
+    <ul v-else
+        class="dz-preview dz-preview-multiple list-group list-group-lg list-group-flush"
+        :class="previewClasses"
+        ref="previewMultiple">
+      <li class="list-group-item px-0">
+        <div class="row align-items-center">
+          <div class="col-auto">
+            <div class="avatar">
+              <img class="avatar-img rounded" data-dz-thumbnail>
+            </div>
+          </div>
+          <div class="col ml--3">
+            <h4 class="mb-1" data-dz-name>...</h4>
+            <p class="small text-muted mb-0" data-dz-size>...</p>
+          </div>
+          <div class="col-auto">
+            <button data-dz-remove="true" class="btn btn-danger btn-sm">
+              <i class="fas fa-trash"></i>
+            </button>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'dropzone-file-upload',
+    props: {
+      options: {
+        type: Object,
+        default: () => ({})
+      },
+      value: [String, Object, Array],
+      url: {
+        type: String,
+        default: 'http://'
+      },
+      multiple: Boolean,
+      previewClasses: [String, Object, Array]
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    },
+    data() {
+      return {
+        currentFile: null,
+        files: [],
+        showList: false,
+      }
+    },
+    methods: {
+      async initDropzone() {
+        let Dropzone = await import('dropzone')
+        Dropzone = Dropzone.default || Dropzone
+        Dropzone.autoDiscover = false
+        let preview = this.multiple ? this.$refs.previewMultiple : this.$refs.previewSingle;
+        let self = this
+        let finalOptions = {
+          ...this.options,
+          url: this.url,
+          thumbnailWidth: null,
+          thumbnailHeight: null,
+          previewsContainer: preview,
+          previewTemplate: preview.innerHTML,
+          maxFiles: (!this.multiple) ? 1 : null,
+          acceptedFiles: (!this.multiple) ? 'image/*' : null,
+          init: function () {
+            this.on("addedfile", function (file) {
+              if (!self.multiple && self.currentFile) {
+                // this.removeFile(this.currentFile);
+              }
+              self.currentFile = file;
+            })
+          }
+        }
+        this.dropzone = new Dropzone(this.$el, finalOptions)
+        preview.innerHTML = ''
+        let evtList = ['drop', 'dragstart', 'dragend', 'dragenter', 'dragover', 'addedfile', 'removedfile', 'thumbnail', 'error', 'processing', 'uploadprogress', 'sending', 'success', 'complete', 'canceled', 'maxfilesreached', 'maxfilesexceeded', 'processingmultiple', 'sendingmultiple', 'successmultiple', 'completemultiple', 'canceledmultiple', 'totaluploadprogress', 'reset', 'queuecomplete']
+        evtList.forEach(evt => {
+          this.dropzone.on(evt, (data) => {
+            this.$emit(evt, data);
+
+            if (evt === 'addedfile') {
+              this.files.push(data)
+              this.$emit('change', this.files);
+            } else if (evt === 'removedfile') {
+              let index = this.files.findIndex(f => f.upload.uuid === data.upload.uuid)
+              if (index !== -1) {
+                this.files.splice(index, 1);
+              }
+              this.$emit('change', this.files);
+            }
+          })
+        })
+      }
+    },
+    async mounted() {
+      this.initDropzone()
+    }
+  }
+</script>
+<style>
+</style>

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

@@ -1,54 +1,54 @@
-<template>
-  <div class="custom-file">
-    <input type="file"
-           class="custom-file-input"
-           id="customFileLang"
-           lang="en"
-           v-bind="$attrs"
-           v-on="listeners"
-    />
-    <label class="custom-file-label" for="customFileLang">
-      {{label}}
-    </label>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'file-input',
-    inheritAttrs: false,
-    props: {
-      initialLabel: {
-        type: String,
-        default: 'Select file'
-      }
-    },
-    data() {
-      return {
-        files: []
-      }
-    },
-    computed: {
-      listeners() {
-        return {
-          ...this.$listeners,
-          change: this.fileChange
-        }
-      },
-      label() {
-        let fileNames = [];
-        for (let file of this.files) {
-          fileNames.push(file.name)
-        }
-        return fileNames.length ? fileNames.join(', ') : this.initialLabel
-      }
-    },
-    methods: {
-      fileChange(evt) {
-        this.files = evt.target.files
-        this.$emit('change', this.files)
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="custom-file">
+    <input type="file"
+           class="custom-file-input"
+           id="customFileLang"
+           lang="en"
+           v-bind="$attrs"
+           v-on="listeners"
+    />
+    <label class="custom-file-label" for="customFileLang">
+      {{label}}
+    </label>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'file-input',
+    inheritAttrs: false,
+    props: {
+      initialLabel: {
+        type: String,
+        default: 'Select file'
+      }
+    },
+    data() {
+      return {
+        files: []
+      }
+    },
+    computed: {
+      listeners() {
+        return {
+          ...this.$listeners,
+          change: this.fileChange
+        }
+      },
+      label() {
+        let fileNames = [];
+        for (let file of this.files) {
+          fileNames.push(file.name)
+        }
+        return fileNames.length ? fileNames.join(', ') : this.initialLabel
+      }
+    },
+    methods: {
+      fileChange(evt) {
+        this.files = evt.target.files
+        this.$emit('change', this.files)
+      }
+    }
+  }
+</script>
+<style>
+</style>

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

@@ -1,96 +1,96 @@
-<template>
-    <div class="quill">
-        <div :id="toolbarId">
-            <div class="ql-formats">
-                <button class="ql-bold"></button>
-                <button class="ql-italic"></button>
-                <button class="ql-underline"></button>
-                <button class="ql-link"></button>
-                <button class="ql-blockquote"></button>
-                <button class="ql-code"></button>
-                <button class="ql-image"></button>
-                <button type="button" class="ql-list" value="ordered"></button>
-                <button type="button" class="ql-list" value="bullet"></button>
-            </div>
-        </div>
-        <div :id="editorId" :name="name" class="" ref="editor">
-        </div>
-    </div>
-</template>
-<script>
-  export default {
-    name: 'html-editor',
-    props: {
-      value: {
-        type: String,
-        default: ''
-      },
-      name: String
-    },
-    data () {
-      return {
-        editor: null,
-        content: null,
-        lastHtmlValue: '',
-        editorId: null,
-        toolbarId: null
-      }
-    },
-    methods: {
-      initialize (Quill) {
-        this.editor = new Quill(`#${this.editorId}`, {
-          theme: 'snow',
-          modules: {
-            toolbar: `#${this.toolbarId}`
-          }
-        })
-
-        if (this.value.length > 0) {
-          this.editor.pasteHTML(this.value)
-        }
-
-        let editorRef = this.$refs.editor;
-        let node = editorRef.children[0];
-        this.editor.on('text-change', () => {
-          let html = node.innerHTML
-          if (html === '<p><br></p>') {
-            html = '';
-          }
-          this.content = html
-          this.$emit('input', this.content);
-        })
-      },
-      pasteHTML () {
-        if (!this.editor) {
-          return
-        }
-        this.editor.pasteHTML(this.value)
-      },
-      randomString() {
-        let text = "";
-        let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-
-        for (let i = 0; i < 5; i++)
-          text += possible.charAt(Math.floor(Math.random() * possible.length));
-
-        return text;
-      }
-    },
-    async mounted () {
-      let Quill = await import('quill')
-      Quill = Quill.default || Quill
-      this.editorId = this.randomString();
-      this.toolbarId = this.randomString();
-      this.$nextTick(() => {
-        this.initialize(Quill)
-      });
-    },
-    watch: {
-      value (newVal) {
-        if (newVal !== this.content) {
-          this.pasteHTML(newVal);
-        }
-      }
-    }
-  }
-</script>
+<template>
+    <div class="quill">
+        <div :id="toolbarId">
+            <div class="ql-formats">
+                <button class="ql-bold"></button>
+                <button class="ql-italic"></button>
+                <button class="ql-underline"></button>
+                <button class="ql-link"></button>
+                <button class="ql-blockquote"></button>
+                <button class="ql-code"></button>
+                <button class="ql-image"></button>
+                <button type="button" class="ql-list" value="ordered"></button>
+                <button type="button" class="ql-list" value="bullet"></button>
+            </div>
+        </div>
+        <div :id="editorId" :name="name" class="" ref="editor">
+        </div>
+    </div>
+</template>
+<script>
+  export default {
+    name: 'html-editor',
+    props: {
+      value: {
+        type: String,
+        default: ''
+      },
+      name: String
+    },
+    data () {
+      return {
+        editor: null,
+        content: null,
+        lastHtmlValue: '',
+        editorId: null,
+        toolbarId: null
+      }
+    },
+    methods: {
+      initialize (Quill) {
+        this.editor = new Quill(`#${this.editorId}`, {
+          theme: 'snow',
+          modules: {
+            toolbar: `#${this.toolbarId}`
+          }
+        })
+
+        if (this.value.length > 0) {
+          this.editor.pasteHTML(this.value)
+        }
+
+        let editorRef = this.$refs.editor;
+        let node = editorRef.children[0];
+        this.editor.on('text-change', () => {
+          let html = node.innerHTML
+          if (html === '<p><br></p>') {
+            html = '';
+          }
+          this.content = html
+          this.$emit('input', this.content);
+        })
+      },
+      pasteHTML () {
+        if (!this.editor) {
+          return
+        }
+        this.editor.pasteHTML(this.value)
+      },
+      randomString() {
+        let text = "";
+        let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+
+        for (let i = 0; i < 5; i++)
+          text += possible.charAt(Math.floor(Math.random() * possible.length));
+
+        return text;
+      }
+    },
+    async mounted () {
+      let Quill = await import('quill')
+      Quill = Quill.default || Quill
+      this.editorId = this.randomString();
+      this.toolbarId = this.randomString();
+      this.$nextTick(() => {
+        this.initialize(Quill)
+      });
+    },
+    watch: {
+      value (newVal) {
+        if (newVal !== this.content) {
+          this.pasteHTML(newVal);
+        }
+      }
+    }
+  }
+</script>

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

@@ -1,45 +1,45 @@
-<template>
-  <div
-    class="choice"
-    :class="{ active: checked }"
-    data-toggle="wizard-checkbox"
-    @click="updateValue"
-  >
-    <input
-      type="checkbox"
-      :name="name"
-      :disabled="disabled"
-      :checked="checked"
-    />
-    <div class="icon">
-      <slot name="icon"> <i :class="icon"></i> </slot>
-    </div>
-    <slot name="title">
-      <h6>{{ title }}</h6>
-    </slot>
-  </div>
-</template>
-<script>
-export default {
-  name: 'icon-checkbox',
-  model: {
-    prop: 'checked'
-  },
-  props: {
-    checked: {
-      type: Boolean,
-      default: false
-    },
-    name: String,
-    title: String,
-    icon: String,
-    disabled: Boolean
-  },
-  methods: {
-    updateValue() {
-      this.$emit('input', !this.checked);
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <div
+    class="choice"
+    :class="{ active: checked }"
+    data-toggle="wizard-checkbox"
+    @click="updateValue"
+  >
+    <input
+      type="checkbox"
+      :name="name"
+      :disabled="disabled"
+      :checked="checked"
+    />
+    <div class="icon">
+      <slot name="icon"> <i :class="icon"></i> </slot>
+    </div>
+    <slot name="title">
+      <h6>{{ title }}</h6>
+    </slot>
+  </div>
+</template>
+<script>
+export default {
+  name: 'icon-checkbox',
+  model: {
+    prop: 'checked'
+  },
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    name: String,
+    title: String,
+    icon: String,
+    disabled: Boolean
+  },
+  methods: {
+    updateValue() {
+      this.$emit('input', !this.checked);
+    }
+  }
+};
+</script>
+<style></style>