mirador_rails 0.3.3 → 0.4.0

data/vendor/assets/plugins/plugins/media/plugin.js

@@ -1,774 +0,0 @@
-/**
- * plugin.js
- *
- * Copyright, Moxiecode Systems AB
- * Released under LGPL License.
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
-
-/*jshint maxlen:255 */
-/*eslint max-len:0 */
-/*global tinymce:true */
-
-tinymce.PluginManager.add('media', function(editor, url) {
-	var urlPatterns = [
-		{regex: /youtu\.be\/([\w\-.]+)/, type: 'iframe', w: 425, h: 350, url: '//www.youtube.com/embed/$1'},
-		{regex: /youtube\.com(.+)v=([^&]+)/, type: 'iframe', w: 425, h: 350, url: '//www.youtube.com/embed/$2'},
-		{regex: /vimeo\.com\/([0-9]+)/, type: 'iframe', w: 425, h: 350, url: '//player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc'},
-		{regex: /vimeo\.com\/(.*)\/([0-9]+)/, type: "iframe", w: 425, h: 350, url: "//player.vimeo.com/video/$2?title=0&byline=0"},
-		{regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/, type: 'iframe', w: 425, h: 350, url: '//maps.google.com/maps/ms?msid=$2&output=embed"'}
-	];
-
-	var embedChange = (tinymce.Env.ie && tinymce.Env.ie <= 8) ? 'onChange' : 'onInput';
-
-	function guessMime(url) {
-		if (url.indexOf('.mp3') != -1) {
-			return 'audio/mpeg';
-		}
-
-		if (url.indexOf('.wav') != -1) {
-			return 'audio/wav';
-		}
-
-		if (url.indexOf('.mp4') != -1) {
-			return 'video/mp4';
-		}
-
-		if (url.indexOf('.webm') != -1) {
-			return 'video/webm';
-		}
-
-		if (url.indexOf('.ogg') != -1) {
-			return 'video/ogg';
-		}
-
-		if (url.indexOf('.swf') != -1) {
-			return 'application/x-shockwave-flash';
-		}
-
-		return '';
-	}
-
-	function getVideoScriptMatch(src) {
-		var prefixes = editor.settings.media_scripts;
-
-		if (prefixes) {
-			for (var i = 0; i < prefixes.length; i++) {
-				if (src.indexOf(prefixes[i].filter) !== -1) {
-					return prefixes[i];
-				}
-			}
-		}
-	}
-
-	function showDialog() {
-		var win, width, height, data;
-
-		var generalFormItems = [
-			{
-				name: 'source1',
-				type: 'filepicker',
-				filetype: 'media',
-				size: 40,
-				autofocus: true,
-				label: 'Source',
-				onchange: function(e) {
-					tinymce.each(e.meta, function(value, key) {
-						win.find('#' + key).value(value);
-					});
-				}
-			}
-		];
-
-		function recalcSize(e) {
-			var widthCtrl, heightCtrl, newWidth, newHeight;
-
-			widthCtrl = win.find('#width')[0];
-			heightCtrl = win.find('#height')[0];
-
-			newWidth = widthCtrl.value();
-			newHeight = heightCtrl.value();
-
-			if (win.find('#constrain')[0].checked() && width && height && newWidth && newHeight) {
-				if (e.control == widthCtrl) {
-					newHeight = Math.round((newWidth / width) * newHeight);
-					heightCtrl.value(newHeight);
-				} else {
-					newWidth = Math.round((newHeight / height) * newWidth);
-					widthCtrl.value(newWidth);
-				}
-			}
-
-			width = newWidth;
-			height = newHeight;
-		}
-
-		if (editor.settings.media_alt_source !== false) {
-			generalFormItems.push({name: 'source2', type: 'filepicker', filetype: 'media', size: 40, label: 'Alternative source'});
-		}
-
-		if (editor.settings.media_poster !== false) {
-			generalFormItems.push({name: 'poster', type: 'filepicker', filetype: 'image', size: 40, label: 'Poster'});
-		}
-
-		if (editor.settings.media_dimensions !== false) {
-			generalFormItems.push({
-				type: 'container',
-				label: 'Dimensions',
-				layout: 'flex',
-				align: 'center',
-				spacing: 5,
-				items: [
-					{name: 'width', type: 'textbox', maxLength: 3, size: 3, onchange: recalcSize},
-					{type: 'label', text: 'x'},
-					{name: 'height', type: 'textbox', maxLength: 3, size: 3, onchange: recalcSize},
-					{name: 'constrain', type: 'checkbox', checked: true, text: 'Constrain proportions'}
-				]
-			});
-		}
-
-		data = getData(editor.selection.getNode());
-		width = data.width;
-		height = data.height;
-
-		var embedTextBox = {
-			id: 'mcemediasource',
-			type: 'textbox',
-			flex: 1,
-			name: 'embed',
-			value: getSource(),
-			multiline: true,
-			label: 'Source'
-		};
-
-		function updateValueOnChange() {
-			data = htmlToData(this.value());
-			this.parent().parent().fromJSON(data);
-		}
-
-		embedTextBox[embedChange] = updateValueOnChange;
-
-		win = editor.windowManager.open({
-			title: 'Insert/edit video',
-			data: data,
-			bodyType: 'tabpanel',
-			body: [
-				{
-					title: 'General',
-					type: "form",
-					onShowTab: function() {
-						data = htmlToData(this.next().find('#embed').value());
-						this.fromJSON(data);
-					},
-					items: generalFormItems
-				},
-
-				{
-					title: 'Embed',
-					type: "panel",
-					layout: 'flex',
-					direction: 'column',
-					align: 'stretch',
-					padding: 10,
-					spacing: 10,
-					onShowTab: function() {
-						this.find('#embed').value(dataToHtml(this.parent().toJSON()));
-					},
-					items: [
-						{
-							type: 'label',
-							text: 'Paste your embed code below:',
-							forId: 'mcemediasource'
-						},
-						embedTextBox
-					]
-				}
-			],
-			onSubmit: function() {
-				var beforeObjects, afterObjects, i, y;
-
-				beforeObjects = editor.dom.select('img[data-mce-object]');
-				editor.insertContent(dataToHtml(this.toJSON()));
-				afterObjects = editor.dom.select('img[data-mce-object]');
-
-				// Find new image placeholder so we can select it
-				for (i = 0; i < beforeObjects.length; i++) {
-					for (y = afterObjects.length - 1; y >= 0; y--) {
-						if (beforeObjects[i] == afterObjects[y]) {
-							afterObjects.splice(y, 1);
-						}
-					}
-				}
-
-				editor.selection.select(afterObjects[0]);
-				editor.nodeChanged();
-			}
-		});
-	}
-
-	function getSource() {
-		var elm = editor.selection.getNode();
-
-		if (elm.getAttribute('data-mce-object')) {
-			return editor.selection.getContent();
-		}
-	}
-
-	function dataToHtml(data) {
-		var html = '';
-
-		if (!data.source1) {
-			tinymce.extend(data, htmlToData(data.embed));
-			if (!data.source1) {
-				return '';
-			}
-		}
-
-		if (!data.source2) {
-			data.source2 = '';
-		}
-
-		if (!data.poster) {
-			data.poster = '';
-		}
-
-		data.source1 = editor.convertURL(data.source1, "source");
-		data.source2 = editor.convertURL(data.source2, "source");
-		data.source1mime = guessMime(data.source1);
-		data.source2mime = guessMime(data.source2);
-		data.poster = editor.convertURL(data.poster, "poster");
-		data.flashPlayerUrl = editor.convertURL(url + '/moxieplayer.swf', "movie");
-
-		tinymce.each(urlPatterns, function(pattern) {
-			var match, i, url;
-
-			if ((match = pattern.regex.exec(data.source1))) {
-				url = pattern.url;
-
-				for (i = 0; match[i]; i++) {
-					/*jshint loopfunc:true*/
-					/*eslint no-loop-func:0 */
-					url = url.replace('$' + i, function() {
-						return match[i];
-					});
-				}
-
-				data.source1 = url;
-				data.type = pattern.type;
-				data.width = data.width || pattern.w;
-				data.height = data.height || pattern.h;
-			}
-		});
-
-		if (data.embed) {
-			html = updateHtml(data.embed, data, true);
-		} else {
-			var videoScript = getVideoScriptMatch(data.source1);
-			if (videoScript) {
-				data.type = 'script';
-				data.width = videoScript.width;
-				data.height = videoScript.height;
-			}
-
-			data.width = data.width || 300;
-			data.height = data.height || 150;
-
-			tinymce.each(data, function(value, key) {
-				data[key] = editor.dom.encode(value);
-			});
-
-			if (data.type == "iframe") {
-				html += '<iframe src="' + data.source1 + '" width="' + data.width + '" height="' + data.height + '"></iframe>';
-			} else if (data.source1mime == "application/x-shockwave-flash") {
-				html += '<object data="' + data.source1 + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">';
-
-				if (data.poster) {
-					html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />';
-				}
-
-				html += '</object>';
-			} else if (data.source1mime.indexOf('audio') != -1) {
-				if (editor.settings.audio_template_callback) {
-					html = editor.settings.audio_template_callback(data);
-				} else {
-					html += (
-						'<audio controls="controls" src="' + data.source1 + '">' +
-							(data.source2 ? '\n<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') +
-						'</audio>'
-					);
-				}
-			} else if (data.type == "script") {
-				html += '<script src="' + data.source1 + '"></script>';
-			} else {
-				if (editor.settings.video_template_callback) {
-					html = editor.settings.video_template_callback(data);
-				} else {
-					html = (
-						'<video width="' + data.width + '" height="' + data.height + '"' + (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' +
-							'<source src="' + data.source1 + '"' + (data.source1mime ? ' type="' + data.source1mime + '"' : '') + ' />\n' +
-							(data.source2 ? '<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') +
-						'</video>'
-					);
-				}
-			}
-		}
-
-		return html;
-	}
-
-	function htmlToData(html) {
-		var data = {};
-
-		new tinymce.html.SaxParser({
-			validate: false,
-			allow_conditional_comments: true,
-			special: 'script,noscript',
-			start: function(name, attrs) {
-				if (!data.source1 && name == "param") {
-					data.source1 = attrs.map.movie;
-				}
-
-				if (name == "iframe" || name == "object" || name == "embed" || name == "video" || name == "audio") {
-					if (!data.type) {
-						data.type = name;
-					}
-
-					data = tinymce.extend(attrs.map, data);
-				}
-
-				if (name == "script") {
-					var videoScript = getVideoScriptMatch(attrs.map.src);
-					if (!videoScript) {
-						return;
-					}
-
-					data = {
-						type: "script",
-						source1: attrs.map.src,
-						width: videoScript.width,
-						height: videoScript.height
-					};
-				}
-
-				if (name == "source") {
-					if (!data.source1) {
-						data.source1 = attrs.map.src;
-					} else if (!data.source2) {
-						data.source2 = attrs.map.src;
-					}
-				}
-
-				if (name == "img" && !data.poster) {
-					data.poster = attrs.map.src;
-				}
-			}
-		}).parse(html);
-
-		data.source1 = data.source1 || data.src || data.data;
-		data.source2 = data.source2 || '';
-		data.poster = data.poster || '';
-
-		return data;
-	}
-
-	function getData(element) {
-		if (element.getAttribute('data-mce-object')) {
-			return htmlToData(editor.serializer.serialize(element, {selection: true}));
-		}
-
-		return {};
-	}
-
-	function sanitize(html) {
-		if (editor.settings.media_filter_html === false) {
-			return html;
-		}
-
-		var writer = new tinymce.html.Writer();
-
-		new tinymce.html.SaxParser({
-			validate: false,
-			allow_conditional_comments: false,
-			special: 'script,noscript',
-
-			comment: function(text) {
-				writer.comment(text);
-			},
-
-			cdata: function(text) {
-				writer.cdata(text);
-			},
-
-			text: function(text, raw) {
-				writer.text(text, raw);
-			},
-
-			start: function(name, attrs, empty) {
-				if (name == 'script' || name == 'noscript') {
-					return;
-				}
-
-				for (var i = 0; i < attrs.length; i++) {
-					if (attrs[i].name.indexOf('on') === 0) {
-						return;
-					}
-				}
-
-				writer.start(name, attrs, empty);
-			},
-
-			end: function(name) {
-				if (name == 'script' || name == 'noscript') {
-					return;
-				}
-
-				writer.end(name);
-			}
-		}, new tinymce.html.Schema({})).parse(html);
-
-		return writer.getContent();
-	}
-
-	function updateHtml(html, data, updateAll) {
-		var writer = new tinymce.html.Writer();
-		var sourceCount = 0, hasImage;
-
-		function setAttributes(attrs, updatedAttrs) {
-			var name, i, value, attr;
-
-			for (name in updatedAttrs) {
-				value = "" + updatedAttrs[name];
-
-				if (attrs.map[name]) {
-					i = attrs.length;
-					while (i--) {
-						attr = attrs[i];
-
-						if (attr.name == name) {
-							if (value) {
-								attrs.map[name] = value;
-								attr.value = value;
-							} else {
-								delete attrs.map[name];
-								attrs.splice(i, 1);
-							}
-						}
-					}
-				} else if (value) {
-					attrs.push({
-						name: name,
-						value: value
-					});
-
-					attrs.map[name] = value;
-				}
-			}
-		}
-
-		new tinymce.html.SaxParser({
-			validate: false,
-			allow_conditional_comments: true,
-			special: 'script,noscript',
-
-			comment: function(text) {
-				writer.comment(text);
-			},
-
-			cdata: function(text) {
-				writer.cdata(text);
-			},
-
-			text: function(text, raw) {
-				writer.text(text, raw);
-			},
-
-			start: function(name, attrs, empty) {
-				switch (name) {
-					case "video":
-					case "object":
-					case "embed":
-					case "img":
-					case "iframe":
-						setAttributes(attrs, {
-							width: data.width,
-							height: data.height
-						});
-						break;
-				}
-
-				if (updateAll) {
-					switch (name) {
-						case "video":
-							setAttributes(attrs, {
-								poster: data.poster,
-								src: ""
-							});
-
-							if (data.source2) {
-								setAttributes(attrs, {
-									src: ""
-								});
-							}
-							break;
-
-						case "iframe":
-							setAttributes(attrs, {
-								src: data.source1
-							});
-							break;
-
-						case "source":
-							sourceCount++;
-
-							if (sourceCount <= 2) {
-								setAttributes(attrs, {
-									src: data["source" + sourceCount],
-									type: data["source" + sourceCount + "mime"]
-								});
-
-								if (!data["source" + sourceCount]) {
-									return;
-								}
-							}
-							break;
-
-						case "img":
-							if (!data.poster) {
-								return;
-							}
-
-							hasImage = true;
-							break;
-					}
-				}
-
-				writer.start(name, attrs, empty);
-			},
-
-			end: function(name) {
-				if (name == "video" && updateAll) {
-					for (var index = 1; index <= 2; index++) {
-						if (data["source" + index]) {
-							var attrs = [];
-							attrs.map = {};
-
-							if (sourceCount < index) {
-								setAttributes(attrs, {
-									src: data["source" + index],
-									type: data["source" + index + "mime"]
-								});
-
-								writer.start("source", attrs, true);
-							}
-						}
-					}
-				}
-
-				if (data.poster && name == "object" && updateAll && !hasImage) {
-					var imgAttrs = [];
-					imgAttrs.map = {};
-
-					setAttributes(imgAttrs, {
-						src: data.poster,
-						width: data.width,
-						height: data.height
-					});
-
-					writer.start("img", imgAttrs, true);
-				}
-
-				writer.end(name);
-			}
-		}, new tinymce.html.Schema({})).parse(html);
-
-		return writer.getContent();
-	}
-
-	editor.on('ResolveName', function(e) {
-		var name;
-
-		if (e.target.nodeType == 1 && (name = e.target.getAttribute("data-mce-object"))) {
-			e.name = name;
-		}
-	});
-
-	editor.on('preInit', function() {
-		// Make sure that any messy HTML is retained inside these
-		var specialElements = editor.schema.getSpecialElements();
-		tinymce.each('video audio iframe object'.split(' '), function(name) {
-			specialElements[name] = new RegExp('<\/' + name + '[^>]*>', 'gi');
-		});
-
-		// Allow elements
-		//editor.schema.addValidElements('object[id|style|width|height|classid|codebase|*],embed[id|style|width|height|type|src|*],video[*],audio[*]');
-
-		// Set allowFullscreen attribs as boolean
-		var boolAttrs = editor.schema.getBoolAttrs();
-		tinymce.each('webkitallowfullscreen mozallowfullscreen allowfullscreen'.split(' '), function(name) {
-			boolAttrs[name] = {};
-		});
-
-		// Converts iframe, video etc into placeholder images
-		editor.parser.addNodeFilter('iframe,video,audio,object,embed,script', function(nodes, name) {
-			var i = nodes.length, ai, node, placeHolder, attrName, attrValue, attribs, innerHtml;
-			var videoScript;
-
-			while (i--) {
-				node = nodes[i];
-				if (!node.parent) {
-					continue;
-				}
-
-				if (node.name == 'script') {
-					videoScript = getVideoScriptMatch(node.attr('src'));
-					if (!videoScript) {
-						continue;
-					}
-				}
-
-				placeHolder = new tinymce.html.Node('img', 1);
-				placeHolder.shortEnded = true;
-
-				if (videoScript) {
-					if (videoScript.width) {
-						node.attr('width', videoScript.width.toString());
-					}
-
-					if (videoScript.height) {
-						node.attr('height', videoScript.height.toString());
-					}
-				}
-
-				// Prefix all attributes except width, height and style since we
-				// will add these to the placeholder
-				attribs = node.attributes;
-				ai = attribs.length;
-				while (ai--) {
-					attrName = attribs[ai].name;
-					attrValue = attribs[ai].value;
-
-					if (attrName !== "width" && attrName !== "height" && attrName !== "style") {
-						if (attrName == "data" || attrName == "src") {
-							attrValue = editor.convertURL(attrValue, attrName);
-						}
-
-						placeHolder.attr('data-mce-p-' + attrName, attrValue);
-					}
-				}
-
-				// Place the inner HTML contents inside an escaped attribute
-				// This enables us to copy/paste the fake object
-				innerHtml = node.firstChild && node.firstChild.value;
-				if (innerHtml) {
-					placeHolder.attr("data-mce-html", escape(innerHtml));
-					placeHolder.firstChild = null;
-				}
-
-				placeHolder.attr({
-					width: node.attr('width') || "300",
-					height: node.attr('height') || (name == "audio" ? "30" : "150"),
-					style: node.attr('style'),
-					src: tinymce.Env.transparentSrc,
-					"data-mce-object": name,
-					"class": "mce-object mce-object-" + name
-				});
-
-				node.replace(placeHolder);
-			}
-		});
-
-		// Replaces placeholder images with real elements for video, object, iframe etc
-		editor.serializer.addAttributeFilter('data-mce-object', function(nodes, name) {
-			var i = nodes.length, node, realElm, ai, attribs, innerHtml, innerNode, realElmName;
-
-			while (i--) {
-				node = nodes[i];
-				if (!node.parent) {
-					continue;
-				}
-
-				realElmName = node.attr(name);
-				realElm = new tinymce.html.Node(realElmName, 1);
-
-				// Add width/height to everything but audio
-				if (realElmName != "audio" && realElmName != "script") {
-					realElm.attr({
-						width: node.attr('width'),
-						height: node.attr('height')
-					});
-				}
-
-				realElm.attr({
-					style: node.attr('style')
-				});
-
-				// Unprefix all placeholder attributes
-				attribs = node.attributes;
-				ai = attribs.length;
-				while (ai--) {
-					var attrName = attribs[ai].name;
-
-					if (attrName.indexOf('data-mce-p-') === 0) {
-						realElm.attr(attrName.substr(11), attribs[ai].value);
-					}
-				}
-
-				if (realElmName == "script") {
-					realElm.attr('type', 'text/javascript');
-				}
-
-				// Inject innerhtml
-				innerHtml = node.attr('data-mce-html');
-				if (innerHtml) {
-					innerNode = new tinymce.html.Node('#text', 3);
-					innerNode.raw = true;
-					innerNode.value = sanitize(unescape(innerHtml));
-					realElm.append(innerNode);
-				}
-
-				node.replace(realElm);
-			}
-		});
-	});
-
-	editor.on('ObjectSelected', function(e) {
-		var objectType = e.target.getAttribute('data-mce-object');
-
-		if (objectType == "audio" || objectType == "script") {
-			e.preventDefault();
-		}
-	});
-
-	editor.on('objectResized', function(e) {
-		var target = e.target, html;
-
-		if (target.getAttribute('data-mce-object')) {
-			html = target.getAttribute('data-mce-html');
-			if (html) {
-				html = unescape(html);
-				target.setAttribute('data-mce-html', escape(
-					updateHtml(html, {
-						width: e.width,
-						height: e.height
-					})
-				));
-			}
-		}
-	});
-
-	editor.addButton('media', {
-		tooltip: 'Insert/edit video',
-		onclick: showDialog,
-		stateSelector: ['img[data-mce-object=video]', 'img[data-mce-object=iframe]']
-	});
-
-	editor.addMenuItem('media', {
-		icon: 'media',
-		text: 'Insert video',
-		onclick: showDialog,
-		context: 'insert',
-		prependToContext: true
-	});
-});