wbase 0.0.14 → 0.0.15

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/main/js/tinymce/inlite/ui/Panel.js

@@ -0,0 +1,218 @@
+/**
+ * Panel.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+define('tinymce/inlite/ui/Panel', [
+	'global!tinymce.util.Tools',
+	'global!tinymce.ui.Factory',
+	'global!tinymce.DOM',
+	'tinymce/inlite/ui/Toolbar',
+	'tinymce/inlite/ui/Forms',
+	'tinymce/inlite/core/Measure',
+	'tinymce/inlite/core/Layout'
+], function (Tools, Factory, DOM, Toolbar, Forms, Measure, Layout) {
+	return function () {
+		var DEFAULT_TEXT_SELECTION_ITEMS = 'bold italic | quicklink h2 h3 blockquote';
+		var DEFAULT_INSERT_TOOLBAR_ITEMS = 'quickimage quicktable';
+		var panel, currentRect;
+
+		var createToolbars = function (editor, toolbars) {
+			return Tools.map(toolbars, function (toolbar) {
+				return Toolbar.create(editor, toolbar.id, toolbar.items);
+			});
+		};
+
+		var getTextSelectionToolbarItems = function (settings) {
+			var value = settings.selection_toolbar;
+			return value ? value : DEFAULT_TEXT_SELECTION_ITEMS;
+		};
+
+		var getInsertToolbarItems = function (settings) {
+			var value = settings.insert_toolbar;
+			return value ? value : DEFAULT_INSERT_TOOLBAR_ITEMS;
+		};
+
+		var create = function (editor, toolbars) {
+			var items, settings = editor.settings;
+
+			items = createToolbars(editor, toolbars);
+			items = items.concat([
+				Toolbar.create(editor, 'text', getTextSelectionToolbarItems(settings)),
+				Toolbar.create(editor, 'insert', getInsertToolbarItems(settings)),
+				Forms.createQuickLinkForm(editor, hide)
+			]);
+
+			return Factory.create({
+				type: 'floatpanel',
+				role: 'dialog',
+				classes: 'tinymce tinymce-inline arrow',
+				ariaLabel: 'Inline toolbar',
+				layout: 'flex',
+				direction: 'column',
+				align: 'stretch',
+				autohide: false,
+				autofix: true,
+				fixed: true,
+				border: 1,
+				items: items,
+				oncancel: function() {
+					editor.focus();
+				}
+			});
+		};
+
+		var showPanel = function (panel) {
+			if (panel) {
+				panel.show();
+			}
+		};
+
+		var movePanelTo = function (panel, pos) {
+			panel.moveTo(pos.x, pos.y);
+		};
+
+		var togglePositionClass = function (panel, relPos) {
+			relPos = relPos ? relPos.substr(0, 2) : '';
+
+			Tools.each({
+				t: 'down',
+				b: 'up',
+				c: 'center'
+			}, function(cls, pos) {
+				panel.classes.toggle('arrow-' + cls, pos === relPos.substr(0, 1));
+			});
+
+			if (relPos === 'cr') {
+				panel.classes.toggle('arrow-left', true);
+				panel.classes.toggle('arrow-right', false);
+			} else if (relPos === 'cl') {
+				panel.classes.toggle('arrow-left', true);
+				panel.classes.toggle('arrow-right', true);
+			} else {
+				Tools.each({
+					l: 'left',
+					r: 'right'
+				}, function(cls, pos) {
+					panel.classes.toggle('arrow-' + cls, pos === relPos.substr(1, 1));
+				});
+			}
+		};
+
+		var showToolbar = function (panel, id) {
+			var toolbars = panel.items().filter('#' + id);
+
+			if (toolbars.length > 0) {
+				toolbars[0].show();
+				panel.reflow();
+			}
+		};
+
+		var showPanelAt = function (panel, id, editor, targetRect) {
+			var contentAreaRect, panelRect, result, userConstainHandler;
+
+			showPanel(panel);
+			panel.items().hide();
+			showToolbar(panel, id);
+
+			userConstainHandler = editor.settings.inline_toolbar_position_handler;
+			contentAreaRect = Measure.getContentAreaRect(editor);
+			panelRect = DOM.getRect(panel.getEl());
+
+			if (id === 'insert') {
+				result = Layout.calcInsert(targetRect, contentAreaRect, panelRect);
+			} else {
+				result = Layout.calc(targetRect, contentAreaRect, panelRect);
+			}
+
+			if (result) {
+				panelRect = result.rect;
+				currentRect = targetRect;
+				movePanelTo(panel, Layout.userConstrain(userConstainHandler, targetRect, contentAreaRect, panelRect));
+
+				togglePositionClass(panel, result.position);
+			} else {
+				hide(panel);
+			}
+		};
+
+		var hasFormVisible = function () {
+			return panel.items().filter('form:visible').length > 0;
+		};
+
+		var showForm = function (editor, id) {
+			if (panel) {
+				panel.items().hide();
+				showToolbar(panel, id);
+
+				var contentAreaRect, panelRect, result, userConstainHandler;
+
+				showPanel(panel);
+				panel.items().hide();
+				showToolbar(panel, id);
+
+				userConstainHandler = editor.settings.inline_toolbar_position_handler;
+				contentAreaRect = Measure.getContentAreaRect(editor);
+				panelRect = DOM.getRect(panel.getEl());
+
+				result = Layout.calc(currentRect, contentAreaRect, panelRect);
+
+				if (result) {
+					panelRect = result.rect;
+					movePanelTo(panel, Layout.userConstrain(userConstainHandler, currentRect, contentAreaRect, panelRect));
+
+					togglePositionClass(panel, result.position);
+				}
+			}
+		};
+
+		var show = function (editor, id, targetRect, toolbars) {
+			if (!panel) {
+				panel = create(editor, toolbars);
+				panel.renderTo(document.body).reflow().moveTo(targetRect.x, targetRect.y);
+				editor.nodeChanged();
+			}
+
+			showPanelAt(panel, id, editor, targetRect);
+		};
+
+		var hide = function () {
+			if (panel) {
+				panel.hide();
+			}
+		};
+
+		var focus = function () {
+			if (panel) {
+				panel.find('toolbar:visible').eq(0).each(function (item) {
+					item.focus(true);
+				});
+			}
+		};
+
+		var remove = function () {
+			if (panel) {
+				panel.remove();
+				panel = null;
+			}
+		};
+
+		var inForm = function () {
+			return panel && panel.visible() && hasFormVisible();
+		};
+
+		return {
+			show: show,
+			showForm: showForm,
+			inForm: inForm,
+			hide: hide,
+			focus: focus,
+			remove: remove
+		};
+	};
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/main/js/tinymce/inlite/ui/Toolbar.js

@@ -0,0 +1,126 @@
+/**
+ * Toolbar.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+define('tinymce/inlite/ui/Toolbar', [
+	'global!tinymce.util.Tools',
+	'global!tinymce.ui.Factory'
+], function (Tools, Factory) {
+	var setActiveItem = function (item, name) {
+		return function(state, args) {
+			var nodeName, i = args.parents.length;
+
+			while (i--) {
+				nodeName = args.parents[i].nodeName;
+				if (nodeName == 'OL' || nodeName == 'UL') {
+					break;
+				}
+			}
+
+			item.active(state && nodeName == name);
+		};
+	};
+
+	var getSelectorStateResult = function (itemName, item) {
+		var result = function (selector, handler) {
+			return {
+				selector: selector,
+				handler: handler
+			};
+		};
+
+		var activeHandler = function(state) {
+			item.active(state);
+		};
+
+		var disabledHandler = function (state) {
+			item.disabled(state);
+		};
+
+		if (itemName == 'bullist') {
+			return result('ul > li', setActiveItem(item, 'UL'));
+		}
+
+		if (itemName == 'numlist') {
+			return result('ol > li', setActiveItem(item, 'OL'));
+		}
+
+		if (item.settings.stateSelector) {
+			return result(item.settings.stateSelector, activeHandler);
+		}
+
+		if (item.settings.disabledStateSelector) {
+			return result(item.settings.disabledStateSelector, disabledHandler);
+		}
+
+		return null;
+	};
+
+	var bindSelectorChanged = function (editor, itemName, item) {
+		return function () {
+			var result = getSelectorStateResult(itemName, item);
+			if (result !== null) {
+				editor.selection.selectorChanged(result.selector, result.handler);
+			}
+		};
+	};
+
+	var create = function (editor, name, items) {
+		var toolbarItems = [], buttonGroup;
+
+		if (!items) {
+			return;
+		}
+
+		Tools.each(items.split(/[ ,]/), function(item) {
+			var itemName;
+
+			if (item == '|') {
+				buttonGroup = null;
+			} else {
+				if (Factory.has(item)) {
+					item = {type: item};
+					toolbarItems.push(item);
+					buttonGroup = null;
+				} else {
+					if (!buttonGroup) {
+						buttonGroup = {type: 'buttongroup', items: []};
+						toolbarItems.push(buttonGroup);
+					}
+
+					if (editor.buttons[item]) {
+						itemName = item;
+						item = editor.buttons[itemName];
+
+						if (typeof item == 'function') {
+							item = item();
+						}
+
+						item.type = item.type || 'button';
+
+						item = Factory.create(item);
+						item.on('postRender', bindSelectorChanged(editor, itemName, item));
+						buttonGroup.items.push(item);
+					}
+				}
+			}
+		});
+
+		return Factory.create({
+			type: 'toolbar',
+			layout: 'flow',
+			name: name,
+			items: toolbarItems
+		});
+	};
+
+	return {
+		create: create
+	};
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/test/js/atomic/alien/ArrTest.js

@@ -0,0 +1,9 @@
+test('atomic/alien/ArrTest', [
+	'tinymce/inlite/alien/Arr'
+], function (Arr) {
+	var testFlatten = function () {
+		assert.eq(Arr.flatten([1, 2, [3, 4, [5, 6]], [7, 8], 9]), [1, 2, 3, 4, 5, 6, 7, 8, 9]);
+	};
+
+	testFlatten();
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/test/js/atomic/alien/UuidTest.js

@@ -0,0 +1,10 @@
+test('atomic/alien/UuidTest', [
+	'tinymce/inlite/alien/Uuid'
+], function (Uuid) {
+	var testUuid = function () {
+		assert.eq(Uuid.uuid('mce').indexOf('mce'), 0);
+		assert.eq(Uuid.uuid('mce') !== Uuid.uuid('mce'), true);
+	};
+
+	testUuid();
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/test/js/atomic/core/ConvertTest.js

@@ -0,0 +1,12 @@
+test('atomic/core/ConvertTest', [
+	'tinymce/inlite/core/Convert'
+], function (Convert) {
+	var testConvert = function () {
+		assert.eq({x: 1, y: 2, w: 3, h: 4}, Convert.fromClientRect({left: 1, top: 2, width: 3, height: 4}));
+		assert.eq({x: 2, y: 3, w: 4, h: 5}, Convert.fromClientRect({left: 2, top: 3, width: 4, height: 5}));
+		assert.eq({left: 1, top: 2, width: 3, height: 4, bottom: 2 + 4, right: 1 + 3}, Convert.toClientRect({x: 1, y: 2, w: 3, h: 4}));
+		assert.eq({left: 2, top: 3, width: 4, height: 5, bottom: 3 + 5, right: 2 + 4}, Convert.toClientRect({x: 2, y: 3, w: 4, h: 5}));
+	};
+
+	testConvert();
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/test/js/atomic/core/MatcherTest.js

@@ -0,0 +1,51 @@
+test('browser/atomic/MatcherTest', [
+	'tinymce/inlite/core/Matcher'
+], function (Matcher) {
+	var testMatch = function (mockEditor, matches, expectedResult) {
+		var result;
+
+		result = Matcher.match(mockEditor, matches);
+		assert.eq(expectedResult, result);
+	};
+
+	var match = function (key) {
+		return function (editor) {
+			return editor[key];
+		};
+	};
+
+	var testMatcher = function () {
+		var mockEditor = {
+			success1: 'success1',
+			success2: 'success2',
+			failure: null
+		};
+
+		testMatch(mockEditor, [
+			match('success1')
+		], 'success1');
+
+		testMatch(mockEditor, [
+			match(null),
+			match('success2')
+		], 'success2');
+
+		testMatch(mockEditor, [
+			match('success1'),
+			match('success2')
+		], 'success1');
+
+		testMatch(mockEditor, [
+			match(null)
+		], null);
+
+		testMatch(mockEditor, [
+			match(null),
+			match(null)
+		], null);
+
+		testMatch(mockEditor, [], null);
+	};
+
+	testMatcher();
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/test/js/atomic/core/UrlTypeTest.js

@@ -0,0 +1,33 @@
+test('atomic/core/UrlTypeTest', [
+	'tinymce/inlite/core/UrlType'
+], function (UrlType) {
+	var testIsDomainLike = function () {
+		var mostUsedTopLevelDomains = [
+			'com', 'org', 'edu', 'gov', 'uk', 'net', 'ca', 'de', 'jp',
+			'fr', 'au', 'us', 'ru', 'ch', 'it', 'nl', 'se', 'no', 'es', 'mil'
+		];
+
+		assert.eq(UrlType.isDomainLike('www.site.com'), true);
+		assert.eq(UrlType.isDomainLike('www.site.xyz'), true);
+		assert.eq(UrlType.isDomainLike('   www.site.xyz'), true);
+		assert.eq(UrlType.isDomainLike('site.xyz'), false);
+
+		mostUsedTopLevelDomains.forEach(function (tld) {
+			assert.eq(UrlType.isDomainLike('site.' + tld), true);
+			assert.eq(UrlType.isDomainLike('  site.' + tld), true);
+			assert.eq(UrlType.isDomainLike('site.' + tld + '  '), true);
+		});
+
+		assert.eq(UrlType.isDomainLike('/a/b'), false);
+	};
+
+	var testIsAbsoluteUrl = function () {
+		assert.eq(UrlType.isAbsolute('http://www.site.com'), true);
+		assert.eq(UrlType.isAbsolute('https://www.site.com'), true);
+		assert.eq(UrlType.isAbsolute('www.site.com'), false);
+		assert.eq(UrlType.isAbsolute('file.gif'), false);
+	};
+
+	testIsDomainLike();
+	testIsAbsoluteUrl();
+});

data/app/assets/javascripts/wbase/admin/tinymce/themes/inlite/src/test/js/browser/ThemeTest.js

@@ -0,0 +1,202 @@
+asynctest('browser/core/ThemeTest', [
+	'ephox.mcagar.api.TinyLoader',
+	'ephox.mcagar.api.TinyApis',
+	'ephox.mcagar.api.TinyActions',
+	'ephox.mcagar.api.TinyDom',
+	'tinymce/inlite/Theme',
+	'ephox.agar.api.Pipeline',
+	'ephox.agar.api.Chain',
+	'ephox.agar.api.UiFinder',
+	'ephox.agar.api.Mouse',
+	'ephox.agar.api.GeneralSteps',
+	'ephox.agar.api.UiControls',
+	'ephox.agar.api.FocusTools'
+], function (TinyLoader, TinyApis, TinyActions, TinyDom, Theme, Pipeline, Chain, UiFinder, Mouse, GeneralSteps, UiControls, FocusTools) {
+	var success = arguments[arguments.length - 2];
+	var failure = arguments[arguments.length - 1];
+	var dialogRoot = TinyDom.fromDom(document.body);
+
+	var cWaitForContextToolbar = Chain.fromChainsWith(dialogRoot, [
+		UiFinder.cWaitForState('label', '.mce-tinymce-inline', function (elm) {
+			return elm.dom().style.display === "";
+		})
+	]);
+
+	var cClickToolbarButton = function (ariaLabel) {
+		return Chain.fromChains([
+			UiFinder.cFindIn('div[aria-label="' + ariaLabel + '"]'),
+			Mouse.cTrueClick
+		]);
+	};
+
+	var sClickFocusedButton = Chain.asStep(TinyDom.fromDom(document), [
+		FocusTools.cGetFocused,
+		Mouse.cTrueClick
+	]);
+
+	var sClickContextButton = function (ariaLabel) {
+		return Chain.asStep({}, [
+			cWaitForContextToolbar,
+			cClickToolbarButton(ariaLabel)
+		]);
+	};
+
+	var sWaitForToolbar = function () {
+		return Chain.asStep({}, [
+			cWaitForContextToolbar
+		]);
+	};
+
+	var sBoldTests = function (tinyApis) {
+		return GeneralSteps.sequence([
+			tinyApis.sSetContent('<p>a</p>'),
+			tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
+			sClickContextButton('Bold'),
+			tinyApis.sAssertContent('<p><strong>a</strong></p>')
+		]);
+	};
+
+	var sH2Tests = function (tinyApis) {
+		return GeneralSteps.sequence([
+			tinyApis.sSetContent('<p>a</p>'),
+			tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
+			sClickContextButton('Heading 2'),
+			tinyApis.sAssertContent('<h2>a</h2>')
+		]);
+	};
+
+	var sInsertLink = function (url) {
+		return Chain.asStep({}, [
+			cWaitForContextToolbar,
+			cClickToolbarButton('Insert/Edit link'),
+			cWaitForContextToolbar,
+			UiFinder.cFindIn('input'),
+			UiControls.cSetValue(url),
+			cWaitForContextToolbar,
+			cClickToolbarButton('Ok')
+		]);
+	};
+
+	var cWaitForConfirmDialog = Chain.fromChainsWith(dialogRoot, [
+		UiFinder.cWaitForState('window element', '.mce-window', function () {
+			return true;
+		})
+	]);
+
+	var cClickButton = function (btnText) {
+		return Chain.fromChains([
+			UiFinder.cFindIn('button:contains("' + btnText + '")'),
+			Mouse.cTrueClick
+		]);
+	};
+
+	var sClickConfirmButton = function (btnText) {
+		return Chain.asStep({}, [
+			cWaitForConfirmDialog,
+			cClickButton(btnText)
+		]);
+	};
+
+	var sInsertLinkConfirmPrefix = function (url, btnText) {
+		return GeneralSteps.sequence([
+			sInsertLink(url),
+			sClickConfirmButton(btnText)
+		]);
+	};
+
+	var sUnlink = Chain.asStep({}, [
+		cWaitForContextToolbar,
+		cClickToolbarButton('Insert/Edit link'),
+		cWaitForContextToolbar,
+		cClickToolbarButton('Remove link')
+	]);
+
+	var sLinkTests = function (tinyApis) {
+		var sContentActionTest = function (inputHtml, spath, soffset, fpath, foffset, expectedHtml, sAction) {
+			return GeneralSteps.sequence([
+				tinyApis.sSetContent(inputHtml),
+				tinyApis.sSetSelection(spath, soffset, fpath, foffset),
+				sAction,
+				tinyApis.sAssertContent(expectedHtml)
+			]);
+		};
+
+		var sLinkTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
+			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLink(url));
+		};
+
+		var sUnlinkTest = function (inputHtml, spath, soffset, fpath, foffset, expectedHtml) {
+			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sUnlink);
+		};
+
+		var sLinkWithConfirmOkTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
+			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLinkConfirmPrefix(url, 'Ok'));
+		};
+
+		var sLinkWithConfirmCancelTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
+			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLinkConfirmPrefix(url, 'Cancel'));
+		};
+
+		return GeneralSteps.sequence([
+			sLinkWithConfirmOkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, 'www.site.com', '<p><a href="http://www.site.com">a</a></p>'),
+			sLinkWithConfirmCancelTest('<p>a</p>', [0, 0], 0, [0, 0], 1, 'www.site.com', '<p><a href="www.site.com">a</a></p>'),
+			sLinkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, '#1', '<p><a href="#1">a</a></p>'),
+			sLinkTest('<p><a id="x" href="#1">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '#2', '<p><a id="x" href="#2">a</a></p>'),
+			sLinkTest('<p><a href="#3">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '', '<p>a</p>'),
+			sUnlinkTest('<p><a id="x" href="#1">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '<p>a</p>')
+		]);
+	};
+
+	var sInsertTableTests = function (tinyApis) {
+		return GeneralSteps.sequence([
+			tinyApis.sSetContent('<p><br></p><p>b</p>'),
+			tinyApis.sSetCursor([0], 0),
+			sClickContextButton('Insert table'),
+			tinyApis.sAssertContent([
+					'<table style="width: 100%;">',
+						'<tbody>',
+							'<tr>',
+								'<td>&nbsp;</td>',
+								'<td>&nbsp;</td>',
+							'</tr>',
+							'<tr>',
+								'<td>&nbsp;</td>',
+								'<td>&nbsp;</td>',
+							'</tr>',
+						'</tbody>',
+					'</table>',
+					'<p>b</p>'
+				].join('\n')
+			)
+		]);
+	};
+
+	var sAriaTests = function (tinyApis, tinyActions) {
+		return GeneralSteps.sequence([
+			tinyApis.sSetContent('<p>a</p>'),
+			tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
+			sWaitForToolbar(),
+			tinyActions.sContentKeydown(121, {alt: true}),
+			sClickFocusedButton,
+			tinyApis.sAssertContent('<p><strong>a</strong></p>')
+		]);
+	};
+
+	TinyLoader.setup(function (editor, onSuccess, onFailure) {
+		var tinyApis = TinyApis(editor), tinyActions = TinyActions(editor);
+
+		Pipeline.async({}, [
+			sBoldTests(tinyApis),
+			sH2Tests(tinyApis),
+			sLinkTests(tinyApis),
+			sInsertTableTests(tinyApis),
+			sAriaTests(tinyApis, tinyActions)
+		], onSuccess, onFailure);
+	}, {
+		theme: 'inlite',
+		plugins: 'image table link paste contextmenu textpattern',
+		insert_toolbar: 'quickimage media quicktable',
+		selection_toolbar: 'bold italic | quicklink h1 h2 blockquote',
+		inline: true
+	}, success, failure);
+});