vue_crud 0.1.9.6 → 0.1.9.7

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

@@ -0,0 +1,382 @@
+/*!
+ * 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';
+
+  $.FE.PLUGINS.lists = function (editor) {
+    function _openFlag(tag_name) {
+      return '<span class="fr-open-' + tag_name.toLowerCase() + '"></span>';
+    }
+
+    function _closeFlag(tag_name) {
+      return '<span class="fr-close-' + tag_name.toLowerCase() + '"></span>';
+    }
+
+    /**
+     * Replace list type.
+     */
+    function _replace(blocks, tag_name) {
+      var lists = [];
+      for (var i = 0; i < blocks.length; i++) {
+        var parent_node = blocks[i].parentNode;
+        if (blocks[i].tagName == 'LI' && parent_node.tagName != tag_name && lists.indexOf(parent_node) < 0) {
+          lists.push(parent_node);
+        }
+      }
+
+      for (i = lists.length - 1; i >= 0; i--) {
+        var $l = $(lists[i]);
+        $l.replaceWith('<' + tag_name.toLowerCase() + '>' + $l.html() + '</' + tag_name.toLowerCase() + '>');
+      }
+    }
+
+    /**
+     * Format blocks.
+     */
+    function _format(blocks, tag_name) {
+      _replace(blocks, tag_name);
+
+      // Format those blocks that are not LI.
+      var default_tag = editor.html.defaultTag();
+      for (var i = 0; i < blocks.length; i++) {
+        if (blocks[i].tagName != 'LI') {
+          // Default tag.
+          if (default_tag && blocks[i].tagName.toLowerCase() == default_tag) {
+            $(blocks[i]).replaceWith('<' + tag_name + '><li' + editor.node.attributes(blocks[i]) + '>' + $(blocks[i]).html() + '</li></' + tag_name + '>');
+          }
+          else {
+            $(blocks[i]).wrap('<' + tag_name + '><li></li></' + tag_name + '>');
+          }
+        }
+      }
+
+      editor.clean.lists();
+    }
+
+    /**
+     * Unformat.
+     */
+    function _unformat(blocks) {
+      var i;
+      var j;
+
+      // If there are LI that have parents selected, then remove them.
+      for (i = blocks.length - 1; i >= 0; i--) {
+        for (j = i - 1; j >= 0; j--) {
+          if ($(blocks[j]).find(blocks[i]).length || blocks[j] == blocks[i]) {
+            blocks.splice(i, 1);
+            break;
+          }
+        }
+      }
+
+      // Unwrap remaining LI.
+      var lists = [];
+      for (i = 0; i < blocks.length; i++) {
+        var $li = $(blocks[i]);
+        var parent_node = blocks[i].parentNode;
+
+        $li.before(_closeFlag(parent_node.tagName));
+
+        // Nested case.
+        if (parent_node.parentNode.tagName == 'LI') {
+          $li.before(_closeFlag('LI'));
+          $li.after(_openFlag('LI'));
+        }
+        else {
+          // Append BR if the node is not empty.
+          if (!editor.node.isEmpty($li.get(0), true) && $li.find(editor.html.blockTagsQuery()).length === 0) {
+            $li.append('<br>');
+          }
+          $li.append(_openFlag('LI'));
+          $li.prepend(_closeFlag('LI'));
+        }
+
+        $li.after(_openFlag(parent_node.tagName));
+
+        // Nested case. We should look for an upper parent.
+        if (parent_node.parentNode.tagName == 'LI') {
+          parent_node = parent_node.parentNode.parentNode;
+        }
+
+        if (lists.indexOf(parent_node) < 0) {
+          lists.push(parent_node);
+        }
+      }
+
+      // Replace the open and close tags.
+      for (i = 0; i < lists.length; i++) {
+        var $l = $(lists[i]);
+        var html = $l.html();
+        html = html.replace(/<span class="fr-close-([a-z]*)"><\/span>/g, '</$1>');
+        html = html.replace(/<span class="fr-open-([a-z]*)"><\/span>/g, '<$1>');
+        $l.replaceWith(editor.node.openTagString($l.get(0)) + html + editor.node.closeTagString($l.get(0)));
+      }
+
+      // Clean empty lists.
+      editor.$el.find('li:empty').remove();
+      editor.$el.find('ul:empty, ol:empty').remove();
+
+      editor.clean.lists();
+      editor.html.wrap();
+    }
+
+    /**
+     * Check if should unformat lists.
+     */
+    function _shouldUnformat(blocks, tag_name) {
+      var do_unformat = true;
+      for (var i = 0; i < blocks.length; i++) {
+        // Something else than LI is selected.
+        if (blocks[i].tagName != 'LI') {
+          return false;
+        }
+
+        // There is a different kind of list selected. Replace is the appropiate action.
+        if (blocks[i].parentNode.tagName != tag_name) {
+          do_unformat = false;
+        }
+      }
+
+      return do_unformat;
+    }
+
+    /**
+     * Call the list actions.
+     */
+    function format(tag_name) {
+      // Wrap.
+      editor.selection.save();
+      editor.html.wrap(true, true, true, true);
+      editor.selection.restore();
+
+      var blocks = editor.selection.blocks();
+
+      // Normalize nodes by keeping the LI.
+      // <li><h1>foo<h1></li> will return h1.
+      for (var i = 0; i < blocks.length; i++) {
+        if (blocks[i].tagName != 'LI' && blocks[i].parentNode.tagName == 'LI') {
+          blocks[i] = blocks[i].parentNode;
+        }
+      }
+
+      // Save selection so that we can play at wish.
+      editor.selection.save();
+
+      // Decide if to format or unformat list.
+      if (_shouldUnformat(blocks, tag_name)) {
+        _unformat(blocks);
+      }
+      else {
+        _format(blocks, tag_name);
+      }
+
+      // Unwrap.
+      editor.html.unwrap();
+
+      // Restore the selection.
+      editor.selection.restore();
+    }
+
+    /**
+     * Refresh list buttons.
+     */
+    function refresh($btn, tag_name) {
+      var $el = $(editor.selection.element());
+      if ($el.get(0) != editor.$el.get(0)) {
+        var li = $el.get(0);
+        if (li.tagName != 'LI') {
+          li = $el.parents('li').get(0);
+        }
+
+        if (li && li.parentNode.tagName == tag_name && editor.$el.get(0).contains(li.parentNode)) {
+          $btn.addClass('fr-active');
+        }
+      }
+    }
+
+    /**
+     * Indent selected list items.
+     */
+    function _indent (blocks) {
+      editor.selection.save();
+      for (var i = 0; i < blocks.length; i++) {
+        // There should be a previous li.
+        var prev_li = blocks[i].previousSibling;
+        if (prev_li) {
+          var nl = $(blocks[i]).find('> ul, > ol').get(0);
+
+          // Current LI has a nested list.
+          if (nl) {
+            var $li = $('<li>').prependTo($(nl));
+            var node = editor.node.contents(blocks[i])[0];
+            while (node && !editor.node.isList(node)) {
+              var tmp = node.nextSibling;
+              $li.append(node);
+              node = tmp;
+            }
+
+            $(prev_li).append($(nl));
+            $(blocks[i]).remove();
+          }
+          else {
+            var prev_nl = $(prev_li).find('> ul, > ol').get(0);
+            if (prev_nl) {
+              $(prev_nl).append($(blocks[i]));
+            }
+            else {
+              var $new_nl = $('<' + blocks[i].parentNode.tagName + '>');
+              $(prev_li).append($new_nl);
+              $new_nl.append($(blocks[i]));
+            }
+          }
+        }
+      }
+
+      editor.clean.lists();
+      editor.selection.restore();
+    }
+
+    /**
+     * Outdent selected list items.
+     */
+    function _outdent (blocks) {
+      editor.selection.save();
+      _unformat(blocks);
+      editor.selection.restore();
+    }
+
+    /**
+     * Hook into the indent/outdent events.
+     */
+    function _afterCommand (cmd) {
+      if (cmd == 'indent' || cmd == 'outdent') {
+        var do_indent = false;
+        var blocks = editor.selection.blocks();
+        var blks = [];
+        for (var i = 0; i < blocks.length; i++) {
+          if (blocks[i].tagName == 'LI') {
+            do_indent = true;
+            blks.push(blocks[i]);
+          }
+          else if (blocks[i].parentNode.tagName == 'LI') {
+            do_indent = true;
+            blks.push(blocks[i].parentNode);
+          }
+        }
+
+        if (do_indent) {
+          if (cmd == 'indent') _indent(blks);
+          else _outdent(blks);
+        }
+      }
+    }
+
+    /**
+     * Init.
+     */
+    function _init () {
+      editor.events.on('commands.after', _afterCommand);
+
+      // TAB key in lists.
+      editor.events.on('keydown', function (e) {
+        if (e.which == $.FE.KEYCODE.TAB) {
+          var do_indent;
+          var blocks = editor.selection.blocks();
+          var blks = [];
+          for (var i = 0; i < blocks.length; i++) {
+            if (blocks[i].tagName == 'LI') {
+              do_indent = true;
+              blks.push(blocks[i]);
+            }
+            else if (blocks[i].parentNode.tagName == 'LI') {
+              do_indent = true;
+              blks.push(blocks[i].parentNode);
+            }
+          }
+
+          if (do_indent) {
+            e.preventDefault();
+            e.stopPropagation();
+
+            if (!e.shiftKey) _indent(blks);
+            else _outdent(blks);
+
+            return false;
+          }
+        }
+      }, true);
+    }
+
+    return {
+      _init: _init,
+      format: format,
+      refresh: refresh
+    }
+  }
+
+  // Register the font size command.
+  $.FE.RegisterCommand('formatUL', {
+    title: 'Unordered List',
+    refresh: function ($btn) {
+      this.lists.refresh($btn, 'UL');
+    },
+    callback: function () {
+      this.lists.format('UL');
+    },
+    plugin: 'lists'
+  })
+
+  // Register the font size command.
+  $.FE.RegisterCommand('formatOL', {
+    title: 'Ordered List',
+    refresh: function ($btn) {
+      this.lists.refresh($btn, 'OL');
+    },
+    callback: function () {
+      this.lists.format('OL');
+    },
+    plugin: 'lists'
+  })
+
+  // Add the list icons.
+  $.FE.DefineIcon('formatUL', {
+    NAME: 'list-ul'
+  });
+
+  $.FE.DefineIcon('formatOL', {
+    NAME: 'list-ol'
+  });
+
+}));

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

@@ -0,0 +1,293 @@
+/*!
+ * 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, {
+    paragraphFormat: {
+      N: 'Normal',
+      H1: 'Heading 1',
+      H2: 'Heading 2',
+      H3: 'Heading 3',
+      H4: 'Heading 4',
+      PRE: 'Code'
+    },
+    paragraphFormatSelection: false
+  })
+
+  $.FE.PLUGINS.paragraphFormat = function (editor) {
+
+    /**
+     * Style content inside LI when LI is selected.
+     * This case happens only when the LI contains a nested list or when it has no block tag inside.
+     */
+    function _styleLiWithoutBlocks($li, val) {
+      var defaultTag = editor.html.defaultTag();
+
+      // If val is null or default tag already do nothing.
+      if (val && val.toLowerCase() != defaultTag) {
+        // Deal with nested lists.
+        if ($li.find('ul, ol').length > 0) {
+          var $el = $('<' + val + '>');
+          $li.prepend($el);
+          var node = editor.node.contents($li.get(0))[0];
+          while (node && ['UL', 'OL'].indexOf(node.tagName) < 0) {
+            var next_node = node.nextSibling;
+            $el.append(node);
+            node = next_node;
+          }
+        }
+
+        // Wrap list content.
+        else {
+          $li.html('<' + val + '>' + $li.html() + '</' + val + '>');
+        }
+      }
+    }
+
+    /**
+     * Style content inside LI.
+     */
+    function _styleLiWithBlocks($blk, val) {
+      var defaultTag = editor.html.defaultTag();
+
+      // Prepare a temp div.
+      if (!val) val = 'div class="fr-temp-div" data-empty="true"';
+
+      // In list we don't have P so just unwrap content.
+      if (val.toLowerCase() == defaultTag) {
+        $blk.replaceWith($blk.html());
+      }
+
+      // Replace the current block with the new one.
+      else {
+        $blk.replaceWith($('<' + val + '>').html($blk.html()));
+      }
+    }
+
+    /**
+     * Style content inside TD.
+     */
+    function _styleTdWithBlocks($blk, val) {
+      var defaultTag = editor.html.defaultTag();
+
+      // Prepare a temp div.
+      if (!val) val = 'div class="fr-temp-div"' + (editor.node.isEmpty($blk.get(0), true) ? ' data-empty="true"' : '');
+
+      // Return to the regular case. We don't use P inside TD/TH.
+      if (val.toLowerCase() == defaultTag) {
+        // If node is not empty, then add a BR.
+        if (!editor.node.isEmpty($blk.get(0), true)) {
+          $blk.append('<br/>');
+        }
+
+        $blk.replaceWith($blk.html());
+      }
+
+      // Replace with the new tag.
+      else {
+        $blk.replaceWith($('<' + val  + '>').html($blk.html()));
+      }
+    }
+
+    /**
+     * Basic style.
+     */
+    function _style($blk, val) {
+      if (!val) val = 'div class="fr-temp-div"' + (editor.node.isEmpty($blk.get(0), true) ? ' data-empty="true"' : '');
+      $blk.replaceWith($('<' + val  + ' ' + editor.node.attributes($blk.get(0)) + '>').html($blk.html()));
+    }
+
+    /**
+     * Apply style.
+     */
+    function apply (val) {
+      // Normal.
+      if (val == 'N') val = editor.html.defaultTag();
+
+      // Wrap.
+      editor.selection.save();
+      editor.html.wrap(true, true, true, true);
+      editor.selection.restore();
+
+      // Get blocks.
+      var blocks = editor.selection.blocks();
+
+      // Save selection to restore it later.
+      editor.selection.save();
+
+      editor.$el.find('pre').attr('skip', true);
+
+      // Go through each block and apply style to it.
+      for (var i = 0; i < blocks.length; i++) {
+        if (blocks[i].tagName != val && !editor.node.isList(blocks[i])) {
+          var $blk = $(blocks[i]);
+
+          // Style the content inside LI when there is selection right in LI.
+          if (blocks[i].tagName == 'LI') {
+            _styleLiWithoutBlocks($blk, val);
+          }
+
+          // Style the content inside LI when we have other tag in LI.
+          else if (blocks[i].parentNode.tagName == 'LI' && blocks[i]) {
+            _styleLiWithBlocks($blk, val);
+          }
+
+          // Style the content inside TD/TH.
+          else if (['TD', 'TH'].indexOf(blocks[i].parentNode.tagName) >= 0) {
+            _styleTdWithBlocks($blk, val);
+          }
+
+          // Regular case.
+          else {
+            _style($blk, val);
+          }
+        }
+      }
+
+      // Join PRE together.
+      editor.$el.find('pre:not([skip="true"]) + pre:not([skip="true"])').each(function () {
+        $(this).prev().append('<br>' + $(this).html());
+        $(this).remove();
+      });
+      editor.$el.find('pre').removeAttr('skip');
+
+      // Unwrap temp divs.
+      editor.html.unwrap();
+
+      // Restore selection.
+      editor.selection.restore();
+    }
+
+    function refreshOnShow($btn, $dropdown) {
+      var blocks = editor.selection.blocks();
+
+      if (blocks.length) {
+        var blk = blocks[0];
+        var tag = 'N';
+        var default_tag = editor.html.defaultTag();
+        if (blk.tagName.toLowerCase() != default_tag && blk != editor.$el.get(0)) {
+          tag = blk.tagName;
+        }
+
+        $dropdown.find('.fr-command[data-param1="' + tag + '"]').addClass('fr-active');
+      }
+      else {
+        $dropdown.find('.fr-command[data-param1="N"]').addClass('fr-active');
+      }
+    }
+
+    function refresh ($btn) {
+      if (editor.opts.paragraphFormatSelection) {
+        var blocks = editor.selection.blocks();
+
+        if (blocks.length) {
+          var blk = blocks[0];
+          var tag = 'N';
+          var default_tag = editor.html.defaultTag();
+          if (blk.tagName.toLowerCase() != default_tag && blk != editor.$el.get(0)) {
+            tag = blk.tagName;
+          }
+
+          if (['LI', 'TD', 'TH'].indexOf(tag) >= 0) {
+            tag = 'N';
+          }
+
+          $btn.find('> span').text(editor.opts.paragraphFormat[tag]);
+        }
+        else {
+          $btn.find('> span').text(editor.opts.paragraphFormat.N);
+        }
+      }
+    }
+
+    return {
+      apply: apply,
+      refreshOnShow: refreshOnShow,
+      refresh: refresh
+    }
+  }
+
+  // Register the font size command.
+  $.FE.RegisterShortcut($.FE.KEYCODE.ZERO, 'paragraphFormat', 'N', '0', false, true);
+  $.FE.RegisterShortcut($.FE.KEYCODE.ONE, 'paragraphFormat', 'H1', '1', false, true);
+  $.FE.RegisterShortcut($.FE.KEYCODE.TWO, 'paragraphFormat', 'H2', '2', false, true);
+  $.FE.RegisterShortcut($.FE.KEYCODE.THREE, 'paragraphFormat', 'H3', '3', false, true);
+  $.FE.RegisterShortcut($.FE.KEYCODE.FOUR, 'paragraphFormat', 'H4', '4', false, true);
+  $.FE.RegisterCommand('paragraphFormat', {
+    type: 'dropdown',
+    displaySelection: function (editor) {
+      return editor.opts.paragraphFormatSelection;
+    },
+    defaultSelection: 'Normal',
+    displaySelectionWidth: 100,
+    html: function () {
+      var c = '<ul class="fr-dropdown-list">';
+      var options =  this.opts.paragraphFormat;
+      for (var val in options) {
+        if (options.hasOwnProperty(val)) {
+          var shortcut = this.shortcuts.get('paragraphFormat.' + val);
+          if (shortcut) {
+            shortcut = '<span class="fr-shortcut">' + shortcut + '</span>';
+          }
+          else {
+            shortcut = '';
+          }
+
+          c += '<li><' + (val == 'N' ? this.html.defaultTag() || 'DIV' : val) + ' style="padding: 0 !important; margin: 0 !important;"><a class="fr-command" data-cmd="paragraphFormat" data-param1="' + val + '" title="' + this.language.translate(options[val]) + '">' + this.language.translate(options[val]) + '</a></' + (val == 'N' ? this.html.defaultTag() || 'DIV' : val) + '></li>';
+        }
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    title: 'Paragraph Format',
+    callback: function (cmd, val) {
+      this.paragraphFormat.apply(val);
+    },
+    refresh: function ($btn) {
+      this.paragraphFormat.refresh($btn);
+    },
+    refreshOnShow: function ($btn, $dropdown) {
+      this.paragraphFormat.refreshOnShow($btn, $dropdown);
+    },
+    plugin: 'paragraphFormat'
+  })
+
+  // Add the font size icon.
+  $.FE.DefineIcon('paragraphFormat', {
+    NAME: 'paragraph'
+  });
+
+}));