spiderfw 0.6.38 → 0.6.39

data/apps/core/components/public/js/tinymce/classes/ui/MessageBox.js

@@ -0,0 +1,202 @@
+/**
+ * MessageBox.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * This class is used to create MessageBoxes like alerts/confirms etc.
+ *
+ * @class tinymce.ui.MessageBox
+ * @extends tinymce.ui.FloatPanel
+ */
+define("tinymce/ui/MessageBox", [
+	"tinymce/ui/Window"
+], function(Window) {
+	"use strict";
+
+	var MessageBox = Window.extend({
+		/**
+		 * Constructs a instance with the specified settings.
+		 *
+		 * @constructor
+		 * @param {Object} settings Name/value object with settings.
+		 */
+		init: function(settings) {
+			settings = {
+				border: 1,
+				padding: 20,
+				layout: 'flex',
+				pack: "center",
+				align: "center",
+				containerCls: 'panel',
+				autoScroll: true,
+				buttons: {type: "button", text: "Ok", action: "ok"},
+				items: {
+					type: "label",
+					multiline: true,
+					maxWidth: 500,
+					maxHeight: 200
+				}
+			};
+
+			this._super(settings);
+		},
+
+		Statics: {
+			/**
+			 * Ok buttons constant.
+			 *
+			 * @static
+			 * @final
+			 * @field {Number} OK
+			 */
+			OK: 1,
+
+			/**
+			 * Ok/cancel buttons constant.
+			 *
+			 * @static
+			 * @final
+			 * @field {Number} OK_CANCEL
+			 */
+			OK_CANCEL: 2,
+
+			/**
+			 * yes/no buttons constant.
+			 *
+			 * @static
+			 * @final
+			 * @field {Number} YES_NO
+			 */
+			YES_NO: 3,
+
+			/**
+			 * yes/no/cancel buttons constant.
+			 *
+			 * @static
+			 * @final
+			 * @field {Number} YES_NO_CANCEL
+			 */
+			YES_NO_CANCEL: 4,
+
+			/**
+			 * Constructs a new message box and renders it to the body element.
+			 *
+			 * @static
+			 * @method msgBox
+			 * @param {Object} settings Name/value object with settings.
+			 */
+			msgBox: function(settings) {
+				var buttons, callback = settings.callback || function() {};
+
+				function createButton(text, status, primary) {
+					return {
+						type: "button",
+						text: text,
+						subtype: primary ? 'primary' : '',
+						onClick: function(e) {
+							e.control.parents()[1].close();
+							callback(status);
+						}
+					};
+				}
+
+				switch (settings.buttons) {
+					case MessageBox.OK_CANCEL:
+						buttons = [
+							createButton('Ok', true, true),
+							createButton('Cancel', false)
+						];
+						break;
+
+					case MessageBox.YES_NO:
+					case MessageBox.YES_NO_CANCEL:
+						buttons = [
+							createButton('Yes', 1, true),
+							createButton('No', 0)
+						];
+
+						if (settings.buttons == MessageBox.YES_NO_CANCEL) {
+							buttons.push(createButton('Cancel', -1));
+						}
+						break;
+
+					default:
+						buttons = [
+							createButton('Ok', true, true)
+						];
+						break;
+				}
+
+				return new Window({
+					padding: 20,
+					x: settings.x,
+					y: settings.y,
+					minWidth: 300,
+					minHeight: 100,
+					layout: "flex",
+					pack: "center",
+					align: "center",
+					buttons: buttons,
+					title: settings.title,
+					role: 'alertdialog',
+					items: {
+						type: "label",
+						multiline: true,
+						maxWidth: 500,
+						maxHeight: 200,
+						text: settings.text
+					},
+					onPostRender: function() {
+						this.aria('describedby', this.items()[0]._id);
+					},
+					onClose: settings.onClose,
+					onCancel: function() {
+						callback(false);
+					}
+				}).renderTo(document.body).reflow();
+			},
+
+			/**
+			 * Creates a new alert dialog.
+			 *
+			 * @method alert
+			 * @param {Object} settings Settings for the alert dialog.
+			 * @param {function} [callback] Callback to execute when the user makes a choice.
+			 */
+			alert: function(settings, callback) {
+				if (typeof settings == "string") {
+					settings = {text: settings};
+				}
+
+				settings.callback = callback;
+				return MessageBox.msgBox(settings);
+			},
+
+			/**
+			 * Creates a new confirm dialog.
+			 *
+			 * @method confirm
+			 * @param {Object} settings Settings for the confirm dialog.
+			 * @param {function} [callback] Callback to execute when the user makes a choice.
+			 */
+			confirm: function(settings, callback) {
+				if (typeof settings == "string") {
+					settings = {text: settings};
+				}
+
+				settings.callback = callback;
+				settings.buttons = MessageBox.OK_CANCEL;
+
+				return MessageBox.msgBox(settings);
+			}
+		}
+	});
+
+	return MessageBox;
+});

data/apps/core/components/public/js/tinymce/classes/ui/Movable.js

@@ -0,0 +1,200 @@
+/**
+ * Movable.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Movable mixin. Makes controls movable absolute and relative to other elements.
+ *
+ * @mixin tinymce.ui.Movable
+ */
+define("tinymce/ui/Movable", [
+	"tinymce/ui/DomUtils"
+], function(DomUtils) {
+	"use strict";
+
+	function calculateRelativePosition(ctrl, targetElm, rel) {
+		var ctrlElm, pos, x, y, selfW, selfH, targetW, targetH, viewport, size;
+
+		viewport = DomUtils.getViewPort();
+
+		// Get pos of target
+		pos = DomUtils.getPos(targetElm);
+		x = pos.x;
+		y = pos.y;
+
+		if (ctrl.state.get('fixed') && DomUtils.getRuntimeStyle(document.body, 'position') == 'static') {
+			x -= viewport.x;
+			y -= viewport.y;
+		}
+
+		// Get size of self
+		ctrlElm = ctrl.getEl();
+		size = DomUtils.getSize(ctrlElm);
+		selfW = size.width;
+		selfH = size.height;
+
+		// Get size of target
+		size = DomUtils.getSize(targetElm);
+		targetW = size.width;
+		targetH = size.height;
+
+		// Parse align string
+		rel = (rel || '').split('');
+
+		// Target corners
+		if (rel[0] === 'b') {
+			y += targetH;
+		}
+
+		if (rel[1] === 'r') {
+			x += targetW;
+		}
+
+		if (rel[0] === 'c') {
+			y += Math.round(targetH / 2);
+		}
+
+		if (rel[1] === 'c') {
+			x += Math.round(targetW / 2);
+		}
+
+		// Self corners
+		if (rel[3] === 'b') {
+			y -= selfH;
+		}
+
+		if (rel[4] === 'r') {
+			x -= selfW;
+		}
+
+		if (rel[3] === 'c') {
+			y -= Math.round(selfH / 2);
+		}
+
+		if (rel[4] === 'c') {
+			x -= Math.round(selfW / 2);
+		}
+
+		return {
+			x: x,
+			y: y,
+			w: selfW,
+			h: selfH
+		};
+	}
+
+	return {
+		/**
+		 * Tests various positions to get the most suitable one.
+		 *
+		 * @method testMoveRel
+		 * @param {DOMElement} elm Element to position against.
+		 * @param {Array} rels Array with relative positions.
+		 * @return {String} Best suitable relative position.
+		 */
+		testMoveRel: function(elm, rels) {
+			var viewPortRect = DomUtils.getViewPort();
+
+			for (var i = 0; i < rels.length; i++) {
+				var pos = calculateRelativePosition(this, elm, rels[i]);
+
+				if (this.state.get('fixed')) {
+					if (pos.x > 0 && pos.x + pos.w < viewPortRect.w && pos.y > 0 && pos.y + pos.h < viewPortRect.h) {
+						return rels[i];
+					}
+				} else {
+					if (pos.x > viewPortRect.x && pos.x + pos.w < viewPortRect.w + viewPortRect.x &&
+						pos.y > viewPortRect.y && pos.y + pos.h < viewPortRect.h + viewPortRect.y) {
+						return rels[i];
+					}
+				}
+			}
+
+			return rels[0];
+		},
+
+		/**
+		 * Move relative to the specified element.
+		 *
+		 * @method moveRel
+		 * @param {Element} elm Element to move relative to.
+		 * @param {String} rel Relative mode. For example: br-tl.
+		 * @return {tinymce.ui.Control} Current control instance.
+		 */
+		moveRel: function(elm, rel) {
+			if (typeof rel != 'string') {
+				rel = this.testMoveRel(elm, rel);
+			}
+
+			var pos = calculateRelativePosition(this, elm, rel);
+			return this.moveTo(pos.x, pos.y);
+		},
+
+		/**
+		 * Move by a relative x, y values.
+		 *
+		 * @method moveBy
+		 * @param {Number} dx Relative x position.
+		 * @param {Number} dy Relative y position.
+		 * @return {tinymce.ui.Control} Current control instance.
+		 */
+		moveBy: function(dx, dy) {
+			var self = this, rect = self.layoutRect();
+
+			self.moveTo(rect.x + dx, rect.y + dy);
+
+			return self;
+		},
+
+		/**
+		 * Move to absolute position.
+		 *
+		 * @method moveTo
+		 * @param {Number} x Absolute x position.
+		 * @param {Number} y Absolute y position.
+		 * @return {tinymce.ui.Control} Current control instance.
+		 */
+		moveTo: function(x, y) {
+			var self = this;
+
+			// TODO: Move this to some global class
+			function constrain(value, max, size) {
+				if (value < 0) {
+					return 0;
+				}
+
+				if (value + size > max) {
+					value = max - size;
+					return value < 0 ? 0 : value;
+				}
+
+				return value;
+			}
+
+			if (self.settings.constrainToViewport) {
+				var viewPortRect = DomUtils.getViewPort(window);
+				var layoutRect = self.layoutRect();
+
+				x = constrain(x, viewPortRect.w + viewPortRect.x, layoutRect.w);
+				y = constrain(y, viewPortRect.h + viewPortRect.y, layoutRect.h);
+			}
+
+			if (self.state.get('rendered')) {
+				self.layoutRect({x: x, y: y}).repaint();
+			} else {
+				self.settings.x = x;
+				self.settings.y = y;
+			}
+
+			self.fire('move', {x: x, y: y});
+
+			return self;
+		}
+	};
+});

data/apps/core/components/public/js/tinymce/classes/ui/Notification.js

@@ -0,0 +1,154 @@
+/**
+ * Notification.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Creates a notification instance.
+ *
+ * @-x-less Notification.less
+ * @class tinymce.ui.Notification
+ * @extends tinymce.ui.Container
+ * @mixes tinymce.ui.Movable
+ */
+define("tinymce/ui/Notification", [
+	"tinymce/ui/Control",
+	"tinymce/ui/Movable",
+	"tinymce/ui/Progress",
+	"tinymce/util/Delay"
+], function(Control, Movable, Progress, Delay) {
+	return Control.extend({
+		Mixins: [Movable],
+
+		Defaults: {
+			classes: 'widget notification'
+		},
+
+		init: function(settings) {
+			var self = this;
+
+			self._super(settings);
+
+			if (settings.text) {
+				self.text(settings.text);
+			}
+
+			if (settings.icon) {
+				self.icon = settings.icon;
+			}
+
+			if (settings.color) {
+				self.color = settings.color;
+			}
+
+			if (settings.type) {
+				self.classes.add('notification-' + settings.type);
+			}
+
+			if (settings.timeout && (settings.timeout < 0 || settings.timeout > 0) && !settings.closeButton) {
+				self.closeButton = false;
+			} else {
+				self.classes.add('has-close');
+				self.closeButton = true;
+			}
+
+			if (settings.progressBar) {
+				self.progressBar = new Progress();
+			}
+
+			self.on('click', function(e) {
+				if (e.target.className.indexOf(self.classPrefix + 'close') != -1) {
+					self.close();
+				}
+			});
+		},
+
+		/**
+		 * Renders the control as a HTML string.
+		 *
+		 * @method renderHtml
+		 * @return {String} HTML representing the control.
+		 */
+		renderHtml: function() {
+			var self = this, prefix = self.classPrefix, icon = '', closeButton = '', progressBar = '', notificationStyle = '';
+
+			if (self.icon) {
+				icon = '<i class="' + prefix + 'ico' + ' ' + prefix + 'i-' + self.icon + '"></i>';
+			}
+
+			if (self.color) {
+				notificationStyle = ' style="background-color: ' + self.color + '"';
+			}
+
+			if (self.closeButton) {
+				closeButton = '<button type="button" class="' + prefix + 'close" aria-hidden="true">\u00d7</button>';
+			}
+
+			if (self.progressBar) {
+				progressBar = self.progressBar.renderHtml();
+			}
+
+			return (
+				'<div id="' + self._id + '" class="' + self.classes + '"' + notificationStyle + ' role="presentation">' +
+					icon +
+					'<div class="' + prefix + 'notification-inner">' + self.state.get('text') + '</div>' +
+					progressBar +
+					closeButton +
+				'</div>'
+			);
+		},
+
+		postRender: function() {
+			var self = this;
+
+			Delay.setTimeout(function() {
+				self.$el.addClass(self.classPrefix + 'in');
+			});
+
+			return self._super();
+		},
+
+		bindStates: function() {
+			var self = this;
+
+			self.state.on('change:text', function(e) {
+				self.getEl().childNodes[1].innerHTML = e.value;
+			});
+			if (self.progressBar) {
+				self.progressBar.bindStates();
+			}
+			return self._super();
+		},
+
+		close: function() {
+			var self = this;
+
+			if (!self.fire('close').isDefaultPrevented()) {
+				self.remove();
+			}
+
+			return self;
+		},
+
+		/**
+		 * Repaints the control after a layout operation.
+		 *
+		 * @method repaint
+		 */
+		repaint: function() {
+			var self = this, style, rect;
+
+			style = self.getEl().style;
+			rect = self._layoutRect;
+
+			style.left = rect.x + 'px';
+			style.top = rect.y + 'px';
+			style.zIndex = 0xFFFF + 0xFFFF;
+		}
+	});
+});