76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav GlassYUI.add('editor-lists', function(Y) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * Handles list manipulation inside the Editor. Adds keyboard manipulation and execCommand support. Adds overrides for the <a href="Plugin.ExecCommand.html#method_COMMANDS.insertorderedlist">insertorderedlist</a> and <a href="Plugin.ExecCommand.html#method_COMMANDS.insertunorderedlist">insertunorderedlist</a> execCommands.
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @class Plugin.EditorLists
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @constructor
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @extends Base
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @module editor
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @submodule editor-lists
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass var EditorLists = function() {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass EditorLists.superclass.constructor.apply(this, arguments);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }, LI = 'li', OL = 'ol', UL = 'ul', HOST = 'host';
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.extend(EditorLists, Y.Base, {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * Listener for host's nodeChange event and captures the tabkey interaction only when inside a list node.
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @private
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @method _onNodeChange
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @param {Event} e The Event facade passed from the host.
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass _onNodeChange: function(e) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass var inst = this.get(HOST).getInstance(), sel, li,
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass newLi, newList, sTab, par, moved = false, tag, focusEnd = false;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (e.changedType === 'tab') {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (e.changedNode.test(LI + ', ' + LI + ' *')) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.log('Overriding TAB to move lists around', 'info', 'editorLists');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass e.changedEvent.halt();
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass e.preventDefault();
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li = e.changedNode;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass sTab = e.changedEvent.shiftKey;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass par = li.ancestor(OL + ',' + UL);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass tag = UL;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (par.get('tagName').toLowerCase() === OL) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass tag = OL;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.log('ShiftKey: ' + sTab, 'info', 'editorLists');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (!li.test(LI)) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li = li.ancestor(LI);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (sTab) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (li.ancestor(LI)) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.log('Shifting list up one level', 'info', 'editorLists');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li.ancestor(LI).insert(li, 'after');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass moved = true;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass focusEnd = true;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass } else {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass //li.setStyle('border', '1px solid red');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (li.previous(LI)) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.log('Shifting list down one level', 'info', 'editorLists');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass newList = inst.Node.create('<' + tag + '></' + tag + '>');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li.previous(LI).append(newList);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass newList.append(li);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass moved = true;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (moved) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (!li.test(LI)) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li = li.ancestor(LI);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li.all(EditorLists.REMOVE).remove();
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (Y.UA.ie) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass li = li.append(EditorLists.NON).one(EditorLists.NON_SEL);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass //Selection here..
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.log('Selecting the new node', 'info', 'editorLists');
1d01372aa06d46fcbeeae1718c35cf404f412a85Dav Glass (new inst.EditorSelection()).selectNode(li, true, focusEnd);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass },
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass initializer: function() {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass this.get(HOST).on('nodeChange', Y.bind(this._onNodeChange, this));
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }, {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * The non element placeholder, used for positioning the cursor and filling empty items
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @property REMOVE
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @static
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass NON: '<span class="yui-non">&nbsp;</span>',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * The selector query to get all non elements
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @property NONSEL
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @static
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass NON_SEL: 'span.yui-non',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * The items to removed from a list when a list item is moved, currently removes BR nodes
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @property REMOVE
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @static
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass REMOVE: 'br',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * editorLists
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @property NAME
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @static
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass NAME: 'editorLists',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass /**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * lists
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @property NS
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @static
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass NS: 'lists',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass ATTRS: {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass host: {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass value: false
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass });
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.namespace('Plugin');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.Plugin.EditorLists = EditorLists;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
1a0da55d68119614551935eec3d221419c047068Dav Glass}, '@VERSION@' ,{skinnable:false, requires:['editor-base']});