RubyGems - locomotive-aloha-rails - Versions diffs - 0.20.1 - Mend

locomotive-aloha-rails 0.20.1

Files changed (1034) hide show

data/vendor/assets/javascripts/aloha/plugins/extra/numerated-headers/demo/index.html ADDED Viewed

@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=utf-8">
+	<title>Numerated Headers</title>
+	<link rel="stylesheet" href="index.css" type="text/css">
+	<style>
+		.hor-minimalist-a
+		{
+			background: #fff;
+			border-collapse: collapse;
+			text-align: left;
+		}
+		.hor-minimalist-a th
+		{
+			font-size: 130%;
+			font-weight: normal;
+			padding: 10px 8px;
+			border-bottom: 2px solid #6678b1;
+		}
+		.hor-minimalist-a td
+		{
+			padding: 9px 8px 0px 8px;
+		}
+		.hor-minimalist-a tbody tr:hover td
+		{
+			color: #009;
+		}
+		.box-table-a
+		{
+			text-align: left;
+			border-collapse: collapse;
+		}
+		.box-table-a th
+		{
+			font-size: 115%;
+			font-weight: normal;
+			padding: 8px;
+			background: #b9c9fe;
+			border-top: 4px solid #aabcfe;
+			border-bottom: 1px solid #fff;
+		}
+		.box-table-a td
+		{
+			padding: 8px;
+			background: #e8edff;
+			border-bottom: 1px solid #fff;
+			border-top: 1px solid transparent;
+		}
+		.box-table-a tr:hover td
+		{
+			background: #d0dafd;
+		}
+		.hor-zebra
+		{
+			text-align: left;
+			border-collapse: collapse;
+		}
+		.hor-zebra th
+		{
+			font-size: 130%;
+			font-weight: bold;
+			padding: 10px 8px;
+			border-bottom: 2px solid #6678b1;
+		}
+		.hor-zebra td
+		{
+			padding: 8px;
+		}
+		.hor-zebra tr:nth-child(2n+1) td
+		{
+			background: #e8edff;
+		}
+		td.bigbold {
+			font-size: 200%;
+			font-weight: bold;
+		}
+		td.redwhite {
+			background-color: red;
+			color: white;
+			font-weight: bold;
+		}
+		.aloha-placeholder {
+			background: #ddd;
+			color: #666;
+			margin: 5px 0 0 0;
+		}
+		#typo3span {
+			display: block;
+		}
+	</style>
+	<link rel="stylesheet" href="../../../../css/aloha.css" type="text/css">
+	<script src="js/aloha-config.js" language="javascript"></script>
+	<script src="../../../../lib/aloha.js" data-aloha-plugins="common/format,common/highlighteditables,common/list,common/link,common/undo,common/paste,common/block,extra/numerated-headers"></script>
+</head>
+<body>
+	<div id="main">
+		<div id="tree-div"></div>
+		<h1 id="title">Numerated Headers Example</h1>
+		<p> just click into the editable area:</p>
+		<div id="bodyContent">
+			<div id="content" class="article">
+				<p>Each specified header will be decorated with a prepended numeration.</p>
+					<h1>Headline 1</h1>
+					<h2>Headline 2</h2>
+					<h3>Headline 3</h3>
+					<h4>Headline 4</h4>
+					<h5>Headline 5</h5>
+					<h6>Headline 6</h6>
+					<p>Here we test, a <a title="" href="http://aloha-editor.org">link</a> and other formattings such as
+					<b>bold</b>, <i>italic</i> or <del>deleted text</del>. You may also use formattings for maths 2
+					<sup>2</sup> = 4 or chemical formulas like CO<sub>2</sub>.
+					Or you may edit tables as you do in office products.</p>
+			</div>
+		</div>
+	</div>
+	<script type="text/javascript">
+	// http://requirejs.org/docs/errors.html#mismatch
+	// ../../plugins/common/link/extra/linklist.js
+	// Bind to Aloha Ready Event
+	Aloha.ready( function() {
+		var $ = Aloha.jQuery;
+		$('#content').aloha();
+	});
+	</script>
+</body>
+</html>

data/vendor/assets/javascripts/aloha/plugins/extra/numerated-headers/demo/js/aloha-config.js ADDED Viewed

@@ -0,0 +1,115 @@
+(function(window, undefined) {
+	var jQuery = window.jQuery
+	if (window.Aloha === undefined || window.Aloha === null) {
+		window.Aloha = {};
+	}
+	window.Aloha.settings = {
+				logLevels: {'error': true, 'warn': true, 'info': true, 'debug': false},
+				errorhandling : false,
+				ribbon: false,
+				"placeholder": {
+					'*': '<img src="http://aloha-editor.org/logo/Aloha%20Editor%20HTML5%20technology%20class%2016.png" alt="logo"/>&nbsp;Placeholder All',
+					'#typo3span': 'Placeholder for span'
+				},
+				"i18n": {
+					// you can either let the system detect the users language (set acceptLanguage on server)
+					// In PHP this would would be '<?=$_SERVER['HTTP_ACCEPT_LANGUAGE']?>' resulting in
+					// "acceptLanguage": 'de-de,de;q=0.8,it;q=0.6,en-us;q=0.7,en;q=0.2'
+					// or set current on server side to be in sync with your backend system
+					"current": "en"
+				},
+				"repositories": {
+					"com.gentics.aloha.repositories.LinkList": {
+						data: [
+									{ name: 'Aloha Developers Wiki', url:'http://www.aloha-editor.com/wiki', type:'website', weight: 0.50 },
+									{ name: 'Aloha Editor - The HTML5 Editor', url:'http://aloha-editor.com', type:'website', weight: 0.90  },
+									{ name: 'Aloha Demo', url:'http://www.aloha-editor.com/demos.html', type:'website', weight: 0.75  },
+									{ name: 'Aloha Wordpress Demo', url:'http://www.aloha-editor.com/demos/wordpress-demo/index.html', type:'website', weight: 0.75  },
+									{ name: 'Aloha Logo', url:'http://www.aloha-editor.com/images/aloha-editor-logo.png', type:'image', weight: 0.10  }
+						]
+					}
+				},
+				"plugins": {
+					"format": {
+						// all elements with no specific configuration get this configuration
+						config : [ 'b', 'i','sub','sup'],
+							editables : {
+							// no formatting allowed for title
+							'#title'	: [ ],
+							// formatting for all editable DIVs
+							'div'		: [ 'b', 'i', 'del', 'sub', 'sup'  ],
+							// content is a DIV and has class .article so it gets both buttons
+							'.article'	: [ 'b', 'i', 'p', 'title', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'removeFormat']
+							}
+					},
+					"list": {
+						// all elements with no specific configuration get an UL, just for fun :)
+						config : [ 'ul' ],
+							editables : {
+							// Even if this is configured it is not set because OL and UL are not allowed in H1.
+							'#title'	: [ 'ol' ],
+							// all divs get OL
+							'div'		: [ 'ol' ],
+							// content is a DIV. It would get only OL but with class .article it also gets UL.
+							'.article'	: [ 'ul' ]
+							}
+					},
+					"link": {
+						// all elements with no specific configuration may insert links
+						config : [ 'a' ],
+							editables : {
+							// No links in the title.
+							'#title'	: [  ]
+							},
+							// all links that match the targetregex will get set the target
+						// e.g. ^(?!.*aloha-editor.com).* matches all href except aloha-editor.com
+							targetregex : '^(?!.*aloha-editor.com).*',
+							// this target is set when either targetregex matches or not set
+							// e.g. _blank opens all links in new window
+							target : '_blank',
+							// the same for css class as for target
+							cssclassregex : '^(?!.*aloha-editor.com).*',
+							cssclass : 'aloha',
+							// use all resources of type website for autosuggest
+							objectTypeFilter: ['website'],
+							// handle change of href
+							onHrefChange: function( obj, href, item ) {
+								if ( item ) {
+									jQuery(obj).attr('data-name', item.name);
+								}
+							}
+					},
+					"table": {
+						// all elements with no specific configuration are not allowed to insert tables
+						config : [ ],
+							editables : {
+							// Allow insert tables only into .article
+							'.article'	: [ 'table' ]
+							},
+							// [{name:'green', text:'Green', tooltip:'Green is cool', iconClass:'GENTICS_table GENTICS_button_green', cssClass:'green'}]
+						tableConfig : [
+											{name:'hor-minimalist-a'},
+											{name:'box-table-a'},
+											{name:'hor-zebra'},
+							],
+							columnConfig : [
+											{name:'bigbold', iconClass:'GENTICS_button_col_bigbold'},
+											{name:'redwhite', iconClass:'GENTICS_button_col_redwhite'}
+							],
+						rowConfig : [
+										{name:'bigbold', iconClass:'GENTICS_button_row_bigbold'},
+										{name:'redwhite', iconClass:'GENTICS_button_row_redwhite'}
+							]
+					},
+					"image": {
+	   					config : { 'img': { 'max_width': '50px',
+								'max_height': '50px' }},
+					  	editables : {
+							'#title'	: {}
+					  	}
+					}
+					}
+			};
+})(window);

data/vendor/assets/javascripts/aloha/plugins/extra/numerated-headers/img/headers.png ADDED Viewed

Binary file

data/vendor/assets/javascripts/aloha/plugins/extra/numerated-headers/lib/numerated-headers-plugin.js ADDED Viewed

@@ -0,0 +1,233 @@
+/*!
+* Aloha Editor
+* Author & Copyright (c) 2010 Gentics Software GmbH
+* aloha-sales@gentics.com
+* Licensed unter the terms of http://www.aloha-editor.com/license.html
+*/
+define(
+['aloha/jquery','aloha/plugin', 'aloha/floatingmenu', 'i18n!numerated-headers/nls/i18n', 'i18n!aloha/nls/i18n','css!numerated-headers/css/numerated-headers.css',],
+function(jQuery, Plugin, FloatingMenu, i18n, i18nCore) {
+   var
+	$ = jQuery,
+	GENTICS = window.GENTICS,
+	Aloha = window.Aloha;
+   return Plugin.create('numerated-headers', {
+	 numeratedactive : true,
+	 headingselector : 'h1, h2, h3, h4, h5, h6',
+     /**
+      * Initialize the plugin
+      */
+     init: function () {
+       var that = this;
+	   if ( typeof this.settings.numeratedactive !== 'undefined' ) {
+			this.numeratedactive = this.settings.numeratedactive;
+		}
+	   // modifyable selector for the headers, that should be numerated
+	   if ( typeof this.settings.headingselector !== 'undefined' ) {
+			this.headingselector = this.settings.headingselector;
+		}
+	   // modifyable selector for the baseobject. Where should be numerated
+	   if ( typeof this.settings.baseobjectSelector !== 'undefined' ) {
+			this.baseobjectSelector = this.settings.baseobjectSelector;
+		}
+       	    // add button to toggle format-less pasting
+          this.numeratedHeadersButton = new Aloha.ui.Button({
+            'iconClass' : 'aloha-button aloha-button-numerated-headers',
+            'size' : 'small',
+            'onclick' : function () {
+		   if(that.numeratedHeadersButton.isPressed()) {
+			//that.numeratedHeadersButton.setPressed(false);
+			that.removeNumerations();
+		   }
+		   else {
+			//that.numeratedHeadersButton.setPressed(true);
+			that.createNumeratedHeaders();
+		   }
+            },
+            'tooltip' : i18n.t('button.numeratedHeaders.tooltip'),
+            'toggle' : true,
+	    'pressed' : this.numeratedactive
+          });
+          FloatingMenu.addButton(
+            'Aloha.continuoustext',
+            this.numeratedHeadersButton,
+            i18nCore.t('floatingmenu.tab.format'),
+            1
+          );
+	  // We need to bind to selection-changed event to recognize backspace and delete interactions
+	  Aloha.bind( 'aloha-selection-changed', function ( event ) {
+	    if ( that.numeratedHeadersButton.isPressed() ) {
+		that.createNumeratedHeaders();
+	    }
+	  });
+     },
+	 removeNumerations : function () {
+		var active_editable_obj = this.getBaseElement();
+		if ( !active_editable_obj ) {
+			return;
+		}
+		var headers = active_editable_obj.find(this.headingselector);
+		headers.each( function() {
+			jQuery(this).find('span[role=annotation]').each(function(){jQuery(this).remove();});
+		});
+	 },
+	getBaseElement: function() {
+		if ( typeof this.baseobjectSelector !== 'undefined' ) {
+			if( jQuery(this.baseobjectSelector).length > 0 ) {
+				return jQuery(this.baseobjectSelector);
+			} else {
+				return false;
+			}
+		} else {
+			if ( typeof Aloha.activeEditable == "undefined" || Aloha.activeEditable == null ) {
+        			return false;
+        		} else {
+				return Aloha.activeEditable.obj;
+			}
+		}
+	},
+	/*
+	* checks if the given Object contains a note Tag that looks like this:
+	* <span annotation=''>
+	*
+	* @param {Object} obj - The Object to check
+	*/
+     	hasNote: function(obj) {
+		if(!obj || !jQuery(obj).length > 0){
+			return false;
+		}
+		obj = jQuery(obj);
+		if( obj.find('span[role=annotation]').length > 0 ) {
+			return true;
+		}
+		return false;
+	},
+	/*
+	* checks if the given Object has textual content.
+	* A possible "<span annotation=''>" tag will be ignored
+	*
+	* @param {Object} obj - The Object to check
+	*/
+	hasContent: function(obj) {
+		if( !obj || !jQuery(obj).length > 0 ) {
+			return false;
+		}
+		obj = jQuery(obj);
+		// we have to check the content of this object without the annotation span
+		var objCleaned = obj.clone().find('span[role=annotation]').remove().end();
+		// check for text, also in other possible sub tags
+		if ( objCleaned.text().trim().length > 0 ) {
+			return true;
+		}
+		return false;
+	},
+     createNumeratedHeaders: function() {
+	var active_editable_obj = this.getBaseElement();
+	if(!active_editable_obj){
+		return;
+	}
+	var that = this;
+        var headers = active_editable_obj.find(this.headingselector);
+		if ( typeof headers == "undefined" || headers.length == 0 ) {
+           return;
+      }
+      var base_rank = parseInt(headers[0].nodeName.substr(1));
+      var prev_rank = null;
+      var current_annotation = [];
+      var annotation_pos = 0;
+      // initialize the base annotations
+      for ( var i=0; i < (6 - base_rank) + 1; i++ ) {
+          current_annotation[i] = 0;
+      }
+      headers.each(function(){
+	// build and count annotation only if there is content in this header
+	if( that.hasContent(this) ) {
+       		var current_rank = parseInt(this.nodeName.substr(1));
+        	if( prev_rank == null ){
+          		//increment the main annotation
+          		current_annotation[annotation_pos]++;
+        	}
+        	//starts a sub title
+        	else if ( current_rank > prev_rank ) {
+          		current_annotation[++annotation_pos]++;
+        	}
+        	//continues subtitles
+        	else if ( current_rank == prev_rank ) {
+          		current_annotation[annotation_pos]++;
+        	}
+        	//goes back to a main title
+        	else if ( current_rank < prev_rank ) {
+          		var current_pos = current_rank - base_rank;
+          		for( var j=annotation_pos; j > (current_pos); j-- ){
+            			current_annotation[j] = 0; //reset current sub-annotation
+          		}
+          		annotation_pos = current_pos;
+          		current_annotation[annotation_pos]++;
+        	}
+        	prev_rank = current_rank;
+        	var annotation_result = current_annotation[0];
+        	for( var i = 1; i < current_annotation.length; i++ ){
+          		if(current_annotation[i] != 0){
+             			annotation_result += ("." + current_annotation[i]);
+          		}
+        	}
+		if ( that.hasNote(this) ) {
+			jQuery(this).find('span[role=annotation]').html(annotation_result);
+		} else {
+			jQuery(this).prepend("<span role='annotation'>" + annotation_result + "</span> ");
+		}
+	} else {
+		// no Content, so remove the Note, if there is one
+		if ( that.hasNote(this) ) {
+			jQuery(this).find('span[role=annotation]').remove();
+		}
+	}
+      })
+     }
+   });
+});