From 42daa43e7a50fca82585daad3985349ce35640b3 Mon Sep 17 00:00:00 2001
From: Ingo Schommer <ingo@silverstripe.com>
Date: Sat, 21 Nov 2009 02:36:34 +0000
Subject: [PATCH] API CHANGE Moved jsparty/tinymce_ssbuttons to
 cms/javascript/tinymce_ssbuttons API CHANGE Moved jsparty/tinymce_ssmacron to
 cms/javascript/tinymce_ssmacron

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@92612 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 .../tinymce_ssbuttons/editor_plugin_src.js    | 117 ++++++++++++++++++
 javascript/tinymce_ssbuttons/img/flash.gif    | Bin 0 -> 241 bytes
 javascript/tinymce_ssbuttons/langs/de.js      |   5 +
 javascript/tinymce_ssbuttons/langs/en.js      |   5 +
 .../tinymce_ssmacron/editor_plugin_src.js     |  40 ++++++
 javascript/tinymce_ssmacron/img/macron.png    | Bin 0 -> 3260 bytes
 javascript/tinymce_ssmacron/js/macron.js      |  71 +++++++++++
 javascript/tinymce_ssmacron/macron.htm        |  31 +++++
 8 files changed, 269 insertions(+)
 create mode 100644 javascript/tinymce_ssbuttons/editor_plugin_src.js
 create mode 100644 javascript/tinymce_ssbuttons/img/flash.gif
 create mode 100644 javascript/tinymce_ssbuttons/langs/de.js
 create mode 100644 javascript/tinymce_ssbuttons/langs/en.js
 create mode 100644 javascript/tinymce_ssmacron/editor_plugin_src.js
 create mode 100644 javascript/tinymce_ssmacron/img/macron.png
 create mode 100644 javascript/tinymce_ssmacron/js/macron.js
 create mode 100644 javascript/tinymce_ssmacron/macron.htm

diff --git a/javascript/tinymce_ssbuttons/editor_plugin_src.js b/javascript/tinymce_ssbuttons/editor_plugin_src.js
new file mode 100644
index 00000000..8dafc823
--- /dev/null
+++ b/javascript/tinymce_ssbuttons/editor_plugin_src.js
@@ -0,0 +1,117 @@
+(function() {
+	tinymce.PluginManager.requireLangPack("../../tinymce_ssbuttons");
+	var each = tinymce.each;
+
+	tinymce.create('tinymce.plugins.SSButtons', {
+		/**
+		 * Returns information about the plugin as a name/value array.
+		 * The current keys are longname, author, authorurl, infourl and version.
+		 *
+		 * @returns Name/value array containing information about the plugin.
+		 * @type Array 
+		 */
+		getInfo : function() {
+			return {
+				longname : 'Special buttons for SilverStripe CMS',
+				author : 'Sam Minnée',
+				authorurl : 'http://www.siverstripe.com/',
+				infourl : 'http://www.silverstripe.com/',
+				version : "1.0"
+			};
+		},
+
+
+		init : function(ed, url) {
+			/**
+			 * These map the action buttons to the IDs of the forms that they open/close
+			 */
+			forms = {
+				'sslink' : 'Form_EditorToolbarLinkForm',
+				'ssimage' : 'Form_EditorToolbarImageForm',
+				'ssflash' : 'Form_EditorToolbarFlashForm'
+			};
+
+			ed.addButton('sslink', {title : ed.getLang('tinymce_ssbuttons.insertlink'), cmd : 'sslink', 'class' : 'mce_link'}); 
+			ed.addButton('ssimage', {title : ed.getLang('tinymce_ssbuttons.insertimage'), cmd : 'ssimage', 'class' : 'mce_image'}); 
+			ed.addButton('ssflash', {title : ed.getLang('tinymce_ssbuttons.insertflash'), cmd : 'ssflash', 'class' : 'mce_flash', 'image': url + '/img/flash.gif'}); 
+
+			/**
+			 * Show a side panel, hiding others
+			 * If showCommand isn't set, then this will simply hide panels
+			 */
+			function showSidePanel(showCommand, hideCommands) {
+				hideCommands.each(function(command) { 
+					ed.controlManager.setActive(command,false);
+					Element.hide(forms[command]); 
+				});
+
+				var showForm = null;
+				if(forms[showCommand]) {
+					showForm = $(forms[showCommand]);
+					showForm.toggle(ed);
+				}
+
+				if(!showForm || showForm.style.display == "none") {
+					ed.controlManager.setActive(showCommand, false);
+					// Can't use $('contentPanel'), as its in a different window
+					window.parent.document.getElementById('contentPanel').style.display = "none";
+					// toggle layout panel
+					jQuery('body.CMSMain').concrete('ss').MainLayout().close('east');
+				} else {
+					ed.controlManager.setActive(showCommand, true);
+					window.parent.document.getElementById('contentPanel').style.display = "block";
+					// toggle layout panel
+					jQuery('body.CMSMain').concrete('ss').MainLayout().resizeAll();
+					jQuery('body.CMSMain').concrete('ss').MainLayout().open('east');
+				}
+			}
+
+			ed.addCommand("ssclosesidepanel", function(ed) {
+				showSidePanel('', [ 'sslink', 'ssimage', 'ssflash' ]);
+			});
+
+			ed.addCommand("sslink", function(ed) {
+				showSidePanel('sslink', [ 'ssimage', 'ssflash' ]);
+			});
+
+			ed.addCommand("ssimage", function(ed) {
+				showSidePanel('ssimage', [ 'sslink', 'ssflash' ]);
+			});
+
+			ed.addCommand("ssflash", function(ed) {
+				showSidePanel('ssflash', [ 'ssimage', 'sslink' ]);
+			});
+
+			ed.onNodeChange.add(function(ed, o) {
+				//$('Form_EditorToolbarLinkForm').updateSelection(ed);
+				//$('Form_EditorToolbarLinkForm').respondToNodeChange(ed);
+			});
+			ed.onKeyUp.add(function(ed, o) {
+				//$('Form_EditorToolbarLinkForm').updateSelection(ed);
+			});
+		
+			// resize image containers when the image is resized.
+			if(!tinymce.isOpera && !tinymce.isWebKit) ed.onMouseUp.add(function(ed, o) {
+				var node = ed.selection.getNode();
+				if(node.nodeName == 'IMG' && ed.dom.getParent(node, 'div')) {
+					// we have to delay the resize check here, as this event handler is called before the actual image
+					// resizing is done.
+					setTimeout(function() {
+						var ed        = tinyMCE.activeEditor, // we need to redeclare these for IE.
+							node      = ed.selection.getNode(),
+							container = ed.dom.getParent(node, 'div');
+
+						if(node.width && node.width != parseInt(ed.dom.getStyle(container, 'width'))) {
+							ed.dom.setStyle(container, 'width', parseInt(node.width));
+							ed.execCommand('mceRepaint');
+						}
+					}, 1);
+				}
+			});
+		}
+	});
+
+
+	// Adds the plugin class to the list of available TinyMCE plugins
+	tinymce.PluginManager.add("../../tinymce_ssbuttons", tinymce.plugins.SSButtons);
+})();
\ No newline at end of file
diff --git a/javascript/tinymce_ssbuttons/img/flash.gif b/javascript/tinymce_ssbuttons/img/flash.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cb192e6ceda8d19ad8e7d08dd1cfde0aa72ead2a
GIT binary patch
literal 241
zcmV<N01p30Nk%w1VH5xq0K*9Y0w_vuilWKS*;Z<L?e6iex5E`&f8F2Yf{&g3{rv|x
zTAiq{x5LtEeU6HouK)l5A^8LW000jFEC2ui02BZe000D@@X1N5y*NLz+8E73XoTQ2
zPEnkWFj@rD6vAN(MaR69(A0#W001z^1QkN-Ku9DA3WdRNF!3IR2Gf~vNCURRjDi4i
ziw2sFfuQ^jTm~SjAlw@6+L>OzlLa+Za}7>m0&NpCfJ0FQc3~<M2Q3YA3WR}G4hIzs
r9SQ&qC1C^&3>F7DE)S%o1)Qi1n@vxX46qnD4hRS-NE*Pw!4UvE=#^N(

literal 0
HcmV?d00001

diff --git a/javascript/tinymce_ssbuttons/langs/de.js b/javascript/tinymce_ssbuttons/langs/de.js
new file mode 100644
index 00000000..0948d6ff
--- /dev/null
+++ b/javascript/tinymce_ssbuttons/langs/de.js
@@ -0,0 +1,5 @@
+tinyMCE.addI18n('de.tinymce_ssbuttons',{
+insertlink: 'Link einfügen',
+insertimage: 'Bild einfügen',
+insertflash: 'Flash Objekt einfügen'
+});
\ No newline at end of file
diff --git a/javascript/tinymce_ssbuttons/langs/en.js b/javascript/tinymce_ssbuttons/langs/en.js
new file mode 100644
index 00000000..91ed8fb0
--- /dev/null
+++ b/javascript/tinymce_ssbuttons/langs/en.js
@@ -0,0 +1,5 @@
+tinyMCE.addI18n('en.tinymce_ssbuttons', {
+insertlink: 'Insert Link',
+insertimage: 'Insert Image',
+insertflash: 'Insert Flash Object'
+});
\ No newline at end of file
diff --git a/javascript/tinymce_ssmacron/editor_plugin_src.js b/javascript/tinymce_ssmacron/editor_plugin_src.js
new file mode 100644
index 00000000..2faef38c
--- /dev/null
+++ b/javascript/tinymce_ssmacron/editor_plugin_src.js
@@ -0,0 +1,40 @@
+(function() {
+	var each = tinymce.each;
+
+	tinymce.create('tinymce.plugins.InsertMacron', {
+		getInfo : function() {
+			return {
+				longname : 'Button to insert macrons',
+				author : 'Hamish Friedlander. Heavily based on charmap that comes with TinyMCE',
+				authorurl : 'http://www.siverstripe.com/',
+				infourl : 'http://www.silverstripe.com/',
+				version : "1.0"
+			};
+		},
+
+
+		init : function(ed, url) {
+	      // Register commands
+	      ed.addCommand('mceInsertMacron', function() {
+				ed.windowManager.open({
+					file : url + '/macron.htm',
+					width : 350 + parseInt(ed.getLang('advanced.charmap_delta_width', 0)),
+					height : 150 + parseInt(ed.getLang('advanced.charmap_delta_height', 0)),
+					inline : true
+				}, {
+					plugin_url : url
+				});
+			});
+	
+	      // Register buttons
+	      ed.addButton('ssmacron', {
+	        title : 'Insert a Macron',
+	        cmd : 'mceInsertMacron',
+	        image : url + '/img/macron.png'
+	      });
+		}
+	});
+
+	// Adds the plugin class to the list of available TinyMCE plugins
+	tinymce.PluginManager.add("../../tinymce_ssmacron", tinymce.plugins.InsertMacron);
+})();
diff --git a/javascript/tinymce_ssmacron/img/macron.png b/javascript/tinymce_ssmacron/img/macron.png
new file mode 100644
index 0000000000000000000000000000000000000000..80caf6dab1e5b64a1090f34c79faec373177839d
GIT binary patch
literal 3260
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

literal 0
HcmV?d00001

diff --git a/javascript/tinymce_ssmacron/js/macron.js b/javascript/tinymce_ssmacron/js/macron.js
new file mode 100644
index 00000000..d404520d
--- /dev/null
+++ b/javascript/tinymce_ssmacron/js/macron.js
@@ -0,0 +1,71 @@
+tinyMCEPopup.requireLangPack();
+
+var charmap = [
+	['&#256;',    '&#256;',  true, 'A - macron'],
+	['&#274;',    '&#274;',  true, 'E - macron'],
+	['&#298;',    '&#298;',  true, 'I - macron'], 
+	['&#332;',    '&#332;',  true, 'O - macron'], 
+	['&#362;',    '&#362;',  true, 'U - macron'], 
+	['&#257;',    '&#257;',  true, 'a - macron'], 
+	['&#275;',    '&#275;',  true, 'e - macron'], 
+	['&#299;',    '&#299;',  true, 'i - macron'], 
+	['&#333;',    '&#333;',  true, 'o - macron'], 
+	['&#363;',    '&#363;',  true, 'u - macron']
+];
+
+tinyMCEPopup.onInit.add(function() {
+	tinyMCEPopup.dom.setHTML('charmapView', renderCharMapHTML());
+});
+
+function renderCharMapHTML() {
+	var charsPerRow = 5, tdWidth=20, tdHeight=20, i;
+	var html = '<table border="0" cellspacing="1" cellpadding="0" width="' + (tdWidth*charsPerRow) + '"><tr height="' + tdHeight + '">';
+	var cols=-1;
+
+	for (i=0; i<charmap.length; i++) {
+		if (charmap[i][2]==true) {
+			cols++;
+			html += ''
+				+ '<td class="charmap">'
+				+ '<a onmouseover="previewChar(\'' + charmap[i][1].substring(1,charmap[i][1].length) + '\',\'' + charmap[i][0].substring(1,charmap[i][0].length) + '\',\'' + charmap[i][3] + '\');" onfocus="previewChar(\'' + charmap[i][1].substring(1,charmap[i][1].length) + '\',\'' + charmap[i][0].substring(1,charmap[i][0].length) + '\',\'' + charmap[i][3] + '\');" href="javascript:void(0)" onclick="insertChar(\'' + charmap[i][1].substring(2,charmap[i][1].length-1) + '\');" onclick="return false;" onmousedown="return false;" title="' + charmap[i][3] + '">'
+				+ charmap[i][1]
+				+ '</a></td>';
+			if ((cols+1) % charsPerRow == 0)
+				html += '</tr><tr height="' + tdHeight + '">';
+		}
+	 }
+
+	if (cols % charsPerRow > 0) {
+		var padd = charsPerRow - (cols % charsPerRow);
+		for (var i=0; i<padd-1; i++)
+			html += '<td width="' + tdWidth + '" height="' + tdHeight + '" class="charmap">&nbsp;</td>';
+	}
+
+	html += '</tr></table>';
+
+	return html;
+}
+
+function insertChar(chr) {
+	tinyMCEPopup.execCommand('mceInsertContent', false, '&#' + chr + ';');
+
+	// Refocus in window
+	if (tinyMCEPopup.isWindow)
+		window.focus();
+
+	tinyMCEPopup.editor.focus();
+	tinyMCEPopup.close();
+}
+
+function previewChar(codeA, codeB, codeN) {
+	var elmV = document.getElementById('codeV');
+	var elmN = document.getElementById('codeN');
+
+	if (codeA=='#160;') {
+		elmV.innerHTML = '__';
+	} else {
+		elmV.innerHTML = '&' + codeA;
+	}
+
+	elmN.innerHTML = codeN;
+}
diff --git a/javascript/tinymce_ssmacron/macron.htm b/javascript/tinymce_ssmacron/macron.htm
new file mode 100644
index 00000000..1fc769e5
--- /dev/null
+++ b/javascript/tinymce_ssmacron/macron.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Insert a Macron</title>
+   <script type="text/javascript" src="../tiny_mce/tiny_mce_popup.js"></script>
+	<script type="text/javascript" src="js/macron.js"></script>
+</head>
+<body id="charmap" style="display:none">
+<table align="center" border="0" cellspacing="0" cellpadding="2">
+    <tr>
+        <td colspan="2" class="title">Insert a Macron</td>
+    </tr>
+    <tr>
+        <td id="charmapView" align="left" valign="top">
+			<!-- Chars will be rendered here -->
+        </td>
+        <td width="100" align="center" valign="top">
+            <table border="0" cellpadding="0" cellspacing="0" width="100" style="height:100px">
+                <tr>
+                    <td id="codeV">&nbsp;</td>
+                </tr>
+                <tr>
+                    <td id="codeN">&nbsp;</td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+
+</body>
+</html>