@dejwcake/craftable 0.0.2 → 0.0.4

package/dist/base-components/Form/BaseUpload.js

@@ -1,18 +1,14 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _vue2Dropzone = require('vue2-dropzone');
-
-var _vue2Dropzone2 = _interopRequireDefault(_vue2Dropzone);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = void 0;
+var _vue2Dropzone = _interopRequireDefault(require("vue2-dropzone"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var BaseUpload = {
   components: {
-    Dropzone: _vue2Dropzone2.default
+    Dropzone: _vue2Dropzone["default"]
   },
   props: {
     url: {
@@ -26,12 +22,12 @@ var BaseUpload = {
     maxNumberOfFiles: {
       type: Number,
       required: false,
-      default: 1
+      "default": 1
     },
     maxFileSizeInMb: {
       type: Number,
       required: false,
-      default: 2
+      "default": 2
     },
     acceptedFileTypes: {
       type: String,
@@ -40,105 +36,128 @@ var BaseUpload = {
     thumbnailWidth: {
       type: Number,
       required: false,
-      default: 200
+      "default": 200
     },
     uploadedImages: {
       type: Array,
       required: false,
-      default: function _default() {
+      "default": function _default() {
+        return [];
+      }
+    },
+    uploadedMedia: {
+      type: Array,
+      required: false,
+      "default": function _default() {
         return [];
       }
     }
   },
   data: function data() {
     return {
-      mutableUploadedImages: this.uploadedImages,
+      mutableUploadedMedia: this.getMutableUploadedMedia(),
       headers: {
         'X-CSRF-TOKEN': document.head.querySelector('meta[name="csrf-token"]').getAttribute('content')
       }
     };
   },
-  template: '<dropzone :id="collection" \n                       :url="url" \n                       v-bind:preview-template="template"\n                       v-on:vdropzone-success="onSuccess"\n                       v-on:vdropzone-error="onUploadError"\n                       v-on:vdropzone-removed-file="onFileDelete"\n                       v-on:vdropzone-file-added="onFileAdded"\n                       :useFontAwesome="true" \n                       :ref="collection"\n                       :maxNumberOfFiles="maxNumberOfFiles"\n                       :maxFileSizeInMB="maxFileSizeInMb"\n                       :acceptedFileTypes="acceptedFileTypes"\n                       :thumbnailWidth="thumbnailWidth"\n                       :headers="headers">\n                \n                <input type="hidden" name="collection" :value="collection">\n            </dropzone>',
+  template: "<dropzone :id=\"collection\" \n                       :url=\"url\" \n                       v-bind:preview-template=\"template\"\n                       v-on:vdropzone-success=\"onSuccess\"\n                       v-on:vdropzone-error=\"onUploadError\"\n                       v-on:vdropzone-removed-file=\"onFileDelete\"\n                       v-on:vdropzone-file-added=\"onFileAdded\"\n                       :useFontAwesome=\"true\" \n                       :ref=\"collection\"\n                       :maxNumberOfFiles=\"maxNumberOfFiles\"\n                       :maxFileSizeInMB=\"maxFileSizeInMb\"\n                       :acceptedFileTypes=\"acceptedFileTypes\"\n                       :thumbnailWidth=\"thumbnailWidth\"\n                       :headers=\"headers\">\n                \n                <input type=\"hidden\" name=\"collection\" :value=\"collection\">\n            </dropzone>",
   mounted: function mounted() {
     this.attachAlreadyUploadedMedia();
   },
   methods: {
+    getMutableUploadedMedia: function getMutableUploadedMedia() {
+      var _this = this;
+      var files = [];
+      if (this.uploadedMedia.length === 0) {
+        _.each(this.uploadedImages, function (file, key) {
+          files.push(_this.getFileObj(file));
+        });
+      } else {
+        _.each(this.uploadedMedia, function (file, key) {
+          files.push(_this.getFileObj(file));
+        });
+      }
+      return files;
+    },
+    attachAlreadyUploadedMedia: function attachAlreadyUploadedMedia() {
+      var _this2 = this;
+      this.$nextTick(function () {
+        if (_this2.mutableUploadedMedia) {
+          _.each(_this2.mutableUploadedMedia, function (file, key) {
+            _this2.$refs[_this2.collection].manuallyAddFile({
+              name: file.name,
+              size: file.size,
+              type: file.type,
+              url: file.url
+            }, file.thumb_url, false, false, {
+              dontSubstractMaxFiles: false,
+              addToFiles: true
+            });
+          });
+        }
+      });
+    },
     onSuccess: function onSuccess(file, response) {
       if (!file.type.includes('image')) {
         setTimeout(function () {
-          //FIXME jquery
-          $(file.previewElement).removeClass('dz-file-preview');
+          file.previewElement.classList.remove('dz-file-preview');
         }, 3000);
       }
     },
-
     onUploadError: function onUploadError(file, error) {
       var errorMessage = typeof error == 'string' ? error : error.message;
-      this.$notify({ type: 'error', title: 'Error!', text: errorMessage });
-      $(file.previewElement).find('.dz-error-message span').text(errorMessage);
+      this.$notify({
+        type: 'error',
+        title: 'Error!',
+        text: errorMessage
+      });
+      file.previewElement.querySelector('.dz-error-message span').textContent = errorMessage;
     },
-
     onFileAdded: function onFileAdded(file) {
       this.placeIcon(file);
     },
-
     onFileDelete: function onFileDelete(file, error, xhr) {
-      var deletedFileIndex = _.findIndex(this.mutableUploadedImages, { url: file.url });
-      if (this.mutableUploadedImages[deletedFileIndex]) {
-        this.mutableUploadedImages[deletedFileIndex]['deleted'] = true;
+      var deletedFileIndex = _.findIndex(this.mutableUploadedMedia, function (e) {
+        return e.url === file.url;
+      });
+      if (!deletedFileIndex || !file.url) {
+        deletedFileIndex = _.findIndex(this.mutableUploadedMedia, function (e) {
+          return e.name === file.name;
+        });
+      }
+      if (this.mutableUploadedMedia[deletedFileIndex]) {
+        this.mutableUploadedMedia[deletedFileIndex]['deleted'] = true;
 
         //dontSubstractMaxFiles fix
         var currentMax = this.$refs[this.collection].dropzone.options.maxFiles;
         this.$refs[this.collection].setOption('maxFiles', currentMax + 1);
       }
     },
-
-    attachAlreadyUploadedMedia: function attachAlreadyUploadedMedia() {
-      var _this = this;
-
-      this.$nextTick(function () {
-        if (_this.mutableUploadedImages) {
-          _.each(_this.mutableUploadedImages, function (file, key) {
-
-            _this.$refs[_this.collection].manuallyAddFile({ name: file['name'],
-              size: file['size'],
-              type: file['type'],
-              url: file['url']
-            }, file['thumb_url'], false, false, {
-              dontSubstractMaxFiles: false,
-              addToFiles: true
-            });
-          });
-        }
-      });
-    },
-
     getFiles: function getFiles() {
-      var _this2 = this;
-
+      var _this3 = this;
       var files = [];
-
-      _.each(this.mutableUploadedImages, function (file, key) {
+      _.each(this.mutableUploadedMedia, function (file, key) {
         if (file.deleted) {
           files.push({
             id: file.id,
-            collection_name: _this2.collection,
+            collection_name: _this3.collection,
             action: 'delete'
           });
         }
       });
-
       _.each(this.$refs[this.collection].getAcceptedFiles(), function (file, key) {
         var response = JSON.parse(file.xhr.response);
-
         if (response.path) {
           files.push({
             id: file.id,
-            collection_name: _this2.collection,
+            collection_name: _this3.collection,
             path: response.path,
-            action: file.deleted ? 'delete' : 'add', //TODO: update ie. meta_data.name
+            action: file.deleted ? 'delete' : 'add',
+            //TODO: update ie. meta_data.name
             meta_data: {
-              name: file.name, //TODO: editable in the future
+              name: file.name,
+              //TODO: editable in the future
               file_name: file.name,
               width: file.width,
               height: file.height
@@ -146,43 +165,52 @@ var BaseUpload = {
           });
         }
       });
-
       return files;
     },
-
     placeIcon: function placeIcon(file) {
-      //FIXME cele to je jqueryoidne, asi si budeme musiet spravit vlastny vue wrapper, tento je zbugovany
-      var $previewElement = $(file.previewElement);
-
+      var previewElement = file.previewElement;
       if (file.url) {
-        $previewElement.find('.dz-filename').html('<a href="' + file.url + '" target="_BLANK" class="dz-btn dz-custom-download">' + file.name + '</a>');
+        previewElement.querySelector('.dz-filename').innerHTML = '<a href="' + file.url + '" target="_BLANK" class="dz-btn dz-custom-download">' + file.name + '</a>';
       }
-
-      if (file.type.includes('image')) {
-        //nothing, default thumb
-      } else if (file.type.includes('pdf')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-pdf-o"></i><p>' + file.name + '</p>');
-      } else if (file.type.includes('word')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-word-o"></i><p>' + file.name + '</p>');
-      } else if (file.type.includes('spreadsheet') || file.type.includes('csv')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-excel-o"></i><p>' + file.name + '</p>');
-      } else if (file.type.includes('presentation')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-powerpoint-o"></i><p>' + file.name + '</p>');
-      } else if (file.type.includes('video')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-video-o"></i><p>' + file.name + '</p>');
-      } else if (file.type.includes('text')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-text-o"></i><p>' + file.name + '</p>');
-      } else if (file.type.includes('zip') || file.type.includes('rar')) {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-archive-o"></i><p>' + file.name + '</p>');
+      if (file.type) {
+        if (file.type.includes('image')) {
+          //nothing, default thumb
+        } else if (file.type.includes('pdf')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-pdf-o"></i><p>' + file.name + '</p>';
+        } else if (file.type.includes('word')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-word-o"></i><p>' + file.name + '</p>';
+        } else if (file.type.includes('spreadsheet') || file.type.includes('csv')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-excel-o"></i><p>' + file.name + '</p>';
+        } else if (file.type.includes('presentation')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-powerpoint-o"></i><p>' + file.name + '</p>';
+        } else if (file.type.includes('video')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-video-o"></i><p>' + file.name + '</p>';
+        } else if (file.type.includes('text')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-text-o"></i><p>' + file.name + '</p>';
+        } else if (file.type.includes('zip') || file.type.includes('rar')) {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-archive-o"></i><p>' + file.name + '</p>';
+        } else {
+          previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-o"></i><p>' + file.name + '</p>';
+        }
       } else {
-        $previewElement.find('.dz-image').html('<i class="fa fa-file-o"></i><p>' + file.name + '</p>');
+        previewElement.querySelector('.dz-image').innerHTML = '<i class="fa fa-file-o"></i><p>' + file.name + '</p>';
       }
     },
-
     template: function template() {
-      return '\n              <div class="dz-preview dz-file-preview">\n                  <div class="dz-image">\n                      <img data-dz-thumbnail />\n                  </div>\n                  <div class="dz-details">\n                    <div class="dz-size"><span data-dz-size></span></div>\n                    <div class="dz-filename"></div>\n                  </div>\n                  <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>\n                  <div class="dz-error-message"><span data-dz-errormessage></span></div>\n                  <div class="dz-success-mark"><i class="fa fa-check"></i></div>\n                  <div class="dz-error-mark"><i class="fa fa-close"></i></div>\n              </div>\n          ';
+      return "\n              <div class=\"dz-preview dz-file-preview\">\n                  <div class=\"dz-image\">\n                      <img data-dz-thumbnail />\n                  </div>\n                  <div class=\"dz-details\">\n                    <div class=\"dz-size\"><span data-dz-size></span></div>\n                    <div class=\"dz-filename\"></div>\n                  </div>\n                  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n                  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n                  <div class=\"dz-success-mark\"><i class=\"fa fa-check\"></i></div>\n                  <div class=\"dz-error-mark\"><i class=\"fa fa-close\"></i></div>\n              </div>\n          ";
+    },
+    getFileObj: function getFileObj(file) {
+      var _ref, _file$custom_properti, _file$custom_properti2, _file$mime_type, _file$original_url, _ref2, _file$thumb_url;
+      return {
+        id: file.id,
+        collection_name: this.collection,
+        name: (_ref = (_file$custom_properti = (_file$custom_properti2 = file.custom_properties) === null || _file$custom_properti2 === void 0 ? void 0 : _file$custom_properti2.name) !== null && _file$custom_properti !== void 0 ? _file$custom_properti : file.file_name) !== null && _ref !== void 0 ? _ref : file.name,
+        type: (_file$mime_type = file.mime_type) !== null && _file$mime_type !== void 0 ? _file$mime_type : file.type,
+        size: file.size,
+        url: (_file$original_url = file.original_url) !== null && _file$original_url !== void 0 ? _file$original_url : file.url,
+        thumb_url: (_ref2 = (_file$thumb_url = file.thumb_url) !== null && _file$thumb_url !== void 0 ? _file$thumb_url : file.original_url) !== null && _ref2 !== void 0 ? _ref2 : file.url
+      };
     }
   }
 };
-
-exports.default = BaseUpload;
+var _default2 = exports["default"] = BaseUpload;

package/dist/base-components/Form/bootstrap.js

@@ -1,21 +1,17 @@
-'use strict';
-
-var _vue = require('vue');
-
-var _vue2 = _interopRequireDefault(_vue);
-
-var _jquery = require('jquery');
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";
 
+var _vue = _interopRequireDefault(require("vue"));
+var _jquery = _interopRequireDefault(require("jquery"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // This file is here only to ensure backwards compatibility
 
-window.$ = window.jQuery = _jquery2.default;
-window.Vue = _vue2.default;
-
+window.$ = window.jQuery = _jquery["default"];
+window.Vue = _vue["default"];
 var token = document.head.querySelector('meta[name="csrf-token"]');
 if (token) {
-    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': token.content } });
+  $.ajaxSetup({
+    headers: {
+      'X-CSRF-TOKEN': token.content
+    }
+  });
 }