@dejwcake/craftable 0.0.1

package/dist/index.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _BaseForm = require('./base-components/Form/BaseForm');
+
+Object.defineProperty(exports, 'BaseForm', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_BaseForm).default;
+  }
+});
+
+var _BaseUpload = require('./base-components/Form/BaseUpload');
+
+Object.defineProperty(exports, 'BaseUpload', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_BaseUpload).default;
+  }
+});
+
+var _BaseListing = require('./base-components/Listing/BaseListing');
+
+Object.defineProperty(exports, 'BaseListing', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_BaseListing).default;
+  }
+});
+
+var _Admin = require('./admin/Admin');
+
+Object.defineProperty(exports, 'Admin', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Admin).default;
+  }
+});
+
+var _Form = require('./auth/Form');
+
+Object.defineProperty(exports, 'Auth', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Form).default;
+  }
+});
+
+var _Form2 = require('./translation/Form');
+
+Object.defineProperty(exports, 'TranslationForm', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Form2).default;
+  }
+});
+
+var _Listing = require('./translation/Listing');
+
+Object.defineProperty(exports, 'TranslationListing', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Listing).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/overrides/trumbowyg.edit-embed-template.js

@@ -0,0 +1,72 @@
+'use strict';
+
+(function ($) {
+    'use strict';
+
+    // My plugin default options
+
+    var defaultOptions = {
+        noEmbedEndpoint: 'https://noembed.com/embed?nowrap=on'
+    };
+
+    $.extend(true, $.trumbowyg, {
+        // Add some translations
+        langs: {
+            en: {
+                editNoEmbedTemplate: 'Edit embed'
+            }
+        },
+        // Add our plugin to Trumbowyg registred plugins
+        plugins: {
+            editNoEmbedTemplate: {
+                init: function init(trumbowyg) {
+                    // Fill current Trumbowyg instance with my plugin default options
+                    trumbowyg.o.plugins.editNoEmbedTemplate = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.editNoEmbedTemplate || {});
+
+                    setTimeout(function () {
+                        trumbowyg.$ed.on('dblclick', '.wysiwyg-noembed', function () {
+                            var $iframe = $(this).find('iframe');
+                            var $editor = $iframe.closest('.trumbowyg-editor');
+                            var options = {
+                                url: {
+                                    label: 'URL',
+                                    value: $iframe.attr('src'),
+                                    required: true
+                                }
+                            };
+
+                            trumbowyg.openModalInsert(trumbowyg.lang.editNoEmbedTemplate, options, function (value) {
+                                $.ajax({
+                                    url: trumbowyg.o.plugins.editNoEmbedTemplate.noEmbedEndpoint,
+                                    type: 'GET',
+                                    data: value,
+                                    cache: false,
+                                    dataType: 'jsonp',
+                                    crossOrigin: true,
+                                    success: trumbowyg.o.plugins.editNoEmbedTemplate.success || function (data) {
+                                        if (data.html) {
+                                            $iframe.replaceWith($(data.html));
+                                            trumbowyg.html($editor.html());
+                                            setTimeout(function () {
+                                                trumbowyg.closeModal();
+                                            }, 250);
+                                        } else {
+                                            trumbowyg.addErrorOnModalField($('input[type=text]', $modal), data.error);
+                                        }
+                                    },
+                                    error: trumbowyg.o.plugins.editNoEmbedTemplate.error || function () {
+                                        trumbowyg.addErrorOnModalField($('input[type=text]', $modal), trumbowyg.lang.noembedError);
+                                    }
+                                });
+                            });
+                        });
+                    }, 300);
+                },
+                tagHandler: function tagHandler(element, trumbowyg) {
+                    return [];
+                },
+                destroy: function destroy() {}
+            }
+        }
+    });
+})(jQuery);

package/dist/overrides/trumbowyg.reupload.js

@@ -0,0 +1,146 @@
+'use strict';
+
+(function ($) {
+    'use strict';
+
+    // My plugin default options
+
+    var defaultOptions = {};
+
+    $.extend(true, $.trumbowyg, {
+        // Add some translations
+        langs: {
+            en: {
+                reupload: 'Reupload',
+                reuploadImage: 'Reupload Image',
+                description: 'Alt Text'
+            }
+        },
+        // Add our plugin to Trumbowyg registred plugins
+        plugins: {
+            reupload: {
+                init: function init(trumbowyg) {
+                    // Fill current Trumbowyg instance with my plugin default options
+                    trumbowyg.o.plugins.reupload = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.reupload || {});
+
+                    trumbowyg.o.imgDblClickHandler = function () {
+                        var t = trumbowyg;
+
+                        return function () {
+                            var $img = $(this),
+                                src = $img.attr('src'),
+                                base64 = '(Base64)';
+
+                            if (src.indexOf('data:image') === 0) {
+                                src = base64;
+                            }
+
+                            var options = {
+                                url: {
+                                    label: 'URL',
+                                    value: src,
+                                    required: true
+                                },
+                                reupload: {
+                                    label: trumbowyg.lang.reuploadImage,
+                                    value: src,
+                                    type: 'file',
+                                    attributes: {
+                                        accept: 'image/*'
+                                    }
+                                },
+                                alt: {
+                                    label: t.lang.description,
+                                    value: $img.attr('alt')
+                                }
+                            };
+
+                            if (t.o.imageWidthModalEdit) {
+                                options.width = {
+                                    value: $img.attr('width') ? $img.attr('width') : ''
+                                };
+                            }
+
+                            var $modal = t.openModalInsert(t.lang.insertImage, options, function (v) {
+                                $img.attr({
+                                    alt: v.alt
+                                });
+
+                                if (t.o.imageWidthModalEdit) {
+                                    if (parseInt(v.width) > 0) {
+                                        $img.attr({
+                                            width: v.width
+                                        });
+                                    } else {
+                                        $img.removeAttr('width');
+                                    }
+                                }
+
+                                if (v.src !== base64 && !v.reupload) {
+                                    $img.attr({
+                                        src: v.url
+                                    });
+                                    return true;
+                                }
+
+                                if (v.reupload) {
+                                    var prefix = trumbowyg.o.prefix;
+                                    var data = new FormData();
+                                    data.append(trumbowyg.o.plugins.upload.fileFieldName, $('.trumbowyg-modal input[type=file]').get(0).files[0]);
+
+                                    trumbowyg.o.plugins.upload.data.map(function (cur) {
+                                        data.append(cur.name, cur.value);
+                                    });
+
+                                    $.map(v, function (curr, key) {
+                                        if (key !== 'file') {
+                                            data.append(key, curr);
+                                        }
+                                    });
+
+                                    if ($('.' + prefix + 'progress', $modal).length === 0) {
+                                        $('.' + prefix + 'modal-title', $modal).after($('<div/>', {
+                                            'class': prefix + 'progress'
+                                        }).append($('<div/>', {
+                                            'class': prefix + 'progress-bar'
+                                        })));
+                                    }
+
+                                    $.ajax({
+                                        url: trumbowyg.o.plugins.upload.serverPath,
+                                        headers: trumbowyg.o.plugins.upload.headers,
+                                        xhrFields: trumbowyg.o.plugins.upload.xhrFields,
+                                        type: 'POST',
+                                        data: data,
+                                        cache: false,
+                                        dataType: 'json',
+                                        processData: false,
+                                        contentType: false,
+
+                                        progressUpload: function progressUpload(e) {
+                                            $('.' + prefix + 'progress-bar').css('width', Math.round(e.loaded * 100 / e.total) + '%');
+                                        },
+
+                                        success: function success(data) {
+                                            trumbowyg.o.plugins.reupload.success(data, trumbowyg, $modal, v, $img);
+                                        },
+
+                                        error: trumbowyg.o.plugins.upload.error || function () {
+                                            trumbowyg.addErrorOnModalField($('input[type=file]', $modal), trumbowyg.lang.uploadError);
+                                            trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg]);
+                                        }
+                                    });
+                                }
+                            });
+                            return false;
+                        };
+                    }();
+                },
+                tagHandler: function tagHandler(element, trumbowyg) {
+                    return [];
+                },
+                destroy: function destroy() {}
+            }
+        }
+    });
+})(jQuery);

package/dist/overrides/trumbowyg.template.js

@@ -0,0 +1,67 @@
+'use strict';
+
+(function ($) {
+    'use strict';
+
+    // Adds the language variables
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            en: {
+                template: 'Template'
+            },
+            fr: {
+                template: 'Patron'
+            },
+            nl: {
+                template: 'Sjabloon'
+            },
+            ru: {
+                template: 'Шаблон'
+            },
+            ja: {
+                template: 'テンプレート'
+            },
+            tr: {
+                template: 'Şablon'
+            }
+        }
+    });
+
+    // Adds the extra button definition
+    $.extend(true, $.trumbowyg, {
+        plugins: {
+            template: {
+                shouldInit: function shouldInit(trumbowyg) {
+                    return trumbowyg.o.plugins.hasOwnProperty('templates');
+                },
+                init: function init(trumbowyg) {
+                    trumbowyg.addBtnDef('template', {
+                        dropdown: templateSelector(trumbowyg),
+                        hasIcon: false,
+                        text: trumbowyg.lang.template
+                    });
+                }
+            }
+        }
+    });
+
+    // Creates the template-selector dropdown.
+    function templateSelector(trumbowyg) {
+        var available = trumbowyg.o.plugins.templates;
+        var templates = [];
+
+        $.each(available, function (index, template) {
+            trumbowyg.addBtnDef('template_' + index, {
+                fn: function fn() {
+                    trumbowyg.execCmd('insertHTML', template.html + '<br>');
+                },
+                hasIcon: false,
+                title: template.name
+            });
+            templates.push('template_' + index);
+        });
+
+        return templates;
+    }
+})(jQuery);

package/dist/translation/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('translation-form', {
+    mixins: [_BaseForm2.default]
+});

package/dist/translation/Listing.js

@@ -0,0 +1,283 @@
+'use strict';
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _BaseListing = require('../base-components/Listing/BaseListing');
+
+var _BaseListing2 = _interopRequireDefault(_BaseListing);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+$(document).ready(function ($) {
+    $(document).on('click', '.close_button', function (e) {
+        $(this).closest('.show').removeClass('show');
+    });
+
+    $(document).on('click', '.dropdown-menu.dropdown-menu-dont-auto-close', function (e) {
+        e.stopPropagation();
+    });
+});
+
+_vue2.default.component('translation-listing', {
+
+    mixins: [_BaseListing2.default],
+
+    props: {
+        label: {
+            type: String,
+            default: function _default() {
+                return 'All groups';
+            }
+        },
+        stepCount: {
+            type: Number,
+            default: function _default() {
+                return 3;
+            }
+        },
+        locales: {}
+    },
+
+    data: function data() {
+        var exportMultiselect = {};
+        Object.values(this.locales).forEach(function (value) {
+            exportMultiselect[value] = true;
+        });
+        return {
+            templateChecked: false,
+            exportMultiselect: exportMultiselect,
+            languagesToExport: this.locales,
+            importLanguage: '',
+            file: null,
+            onlyMissing: false,
+            currentStep: 1,
+            scanning: false,
+            filters: {
+                group: null
+            },
+            translationId: null,
+            translationDefault: '',
+            numberOfSuccessfullyImportedTranslations: 0,
+            numberOfSuccessfullyUpdatedTranslations: 0,
+            numberOfFoundTranslations: 0,
+            numberOfTranslationsToReview: 0,
+            translationsToImport: null,
+            translations: {},
+            importedFile: null
+        };
+    },
+
+    watch: {
+        exportMultiselect: {
+            handler: function handler(newVal, oldVal) {
+                var _this = this;
+
+                this.languagesToExport = [];
+
+                Object.keys(newVal).forEach(function (key) {
+                    if (newVal[key]) {
+                        _this.languagesToExport.push(key);
+                    }
+                });
+            },
+
+            deep: true
+        }
+    },
+    computed: {
+        filteredGroup: function filteredGroup() {
+            return this.filters.group === null ? this.label : this.filters.group;
+        },
+        lastStep: function lastStep() {
+            return this.currentStep === this.stepCount;
+        }
+    },
+    methods: {
+        rescan: function rescan(url) {
+            var _this2 = this;
+
+            this.scanning = true;
+            axios.post(url).then(function (response) {
+                _this2.scanning = false;
+                _this2.loadData(true);
+            }, function (error) {
+                _this2.scanning = false;
+                _this2.$notify({ type: 'error', title: 'Error!', text: 'An error has occured.' });
+            });
+        },
+        filterGroup: function filterGroup(group) {
+            this.filters.group = group;
+            this.loadData(true);
+        },
+        resetGroup: function resetGroup() {
+            this.filters.group = null;
+            this.loadData(true);
+        },
+        editTranslation: function editTranslation(item) {
+            this.$modal.show('edit-translation', item);
+        },
+        showImport: function showImport() {
+            this.$modal.show('import-translation');
+        },
+        showExport: function showExport() {
+            this.$modal.show('export-translation');
+        },
+        nextStep: function nextStep() {
+            var _this3 = this;
+
+            if (this.currentStep === 1) {
+                return this.$validator.validateAll().then(function (result) {
+                    if (!result) {
+                        _this3.$notify({ type: 'error', title: 'Error!', text: 'The form contains invalid fields.' });
+                        return false;
+                    }
+
+                    var url = '/admin/translations/import';
+                    var formData = new FormData();
+
+                    formData.append('fileImport', _this3.file);
+                    formData.append('importLanguage', _this3.importLanguage);
+                    formData.append('onlyMissing', _this3.onlyMissing);
+
+                    axios.post(url, formData, {
+                        headers: {
+                            'Content-Type': 'multipart/form-data'
+                        }
+                    }).then(function (response) {
+                        if (response.data.hasOwnProperty('numberOfImportedTranslations') && response.data.hasOwnProperty('numberOfUpdatedTranslations')) {
+                            _this3.currentStep = 3;
+                            _this3.numberOfSuccessfullyImportedTranslations = response.data.numberOfImportedTranslations;
+                            _this3.numberOfSuccessfullyUpdatedTranslations = response.data.numberOfUpdatedTranslations;
+                            _this3.loadData();
+                        } else {
+                            _this3.currentStep = 2;
+                            _this3.numberOfFoundTranslations = Object.keys(response.data).length;
+                            _this3.translationsToImport = response.data;
+
+                            for (var i = 0; i < _this3.translationsToImport.length; i++) {
+                                if (_this3.translationsToImport[i].hasOwnProperty('has_conflict')) {
+                                    if (_this3.translationsToImport[i].has_conflict) {
+                                        _this3.numberOfTranslationsToReview++;
+                                    }
+                                }
+                            }
+                        }
+                    }, function (error) {
+                        if (error.response.data === "Wrong syntax in your import") _this3.$notify({ type: 'error', title: 'Error!', text: 'Wrong syntax in your import.' });else if (error.response.data === "Unsupported file type") _this3.$notify({ type: 'error', title: 'Error!', text: 'Unsupported file type.' });else _this3.$notify({ type: 'error', title: 'Error!', text: 'An error has occured.' });
+                    });
+                });
+            } else if (this.currentStep === 2) {
+                return this.$validator.validateAll().then(function (result) {
+                    if (!result) {
+                        _this3.$notify({ type: 'error', title: 'Error!', text: 'The form contains invalid fields.' });
+                        return false;
+                    }
+
+                    for (var i = 0; i < _this3.translationsToImport.length; i++) {
+                        if (_this3.translationsToImport[i].hasOwnProperty('checkedCurrent')) {
+                            if (_this3.translationsToImport[i].checkedCurrent) {
+                                _this3.translationsToImport[i][_this3.importLanguage.toLowerCase()] = _this3.translationsToImport[i].current_value;
+                            }
+                        }
+                    }
+
+                    var url = '/admin/translations/import/conflicts';
+                    var data = {
+                        importLanguage: _this3.importLanguage,
+                        resolvedTranslations: _this3.translationsToImport
+                    };
+
+                    axios.post(url, data).then(function (response) {
+                        _this3.currentStep = 3;
+                        _this3.numberOfSuccessfullyImportedTranslations = response.data.numberOfImportedTranslations;
+                        _this3.numberOfSuccessfullyUpdatedTranslations = response.data.numberOfUpdatedTranslations;
+                        _this3.loadData();
+                    }, function (error) {
+                        _this3.$notify({ type: 'error', title: 'Error!', text: 'An error has occured.' });
+                    });
+                });
+            }
+        },
+        previousStep: function previousStep() {
+            this.currentStep--;
+        },
+        beforeModalOpen: function beforeModalOpen(_ref) {
+            var params = _ref.params;
+
+            this.translationId = params.id;
+            this.translationDefault = params.key;
+            this.translations = {};
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+                for (var _iterator = Object.keys(params.text)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var key = _step.value;
+
+                    this.translations[key] = params.text[key];
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return) {
+                        _iterator.return();
+                    }
+                } finally {
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+        },
+        onSubmit: function onSubmit() {
+            var _this4 = this;
+
+            var url = '/admin/translations/' + this.translationId;
+            var data = {
+                text: this.translations
+            };
+
+            axios.post(url, data).then(function (response) {
+                _this4.$modal.hide('edit-translation');
+                _this4.$notify({ type: 'success', title: 'Success!', text: 'Item successfully changed.' });
+                _this4.loadData();
+            }, function (error) {
+                _this4.$notify({ type: 'error', title: 'Error!', text: 'An error has occured.' });
+            });
+        },
+        onSubmitExport: function onSubmitExport() {
+            var _this5 = this;
+
+            return this.$validator.validateAll().then(function (result) {
+                if (!result) {
+                    _this5.$notify({ type: 'error', title: 'Error!', text: 'The form contains invalid fields.' });
+                    return false;
+                }
+
+                var data = {
+                    exportLanguages: _this5.languagesToExport
+                };
+
+                var url = '/admin/translations/export?' + $.param(data);
+                window.location = url;
+                _this5.$modal.hide('export-translation');
+            });
+        },
+        handleImportFileUpload: function handleImportFileUpload(e) {
+            this.file = this.$refs.file.files[0];
+            this.importedFile = e.target.files[0];
+        },
+        onCloseImportModal: function onCloseImportModal() {
+            this.currentStep = 1;
+            this.importedFile = '';
+            this.importLanguage = '';
+            this.onlyMissing = false;
+            this.translationsToImport = null;
+        }
+    }
+});

package/dist/ui/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+require('popper.js');
+
+require('bootstrap');
+
+require('@coreui/coreui');
+
+$(function () {
+	// spinner buttons
+	$('.btn-spinner').on('click', function (e) {
+		if (!(e.shiftKey || e.ctrlKey || e.metaKey)) {
+			$(this).css({ 'pointer-events': 'none' });
+			$(this).find('i').removeClass().addClass('fa fa-spinner');
+		}
+	});
+
+	// dropdown Menu
+	$('.dropdown-toggle').on('click', function () {
+		$(this).parent().toggleClass('open');
+	});
+	$('.dropdown-item').on('click', function () {
+		$(this).closest('.open').removeClass('open');
+	});
+	$('.dropdown-menu').on('mouseleave', function () {
+		$(this).parent('.dropdown').removeClass('open');
+	});
+
+	// remove empty nav titles when no children there
+	$('.nav-title').filter(function () {
+		return !$(this).next().hasClass('nav-item');
+	}).hide();
+});