@dejwcake/craftable 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 BRACKETS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,10 @@
+# craftable-frontend
+This is a frontend dependency of [Craftable](https://github.com/BRACKETS-by-TRIAD/craftable). Craftable is a Laravel-based open-source toolkit for building administration interfaces.
+
+![Craftable administration area example](https://www.getcraftable.com/docs/5.0/images/posts-crud.png)
+
+Find out more here: https://www.getcraftable.com/
+
+## Issues
+Where do I report issues?
+If something is not working as expected, please open an issue in the main repository https://github.com/BRACKETS-by-TRIAD/craftable.

package/dist/admin/Admin.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var Admin = {
+    el: '#app',
+    data: function data() {
+        return {
+            loading: false
+        };
+    },
+    mounted: function mounted() {
+        var _this = this;
+
+        // Add a loader request interceptor
+        axios.interceptors.request.use(function (config) {
+            _this.setLoading(true);
+            return config;
+        }, function (error) {
+            _this.setLoading(false);
+            return Promise.reject(error);
+        });
+
+        // Add a loader response interceptor
+        axios.interceptors.response.use(function (response) {
+            _this.setLoading(false);
+            return response;
+        }, function (error) {
+            _this.setLoading(false);
+            return Promise.reject(error);
+        });
+    },
+
+    methods: {
+        setLoading: function setLoading(value) {
+            this.loading = !!value;
+        }
+    }
+};
+
+exports.default = Admin;

package/dist/auth/Form.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _BaseForm = require('../base-components/Form/BaseForm');
+
+var _BaseForm2 = _interopRequireDefault(_BaseForm);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_vue2.default.component('auth-form', {
+    mixins: [_BaseForm2.default]
+});

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

@@ -0,0 +1,392 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+require('./bootstrap');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _vueTrumbowyg = require('vue-trumbowyg');
+
+var _vueTrumbowyg2 = _interopRequireDefault(_vueTrumbowyg);
+
+require('trumbowyg/dist/ui/trumbowyg.css');
+
+require('trumbowyg/dist/plugins/colors/trumbowyg.colors');
+
+require('trumbowyg/dist/plugins/colors/ui/trumbowyg.colors.css');
+
+require('trumbowyg/dist/plugins/base64/trumbowyg.base64.min.js');
+
+require('trumbowyg/dist/plugins/upload/trumbowyg.upload.js');
+
+require('trumbowyg/dist/plugins/noembed/trumbowyg.noembed.js');
+
+require('trumbowyg/dist/plugins/pasteembed/trumbowyg.pasteembed.js');
+
+require('trumbowyg/dist/plugins/table/ui/trumbowyg.table.css');
+
+require('trumbowyg/dist/plugins/table/trumbowyg.table.js');
+
+require('../../overrides/trumbowyg.template');
+
+require('../../overrides/trumbowyg.reupload');
+
+require('../../overrides/trumbowyg.edit-embed-template');
+
+var _UserDetailTooltip = require('../Listing/components/UserDetailTooltip');
+
+var _UserDetailTooltip2 = _interopRequireDefault(_UserDetailTooltip);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Vue.component('wysiwyg', _vueTrumbowyg2.default);
+
+var BaseForm = {
+  props: {
+    action: {
+      type: String,
+      required: true
+    },
+    locales: {
+      type: Array
+    },
+    defaultLocale: {
+      type: String,
+      default: function _default() {
+        return this.locales instanceof Array && this.locales.length > 0 ? this.locales[0] : '';
+      }
+    },
+    sendEmptyLocales: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
+    data: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    responsiveBreakpoint: {
+      type: Number,
+      default: 850
+    }
+  },
+  components: {
+    'user-detail-tooltip': _UserDetailTooltip2.default
+  },
+
+  created: function created() {
+    if (!!this.locales && this.locales.length > 0) {
+      var form = this.form;
+      // this.locales.map(function(l) {
+      //     if (!_.has(form, l)) {
+      //         _.set(form, l, {})
+      //     }
+      // })
+      this.currentLocale = this.defaultLocale;
+    }
+
+    //FIXME: now we can't add dynamic input in update type of form
+    if (!_.isEmpty(this.data)) {
+      this.form = this.data;
+    }
+
+    window.addEventListener('resize', this.onResize);
+  },
+
+  data: function data() {
+    var that = this;
+
+    return {
+      form: {},
+      wysiwygMedia: [],
+      mediaCollections: [],
+      isFormLocalized: false,
+      currentLocale: '',
+      submiting: false,
+      onSmallScreen: window.innerWidth < this.responsiveBreakpoint,
+      datePickerConfig: {
+        dateFormat: 'Y-m-d H:i:S',
+        altInput: true,
+        altFormat: 'd.m.Y',
+        locale: null
+      },
+      timePickerConfig: {
+        enableTime: true,
+        noCalendar: true,
+        time_24hr: true,
+        enableSeconds: true,
+        dateFormat: 'H:i:S',
+        altInput: true,
+        altFormat: 'H:i:S',
+        locale: null
+      },
+      datetimePickerConfig: {
+        enableTime: true,
+        time_24hr: true,
+        enableSeconds: true,
+        dateFormat: 'Y-m-d H:i:S',
+        altInput: true,
+        altFormat: 'd.m.Y H:i:S',
+        locale: null
+      },
+      wysiwygConfig: {
+        placeholder: 'Type a text here',
+        modules: {
+          toolbar: {
+            container: [[{ header: [1, 2, 3, 4, 5, 6, false] }], ['bold', 'italic', 'underline', 'strike'], [{ list: 'ordered' }, { list: 'bullet' }], [{ color: [] }, { background: [] }], [{ align: [] }], ['link', 'image'], ['clean']]
+          }
+        }
+      },
+      mediaWysiwygConfig: {
+        autogrow: true,
+        imageWidthModalEdit: true,
+        btnsDef: {
+          image: {
+            dropdown: ['insertImage', 'upload', 'base64'],
+            ico: 'insertImage'
+          },
+          align: {
+            dropdown: ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
+            ico: 'justifyLeft'
+          }
+        },
+        btns: [['formatting'], ['strong', 'em', 'del'], ['align'], ['unorderedList', 'orderedList', 'table'], ['foreColor', 'backColor'], ['link', 'noembed', 'image'], ['template'], ['fullscreen', 'viewHTML']],
+        plugins: {
+          upload: {
+            // https://alex-d.github.io/Trumbowyg/documentation/plugins/#plugin-upload
+            serverPath: '/admin/wysiwyg-media',
+            imageWidthModalEdit: true,
+            success: function success(data, trumbowyg, $modal, values) {
+              that.wysiwygMedia.push(data.mediaId);
+
+              function getDeep(object, propertyParts) {
+                var mainProperty = propertyParts.shift(),
+                    otherProperties = propertyParts;
+
+                if (object !== null) {
+                  if (otherProperties.length === 0) {
+                    return object[mainProperty];
+                  }
+
+                  if ((typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object') {
+                    return getDeep(object[mainProperty], otherProperties);
+                  }
+                }
+                return object;
+              }
+
+              if (!!getDeep(data, trumbowyg.o.plugins.upload.statusPropertyName.split('.'))) {
+                var url = getDeep(data, trumbowyg.o.plugins.upload.urlPropertyName.split('.'));
+                trumbowyg.execCmd('insertImage', url, false, true);
+                var $img = $('img[src="' + url + '"]:not([alt])', trumbowyg.$box);
+                $img.attr('alt', values.alt);
+                if (trumbowyg.o.imageWidthModalEdit && parseInt(values.width) > 0) {
+                  $img.attr({
+                    width: values.width
+                  });
+                }
+                setTimeout(function () {
+                  trumbowyg.closeModal();
+                }, 250);
+                trumbowyg.$c.trigger('tbwuploadsuccess', [trumbowyg, data, url]);
+              } else {
+                trumbowyg.addErrorOnModalField($('input[type=file]', $modal), trumbowyg.lang[data.message]);
+                trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg, data]);
+              }
+            }
+          },
+          reupload: {
+            success: function success(data, trumbowyg, $modal, values, $img) {
+              that.wysiwygMedia.push(data.mediaId);
+
+              $img.attr({
+                src: data.file
+              });
+              trumbowyg.execCmd('insertHTML');
+              setTimeout(function () {
+                trumbowyg.closeModal();
+              }, 250);
+              var url = getDeep(data, trumbowyg.o.plugins.upload.urlPropertyName.split('.'));
+              trumbowyg.$c.trigger('tbwuploadsuccess', [trumbowyg, data, url]);
+            }
+          }
+        }
+      }
+    };
+  },
+
+  computed: {
+    otherLocales: function otherLocales() {
+      var _this = this;
+
+      return this.locales.filter(function (x) {
+        return x != _this.defaultLocale;
+      });
+    },
+    showLocalizedValidationError: function showLocalizedValidationError() {
+      var _this2 = this;
+
+      // TODO ked sme neni na mobile, tak pozerat zo vsetkych
+      return this.otherLocales.some(function (lang) {
+        return _this2.errors.items.some(function (item) {
+          return item.field.endsWith('_' + lang) || item.field.startsWith(lang + '_');
+        });
+      });
+    }
+  },
+  filters: {
+    date: function date(date) {
+      var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD';
+
+      var date = (0, _moment2.default)(date);
+      return date.isValid() ? date.format(format) : "";
+    },
+    datetime: function datetime(_datetime) {
+      var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD HH:mm:ss';
+
+      var date = (0, _moment2.default)(_datetime);
+      return date.isValid() ? date.format(format) : "";
+    },
+    time: function time(_time) {
+      var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm:ss';
+
+      // '2000-01-01' is here just because momentjs needs a date
+      var date = (0, _moment2.default)('2000-01-01 ' + _time);
+      return date.isValid() ? date.format(format) : "";
+    }
+  },
+  methods: {
+    getPostData: function getPostData() {
+      var _this3 = this;
+
+      if (this.mediaCollections) {
+        this.mediaCollections.forEach(function (collection, index, arr) {
+          if (_this3.form[collection]) {
+            console.warn("MediaUploader warning: Media input must have a unique name, '" + collection + "' is already defined in regular inputs.");
+          }
+
+          if (_this3.$refs[collection + '_uploader']) {
+            _this3.form[collection] = _this3.$refs[collection + '_uploader'].getFiles();
+          }
+        });
+      }
+      this.form['wysiwygMedia'] = this.wysiwygMedia;
+
+      return this.form;
+    },
+    onSubmit: function onSubmit() {
+      var _this4 = this;
+
+      return this.$validator.validateAll().then(function (result) {
+        if (!result) {
+          _this4.$notify({
+            type: 'error',
+            title: 'Error!',
+            text: 'The form contains invalid fields.'
+          });
+          return false;
+        }
+
+        var data = _this4.form;
+        if (!_this4.sendEmptyLocales) {
+          data = _.omit(_this4.form, _this4.locales.filter(function (locale) {
+            return _.isEmpty(_this4.form[locale]);
+          }));
+        }
+
+        _this4.submiting = true;
+
+        axios.post(_this4.action, _this4.getPostData()).then(function (response) {
+          return _this4.onSuccess(response.data);
+        }).catch(function (errors) {
+          return _this4.onFail(errors.response.data);
+        });
+      });
+    },
+    onSuccess: function onSuccess(data) {
+      this.submiting = false;
+      if (data.redirect) {
+        window.location.replace(data.redirect);
+      }
+    },
+    onFail: function onFail(data) {
+      this.submiting = false;
+      if (_typeof(data.errors) !== (typeof undefined === 'undefined' ? 'undefined' : _typeof(undefined))) {
+        var bag = this.$validator.errors;
+        bag.clear();
+        Object.keys(data.errors).map(function (key) {
+          var splitted = key.split('.', 2);
+          // we assume that first dot divides column and locale (TODO maybe refactor this and make it more general)
+          if (splitted.length > 1) {
+            bag.add({
+              field: splitted[0] + '_' + splitted[1],
+              msg: data.errors[key][0]
+            });
+          } else {
+            bag.add({
+              field: key,
+              msg: data.errors[key][0]
+            });
+          }
+        });
+        if (_typeof(data.message) === (typeof undefined === 'undefined' ? 'undefined' : _typeof(undefined))) {
+          this.$notify({
+            type: 'error',
+            title: 'Error!',
+            text: 'The form contains invalid fields.'
+          });
+        }
+      }
+      if (_typeof(data.message) !== (typeof undefined === 'undefined' ? 'undefined' : _typeof(undefined))) {
+        this.$notify({
+          type: 'error',
+          title: 'Error!',
+          text: data.message
+        });
+      }
+    },
+    getLocalizedFormDefaults: function getLocalizedFormDefaults() {
+      var object = {};
+      this.locales.forEach(function (currentValue, index, arr) {
+        object[currentValue] = null;
+      });
+      return object;
+    },
+    showLocalization: function showLocalization() {
+      this.isFormLocalized = true;
+      this.currentLocale = this.otherLocales[0];
+      $('.container-xl').addClass('width-auto');
+    },
+    hideLocalization: function hideLocalization() {
+      this.isFormLocalized = false;
+      $('.container-xl').removeClass('width-auto');
+    },
+    validate: function validate(event) {
+      this.$validator.errors.remove(event.target.name);
+    },
+    shouldShowLangGroup: function shouldShowLangGroup(locale) {
+      if (!this.onSmallScreen) {
+        if (this.defaultLocale == locale) return true;
+
+        return this.isFormLocalized && this.currentLocale == locale;
+      } else {
+        return this.currentLocale == locale;
+      }
+    },
+    onResize: function onResize() {
+      this.onSmallScreen = window.innerWidth < this.responsiveBreakpoint;
+    }
+  }
+};
+
+exports.default = BaseForm;

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

@@ -0,0 +1,188 @@
+'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 }; }
+
+var BaseUpload = {
+  components: {
+    Dropzone: _vue2Dropzone2.default
+  },
+  props: {
+    url: {
+      type: String,
+      required: true
+    },
+    collection: {
+      type: String,
+      required: true
+    },
+    maxNumberOfFiles: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    maxFileSizeInMb: {
+      type: Number,
+      required: false,
+      default: 2
+    },
+    acceptedFileTypes: {
+      type: String,
+      required: false
+    },
+    thumbnailWidth: {
+      type: Number,
+      required: false,
+      default: 200
+    },
+    uploadedImages: {
+      type: Array,
+      required: false,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      mutableUploadedImages: this.uploadedImages,
+      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>',
+  mounted: function mounted() {
+    this.attachAlreadyUploadedMedia();
+  },
+  methods: {
+    onSuccess: function onSuccess(file, response) {
+      if (!file.type.includes('image')) {
+        setTimeout(function () {
+          //FIXME jquery
+          $(file.previewElement).removeClass('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);
+    },
+
+    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;
+
+        //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 files = [];
+
+      _.each(this.mutableUploadedImages, function (file, key) {
+        if (file.deleted) {
+          files.push({
+            id: file.id,
+            collection_name: _this2.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,
+            path: response.path,
+            action: file.deleted ? 'delete' : 'add', //TODO: update ie. meta_data.name
+            meta_data: {
+              name: file.name, //TODO: editable in the future
+              file_name: file.name,
+              width: file.width,
+              height: file.height
+            }
+          });
+        }
+      });
+
+      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);
+
+      if (file.url) {
+        $previewElement.find('.dz-filename').html('<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>');
+      } else {
+        $previewElement.find('.dz-image').html('<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          ';
+    }
+  }
+};
+
+exports.default = BaseUpload;

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

@@ -0,0 +1,21 @@
+'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 }; }
+
+// This file is here only to ensure backwards compatibility
+
+window.$ = window.jQuery = _jquery2.default;
+window.Vue = _vue2.default;
+
+var token = document.head.querySelector('meta[name="csrf-token"]');
+if (token) {
+    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': token.content } });
+}