1#@!#!123s

32767 1#@!#!123s
: / home5 / rakcha / www / app / assets / bundles / editable-table /
Filename : mindmup-editabletable.js
back
/*global $, window*/

$.fn.editableTableWidget = function (options) {

	'use strict';

	return $(this).each(function () {

		var buildDefaultOptions = function () {

				var opts = $.extend({}, $.fn.editableTableWidget.defaultOptions);

				opts.editor = opts.editor.clone();

				return opts;

			},

			activeOptions = $.extend(buildDefaultOptions(), options),

			ARROW_LEFT = 37, ARROW_UP = 38, ARROW_RIGHT = 39, ARROW_DOWN = 40, ENTER = 13, ESC = 27, TAB = 9,

			element = $(this),

			editor = activeOptions.editor.css('position', 'absolute').hide().appendTo(element.parent()),

			active,

			showEditor = function (select) {

				active = element.find('td:focus');

				if (active.length) {

					editor.val(active.text())

						.removeClass('error')

						.show()

						.offset(active.offset())

						.css(active.css(activeOptions.cloneProperties))

						.width(active.width())

						.height(active.height())

						.focus();

					if (select) {

						editor.select();

					}

				}

			},

			setActiveText = function () {

				var text = editor.val(),

					evt = $.Event('change'),

					originalContent;

				if (active.text() === text || editor.hasClass('error')) {

					return true;

				}

				originalContent = active.html();

				active.text(text).trigger(evt, text);

				if (evt.result === false) {

					active.html(originalContent);

				}

			},

			movement = function (element, keycode) {

				if (keycode === ARROW_RIGHT) {

					return element.next('td');

				} else if (keycode === ARROW_LEFT) {

					return element.prev('td');

				} else if (keycode === ARROW_UP) {

					return element.parent().prev().children().eq(element.index());

				} else if (keycode === ARROW_DOWN) {

					return element.parent().next().children().eq(element.index());

				}

				return [];

			};

		editor.blur(function () {

			setActiveText();

			editor.hide();

		}).keydown(function (e) {

			if (e.which === ENTER) {

				setActiveText();

				editor.hide();

				active.focus();

				e.preventDefault();

				e.stopPropagation();

			} else if (e.which === ESC) {

				editor.val(active.text());

				e.preventDefault();

				e.stopPropagation();

				editor.hide();

				active.focus();

			} else if (e.which === TAB) {

				active.focus();

			} else if (this.selectionEnd - this.selectionStart === this.value.length) {

				var possibleMove = movement(active, e.which);

				if (possibleMove.length > 0) {

					possibleMove.focus();

					e.preventDefault();

					e.stopPropagation();

				}

			}

		})

		.on('input paste', function () {

			var evt = $.Event('validate');

			active.trigger(evt, editor.val());

			if (evt.result === false) {

				editor.addClass('error');

			} else {

				editor.removeClass('error');

			}

		});

		element.on('click keypress dblclick', showEditor)

		.css('cursor', 'pointer')

		.keydown(function (e) {

			var prevent = true,

				possibleMove = movement($(e.target), e.which);

			if (possibleMove.length > 0) {

				possibleMove.focus();

			} else if (e.which === ENTER) {

				showEditor(false);

			} else if (e.which === 17 || e.which === 91 || e.which === 93) {

				showEditor(true);

				prevent = false;

			} else {

				prevent = false;

			}

			if (prevent) {

				e.stopPropagation();

				e.preventDefault();

			}

		});



		element.find('td').prop('tabindex', 1);



		$(window).on('resize', function () {

			if (editor.is(':visible')) {

				editor.offset(active.offset())

				.width(active.width())

				.height(active.height());

			}

		});

	});



};

$.fn.editableTableWidget.defaultOptions = {

	cloneProperties: ['padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right',

					  'text-align', 'font', 'font-size', 'font-family', 'font-weight',

					  'border', 'border-top', 'border-bottom', 'border-left', 'border-right'],

	editor: $('<input>')

};