vue_crud 0.1.9.6 → 0.1.9.7

data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/font_family.js

@@ -0,0 +1,178 @@
+/*!
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2016 Froala Labs
+ */
+
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else if (typeof module === 'object' && module.exports) {
+        // Node/CommonJS
+        module.exports = function( root, jQuery ) {
+            if ( jQuery === undefined ) {
+                // require('jQuery') returns a factory that requires window to
+                // build a jQuery instance, we normalize how we use modules
+                // that require this pattern but the window provided is a noop
+                // if it's defined (how jquery works)
+                if ( typeof window !== 'undefined' ) {
+                    jQuery = require('jquery');
+                }
+                else {
+                    jQuery = require('jquery')(root);
+                }
+            }
+            factory(jQuery);
+            return jQuery;
+        };
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+
+  'use strict';
+
+  $.extend($.FE.DEFAULTS, {
+    fontFamily: {
+      'Arial,Helvetica,sans-serif': 'Arial',
+      'Georgia,serif': 'Georgia',
+      'Impact,Charcoal,sans-serif': 'Impact',
+      'Tahoma,Geneva,sans-serif': 'Tahoma',
+      'Times New Roman,Times,serif': 'Times New Roman',
+      'Verdana,Geneva,sans-serif': 'Verdana'
+    },
+    fontFamilySelection: false,
+    fontFamilyDefaultSelection: 'Font Family'
+  })
+
+  $.FE.PLUGINS.fontFamily = function (editor) {
+    function apply (val) {
+      editor.format.applyStyle('font-family', val);
+    }
+
+    function refreshOnShow($btn, $dropdown) {
+      $dropdown.find('.fr-command.fr-active').removeClass('fr-active');
+      $dropdown.find('.fr-command[data-param1="' + _getSelection() + '"]').addClass('fr-active');
+
+      var $list = $dropdown.find('.fr-dropdown-list');
+      var $active = $dropdown.find('.fr-active').parent();
+      if ($active.length) {
+        $list.parent().scrollTop($active.offset().top - $list.offset().top - ($list.parent().outerHeight() / 2 - $active.outerHeight() / 2));
+      }
+      else {
+        $list.parent().scrollTop(0);
+      }
+    }
+
+    function _getArray (val) {
+      var font_array = val.replace(/(sans-serif|serif|monospace|cursive|fantasy)/gi, '').replace(/"|'| /g, '').split(',');
+
+      return $.grep(font_array, function (txt) { return txt.length > 0 });
+    }
+
+    /**
+     * Return first match position.
+     */
+    function _matches (array1, array2) {
+      for (var i = 0; i < array1.length; i++) {
+        for (var j = 0; j < array2.length; j++) {
+          if (array1[i] == array2[j]) {
+            return [i, j];
+          }
+        }
+      }
+
+      return null;
+    }
+
+    function _getSelection () {
+      var val = $(editor.selection.element()).css('font-family');
+      var font_array = _getArray(val);
+
+      var font_matches = [];
+      for (var key in editor.opts.fontFamily) {
+        if (editor.opts.fontFamily.hasOwnProperty(key)) {
+          var c_font_array = _getArray(key);
+
+          var match = _matches(font_array, c_font_array);
+          if (match) {
+            font_matches.push([key, match]);
+          }
+        }
+      }
+
+      if (font_matches.length === 0) return null;
+
+      // Sort matches by their position.
+      // Times,Arial should be detected as being Times, not Arial.
+      font_matches.sort(function (a, b) {
+        var f_diff = a[1][0] - b[1][0];
+        if (f_diff === 0) {
+          return a[1][1] - b[1][1];
+        }
+        else {
+          return f_diff;
+        }
+      });
+
+      return font_matches[0][0];
+    }
+
+    function refresh ($btn) {
+      if (editor.opts.fontFamilySelection) {
+        var val = $(editor.selection.element()).css('font-family').replace(/(sans-serif|serif|monospace|cursive|fantasy)/gi, '').replace(/"|'|/g, '').split(',');
+
+        $btn.find('> span').text(editor.opts.fontFamily[_getSelection()] || val[0] || editor.opts.fontFamilyDefaultSelection);
+      }
+    }
+
+    return {
+      apply: apply,
+      refreshOnShow: refreshOnShow,
+      refresh: refresh
+    }
+  }
+
+  // Register the font size command.
+  $.FE.RegisterCommand('fontFamily', {
+    type: 'dropdown',
+    displaySelection: function (editor) {
+      return editor.opts.fontFamilySelection;
+    },
+    defaultSelection: function (editor) {
+      return editor.opts.fontFamilyDefaultSelection;
+    },
+    displaySelectionWidth: 120,
+    html: function () {
+      var c = '<ul class="fr-dropdown-list">';
+      var options = this.opts.fontFamily;
+      for (var val in options) {
+        if (options.hasOwnProperty(val)) {
+          c += '<li><a class="fr-command" data-cmd="fontFamily" data-param1="' + val + '" style="font-family: ' + val + '" title="' + options[val] + '">' + options[val] + '</a></li>';
+        }
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    title: 'Font Family',
+    callback: function (cmd, val) {
+      this.fontFamily.apply(val);
+    },
+    refresh: function ($btn) {
+      this.fontFamily.refresh($btn);
+    },
+    refreshOnShow: function ($btn, $dropdown) {
+      this.fontFamily.refreshOnShow($btn, $dropdown);
+    },
+    plugin: 'fontFamily'
+  })
+
+  // Add the font size icon.
+  $.FE.DefineIcon('fontFamily', {
+    NAME: 'font'
+  });
+
+}));

data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/font_size.js

@@ -0,0 +1,116 @@
+/*!
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2016 Froala Labs
+ */
+
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else if (typeof module === 'object' && module.exports) {
+        // Node/CommonJS
+        module.exports = function( root, jQuery ) {
+            if ( jQuery === undefined ) {
+                // require('jQuery') returns a factory that requires window to
+                // build a jQuery instance, we normalize how we use modules
+                // that require this pattern but the window provided is a noop
+                // if it's defined (how jquery works)
+                if ( typeof window !== 'undefined' ) {
+                    jQuery = require('jquery');
+                }
+                else {
+                    jQuery = require('jquery')(root);
+                }
+            }
+            factory(jQuery);
+            return jQuery;
+        };
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+
+  'use strict';
+
+  $.extend($.FE.DEFAULTS, {
+    fontSize: ['8', '9', '10', '11', '12', '14', '18', '24', '30', '36', '48', '60', '72', '96'],
+    fontSizeSelection: false,
+    fontSizeDefaultSelection: '12'
+  });
+
+  $.FE.PLUGINS.fontSize = function (editor) {
+    function apply (val) {
+      editor.format.applyStyle('font-size', val);
+    }
+
+    function refreshOnShow($btn, $dropdown) {
+      var val = $(editor.selection.element()).css('font-size');
+      $dropdown.find('.fr-command.fr-active').removeClass('fr-active');
+      $dropdown.find('.fr-command[data-param1="' + val + '"]').addClass('fr-active');
+
+      var $list = $dropdown.find('.fr-dropdown-list');
+      var $active = $dropdown.find('.fr-active').parent();
+      if ($active.length) {
+        $list.parent().scrollTop($active.offset().top - $list.offset().top - ($list.parent().outerHeight() / 2 - $active.outerHeight() / 2));
+      }
+      else {
+        $list.parent().scrollTop(0);
+      }
+    }
+
+    function refresh ($btn) {
+      if (editor.opts.fontSizeSelection) {
+        var val = editor.helpers.getPX($(editor.selection.element()).css('font-size'));
+        $btn.find('> span').text(val);
+      }
+    }
+
+    return {
+      apply: apply,
+      refreshOnShow: refreshOnShow,
+      refresh: refresh
+    }
+  }
+
+  // Register the font size command.
+  $.FE.RegisterCommand('fontSize', {
+    type: 'dropdown',
+    title: 'Font Size',
+    displaySelection: function (editor) {
+      return editor.opts.fontSizeSelection;
+    },
+    displaySelectionWidth: 30,
+    defaultSelection: function (editor) {
+      return editor.opts.fontSizeDefaultSelection;
+    },
+    html: function () {
+      var c = '<ul class="fr-dropdown-list">';
+      var options =  this.opts.fontSize;
+      for (var i = 0; i < options.length; i++) {
+        var val = options[i];
+        c += '<li><a class="fr-command" data-cmd="fontSize" data-param1="' + val + 'px" title="' + val + '">' + val + '</a></li>';
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    callback: function (cmd, val) {
+      this.fontSize.apply(val);
+    },
+    refresh: function ($btn) {
+      this.fontSize.refresh($btn);
+    },
+    refreshOnShow: function ($btn, $dropdown) {
+      this.fontSize.refreshOnShow($btn, $dropdown);
+    },
+    plugin: 'fontSize'
+  })
+
+  // Add the font size icon.
+  $.FE.DefineIcon('fontSize', {
+    NAME: 'text-height'
+  });
+
+}));

data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/forms.js

@@ -0,0 +1,415 @@
+/*!
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2016 Froala Labs
+ */
+
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else if (typeof module === 'object' && module.exports) {
+        // Node/CommonJS
+        module.exports = function( root, jQuery ) {
+            if ( jQuery === undefined ) {
+                // require('jQuery') returns a factory that requires window to
+                // build a jQuery instance, we normalize how we use modules
+                // that require this pattern but the window provided is a noop
+                // if it's defined (how jquery works)
+                if ( typeof window !== 'undefined' ) {
+                    jQuery = require('jquery');
+                }
+                else {
+                    jQuery = require('jquery')(root);
+                }
+            }
+            factory(jQuery);
+            return jQuery;
+        };
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+
+  'use strict';
+
+  $.extend($.FE.POPUP_TEMPLATES, {
+    'forms.edit': '[_BUTTONS_]',
+    'forms.update': '[_BUTTONS_][_TEXT_LAYER_]'
+  })
+
+  $.extend($.FE.DEFAULTS, {
+    formEditButtons: ['inputStyle', 'inputEdit'],
+    formStyles: {
+      'fr-rounded': 'Rounded',
+      'fr-large': 'Large'
+    },
+    formMultipleStyles: true,
+    formUpdateButtons: ['inputBack', '|']
+  })
+
+  $.FE.PLUGINS.forms = function (editor) {
+    var current_input;
+
+    /**
+     * Input mousedown.
+     */
+    function _inputMouseDown (e) {
+      e.preventDefault();
+      editor.selection.clear();
+      $(this).data('mousedown', true);
+    }
+
+    /**
+     * Mouseup on the input.
+     */
+    function _inputMouseUp (e) {
+      // Mousedown was made.
+      if ($(this).data('mousedown')) {
+        e.stopPropagation();
+        $(this).removeData('mousedown');
+
+        current_input = this;
+
+        showEditPopup(this);
+      }
+
+      e.preventDefault();
+    }
+
+    /**
+     * Cancel if mousedown was made on any input.
+     */
+    function _cancelSelection () {
+      editor.$el.find('input, textarea, button').removeData('mousedown');
+    }
+
+    /**
+     * Touch move.
+     */
+    function _inputTouchMove () {
+      $(this).removeData('mousedown');
+    }
+
+    /**
+     * Assign the input events.
+     */
+    function _bindEvents () {
+      editor.events.$on(editor.$el, editor._mousedown, 'input, textarea, button', _inputMouseDown);
+      editor.events.$on(editor.$el, editor._mouseup, 'input, textarea, button', _inputMouseUp);
+      editor.events.$on(editor.$el, 'touchmove', 'input, textarea, button', _inputTouchMove);
+      editor.events.$on(editor.$el, editor._mouseup, _cancelSelection);
+      editor.events.$on(editor.$win, editor._mouseup, _cancelSelection);
+
+      _initUpdatePopup(true);
+    }
+
+    /**
+     * Get the current button.
+     */
+    function getInput () {
+      if (current_input) return current_input;
+
+      return null;
+    }
+
+    /**
+     * Init the edit button popup.
+     */
+    function _initEditPopup () {
+      // Button edit buttons.
+      var buttons = '';
+      if (editor.opts.formEditButtons.length > 0) {
+        buttons = '<div class="fr-buttons">' + editor.button.buildList(editor.opts.formEditButtons) + '</div>';
+      }
+
+      var template = {
+        buttons: buttons
+      };
+
+      // Set the template in the popup.
+      var $popup = editor.popups.create('forms.edit', template);
+
+      if (editor.$wp) {
+        editor.events.$on(editor.$wp, 'scroll.link-edit', function () {
+          if (get() && editor.popups.isVisible('forms.edit')) {
+            showEditPopup(getInput());
+          }
+        });
+      }
+
+      return $popup;
+    }
+
+    /**
+     * Show the edit button popup.
+     */
+    function showEditPopup (input) {
+      var $popup = editor.popups.get('forms.edit');
+      if (!$popup) $popup = _initEditPopup();
+
+      current_input = input;
+      var $input = $(input);
+
+      editor.popups.refresh('forms.edit');
+
+      editor.popups.setContainer('forms.edit', $(editor.opts.scrollableContainer));
+      var left = $input.offset().left + $input.outerWidth() / 2;
+      var top = $input.offset().top + $input.outerHeight();
+
+      editor.popups.show('forms.edit', left, top, $input.outerHeight());
+    }
+
+    /**
+     * Refresh update button popup callback.
+     */
+    function _refreshUpdateCallback () {
+      var $popup = editor.popups.get('forms.update');
+
+      var input = getInput();
+      if (input) {
+        var $input = $(input);
+        if ($input.is('button')) {
+          $popup.find('input[type="text"][name="text"]').val($input.text());
+        }
+        else {
+          $popup.find('input[type="text"][name="text"]').val($input.attr('placeholder'));
+        }
+      }
+
+      $popup.find('input[type="text"][name="text"]').trigger('change');
+    }
+
+    /**
+     * Hide update button popup callback.
+     */
+    function _hideUpdateCallback () {
+      current_input = null;
+    }
+
+    /**
+     * Init update button popup.
+     */
+    function _initUpdatePopup (delayed) {
+      if (delayed) {
+        editor.popups.onRefresh('forms.update', _refreshUpdateCallback);
+        editor.popups.onHide('forms.update', _hideUpdateCallback);
+
+        return true;
+      }
+
+      // Button update buttons.
+      var buttons = '';
+      if (editor.opts.formUpdateButtons.length >= 1) {
+        buttons = '<div class="fr-buttons">' + editor.button.buildList(editor.opts.formUpdateButtons) + '</div>';
+      }
+
+      var text_layer = '';
+      var tab_idx = 0;
+      text_layer = '<div class="fr-forms-text-layer fr-layer fr-active">';
+      text_layer += '<div class="fr-input-line"><input name="text" type="text" placeholder="Text" tabIndex="' + (++tab_idx) + '"></div>';
+
+      text_layer += '<div class="fr-action-buttons"><button class="fr-command fr-submit" data-cmd="updateInput" href="#" tabIndex="' + (++tab_idx) + '" type="button">' + editor.language.translate('Update') + '</button></div></div>'
+
+      var template = {
+        buttons: buttons,
+        text_layer: text_layer
+      }
+
+      // Set the template in the popup.
+      var $popup = editor.popups.create('forms.update', template);
+
+      return $popup;
+    }
+
+    /**
+     * Show the button update popup.
+     */
+    function showUpdatePopup () {
+      var input = getInput();
+      if (input) {
+        var $input = $(input);
+
+        var $popup = editor.popups.get('forms.update');
+        if (!$popup) $popup = _initUpdatePopup();
+
+        if (!editor.popups.isVisible('forms.update')) {
+          editor.popups.refresh('forms.update');
+        }
+
+        editor.popups.setContainer('forms.update', $(editor.opts.scrollableContainer));
+        var left = $input.offset().left + $input.outerWidth() / 2;
+        var top = $input.offset().top + $input.outerHeight();
+
+        editor.popups.show('forms.update', left, top, $input.outerHeight());
+      }
+    }
+
+    /**
+     * Apply specific style.
+     */
+    function applyStyle (val, formStyles, multipleStyles) {
+      if (typeof formStyles == 'undefined') formStyles = editor.opts.formStyles;
+      if (typeof multipleStyles == 'undefined') multipleStyles = editor.opts.formMultipleStyles;
+
+      var input = getInput();
+      if (!input) return false;
+
+      // Remove multiple styles.
+      if (!multipleStyles) {
+        var styles = Object.keys(formStyles);
+        styles.splice(styles.indexOf(val), 1);
+        $(input).removeClass(styles.join(' '));
+      }
+
+      $(input).toggleClass(val);
+    }
+
+    /**
+     * Back button in update button popup.
+     */
+    function back () {
+      editor.events.disableBlur();
+      editor.selection.restore();
+      editor.events.enableBlur();
+
+      var input = getInput();
+
+      if (input && editor.$wp) {
+        if (input.tagName == 'BUTTON') editor.selection.restore();
+        showEditPopup(input);
+      }
+    }
+
+    /**
+     * Hit the update button in the input popup.
+     */
+    function updateInput () {
+      var $popup = editor.popups.get('forms.update');
+
+      var input = getInput();
+      if (input) {
+        var $input = $(input);
+        var val = $popup.find('input[type="text"][name="text"]').val() || '';
+
+        if (val.length) {
+          if ($input.is('button')) {
+            $input.text(val);
+          }
+          else {
+            $input.attr('placeholder', val);
+          }
+        }
+
+        editor.popups.hide('forms.update');
+        showEditPopup(input);
+      }
+    }
+
+    /**
+     * Initialize.
+     */
+    function _init () {
+      // Bind input events.
+      _bindEvents();
+
+      // Prevent form submit.
+      editor.events.$on(editor.$el, 'submit', 'form', function (e) {
+        e.preventDefault();
+        return false;
+      })
+    }
+
+    return {
+      _init: _init,
+      updateInput: updateInput,
+      getInput: getInput,
+      applyStyle: applyStyle,
+      showUpdatePopup: showUpdatePopup,
+      showEditPopup: showEditPopup,
+      back: back
+    }
+  }
+
+  // Register command to update input.
+  $.FE.RegisterCommand('updateInput', {
+    undo: false,
+    focus: false,
+    title: 'Update',
+    callback: function () {
+      this.forms.updateInput();
+    }
+  });
+
+  // Link styles.
+  $.FE.DefineIcon('inputStyle', { NAME: 'magic' })
+  $.FE.RegisterCommand('inputStyle', {
+    title: 'Style',
+    type: 'dropdown',
+    html: function () {
+      var c = '<ul class="fr-dropdown-list">';
+      var options =  this.opts.formStyles;
+      for (var cls in options) {
+        if (options.hasOwnProperty(cls)) {
+          c += '<li><a class="fr-command" data-cmd="inputStyle" data-param1="' + cls + '">' + this.language.translate(options[cls]) + '</a></li>';
+        }
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    callback: function (cmd, val) {
+      var input = this.forms.getInput();
+
+      if (input) {
+        this.forms.applyStyle(val);
+        this.forms.showEditPopup(input);
+      }
+    },
+    refreshOnShow: function ($btn, $dropdown) {
+      var input = this.forms.getInput();
+
+      if (input) {
+        var $input = $(input);
+        $dropdown.find('.fr-command').each (function () {
+          var cls = $(this).data('param1');
+          $(this).toggleClass('fr-active', $input.hasClass(cls));
+        })
+      }
+    }
+  });
+
+  $.FE.DefineIcon('inputEdit', { NAME: 'edit' });
+  $.FE.RegisterCommand('inputEdit', {
+    title: 'Edit Button',
+    undo: false,
+    refreshAfterCallback: false,
+    callback: function () {
+      this.forms.showUpdatePopup();
+    }
+  })
+
+  $.FE.DefineIcon('inputBack', { NAME: 'arrow-left' });
+  $.FE.RegisterCommand('inputBack', {
+    title: 'Back',
+    undo: false,
+    focus: false,
+    back: true,
+    refreshAfterCallback: false,
+    callback: function () {
+      this.forms.back();
+    }
+  });
+
+  // Register command to update button.
+  $.FE.RegisterCommand('updateInput', {
+    undo: false,
+    focus: false,
+    title: 'Update',
+    callback: function () {
+      this.forms.updateInput();
+    }
+  });
+
+}));