annex-cms 0.1.8 → 0.2.0

data/app/assets/javascripts/annex/jquery.redactor.save.js

@@ -1,70 +1,69 @@
 if (!RedactorPlugins) var RedactorPlugins = {};
 
-RedactorPlugins.save = {
-  init: function()
-  {
-    this.buttonAdd('save', 'Save', function(){
-      this.saveContent();
-    });
-    this.buttonAddSeparator();
-    this.buttonSetRight('save');
+RedactorPlugins.save = function()
+{
+  return {
+    init: function()
+    {
+      var button = this.button.add('save', 'Save');
+      this.button.addCallback(button, this.save.content);
 
-    save_shortcut = $.proxy(function(e){
-      var editor_active = this.getEditor().hasClass('redactor_editor');
+      save_shortcut = $.proxy(function(e){
+        var editor_active = this.$editor.hasClass('redactor-editor');
 
-      if ( editor_active )
-        this.saveContent();
+        if (editor_active)
+          this.save.content();
 
-      return editor_active;
-    }, this);
+        return editor_active;
+      }, this);
 
-    $(document).keydown(function(e){
-      if ((e.which == '115' || e.which == '83' ) && (e.ctrlKey || e.metaKey))
-      {
-        if ( save_shortcut() )
+      $(document).keydown(function(e){
+        if ((e.which == '115' || e.which == '83' ) && (e.ctrlKey || e.metaKey))
         {
-          e.preventDefault();
+          if ( save_shortcut() )
+          {
+            e.preventDefault();
 
-          return false;
+            return false;
+          }
         }
-      }
 
-      return true;
-    });
-  },
-  saveContent: function() {
+        return true;
+      });
+    },
+    content: function() {
+      var post_url = '/annex/blocks',
+          route = this.$editor.attr('data-route'),
+          identifier = this.$editor.attr('data-identifier'),
+          html_content = {};
 
-    var post_url = '/annex/blocks',
-        route = this.getEditor().attr('data-route'),
-        identifier = this.getEditor().attr('data-identifier'),
-        html_content = {};
+      var callback = $.proxy(function() {
+        var $this = this;
+        var editor = this.$editor;
 
-    var callback = $.proxy(function() {
-      var $this = this;
-      var editor = this.getEditor();
+        editor.addClass('saved')
+          .delay(1000)
+          .queue(function(next){
+            $(this).removeClass('saved');
+            next();
+          });
 
-      editor.addClass('saved')
-        .delay(1000)
-        .queue(function(next){
-          $(this).removeClass('saved');
-          next();
-        });
+        setTimeout(function(){ $this.core.destroy(); }, 2000);
+      }, this);
 
-      setTimeout(function(){ $this.destroy(); }, 2000);
-    }, this);
+      html_content[identifier] = this.code.get();
 
-    html_content[identifier] = this.get();
-
-    $.ajax({
-      type:         'POST',
-      url:          post_url,
-      data:         {
-        route: route,
-        content: html_content
-      },
-      success: callback,
-      dataType: 'json'
-    });
-  }
+      $.ajax({
+        type: 'POST',
+        url: post_url,
+        data: {
+          route: route,
+          content: html_content
+        },
+        success: callback,
+        dataType: 'json'
+      });
+    }
+  };
 };
 

data/app/assets/javascripts/annex/jquery.redactor.table.js

@@ -0,0 +1,330 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.table = function()
+{
+	return {
+		getTemplate: function()
+		{
+			return String()
+			+ '<section id="redactor-modal-table-insert">'
+				+ '<label>' + this.lang.get('rows') + '</label>'
+				+ '<input type="text" size="5" value="2" id="redactor-table-rows" />'
+				+ '<label>' + this.lang.get('columns') + '</label>'
+				+ '<input type="text" size="5" value="3" id="redactor-table-columns" />'
+			+ '</section>';
+		},
+		init: function()
+		{
+
+			var dropdown = {};
+
+			dropdown.insert_table = { title: this.lang.get('insert_table'), func: this.table.show };
+			dropdown.insert_row_above = { title: this.lang.get('insert_row_above'), func: this.table.addRowAbove };
+			dropdown.insert_row_below = { title: this.lang.get('insert_row_below'), func: this.table.addRowBelow };
+			dropdown.insert_column_left = { title: this.lang.get('insert_column_left'), func: this.table.addColumnLeft };
+			dropdown.insert_column_right = { title: this.lang.get('insert_column_right'), func: this.table.addColumnRight };
+			dropdown.add_head = { title: this.lang.get('add_head'), func: this.table.addHead };
+			dropdown.delete_head = { title: this.lang.get('delete_head'), func: this.table.deleteHead };
+			dropdown.delete_column = { title: this.lang.get('delete_column'), func: this.table.deleteColumn };
+			dropdown.delete_row = { title: this.lang.get('delete_row'), func: this.table.deleteRow };
+			dropdown.delete_table = { title: this.lang.get('delete_table'), func: this.table.deleteTable };
+
+			this.observe.addButton('td', 'table');
+			this.observe.addButton('th', 'table');
+
+			var button = this.button.addBefore('link', 'table', this.lang.get('table'));
+			this.button.addDropdown(button, dropdown);
+		},
+		show: function()
+		{
+			this.modal.addTemplate('table', this.table.getTemplate());
+
+			this.modal.load('table', this.lang.get('insert_table'), 300);
+			this.modal.createCancelButton();
+
+			var button = this.modal.createActionButton(this.lang.get('insert'));
+			button.on('click', this.table.insert);
+
+			this.selection.save();
+			this.modal.show();
+
+			$('#redactor-table-rows').focus();
+
+		},
+		insert: function()
+		{
+
+			var rows = $('#redactor-table-rows').val(),
+				columns = $('#redactor-table-columns').val(),
+				$tableBox = $('<div>'),
+				tableId = Math.floor(Math.random() * 99999),
+				$table = $('<table id="table' + tableId + '"><tbody></tbody></table>'),
+				i, $row, z, $column;
+
+			for (i = 0; i < rows; i++)
+			{
+				$row = $('<tr>');
+
+				for (z = 0; z < columns; z++)
+				{
+					$column = $('<td>' + this.opts.invisibleSpace + '</td>');
+
+					// set the focus to the first td
+					if (i === 0 && z === 0)
+					{
+						$column.append(this.selection.getMarker());
+					}
+
+					$($row).append($column);
+				}
+
+				$table.append($row);
+			}
+
+			$tableBox.append($table);
+			var html = $tableBox.html();
+
+
+			this.modal.close();
+			this.selection.restore();
+
+			if (this.table.getTable()) return;
+
+			this.buffer.set();
+
+			var current = this.selection.getBlock() || this.selection.getCurrent();
+			if (current && current.tagName != 'BODY')
+			{
+				if (current.tagName == 'LI') current = $(current).closest('ul, ol');
+				$(current).after(html);
+			}
+			else
+			{
+				this.insert.html(html);
+			}
+
+			this.selection.restore();
+
+			var table = this.$editor.find('#table' + tableId);
+
+			if (!this.opts.linebreaks && (this.utils.browser('mozilla') || this.utils.browser('msie')))
+			{
+				var $next = table.next();
+				if ($next.length === 0)
+				{
+					 table.after(this.opts.emptyHtml);
+				}
+			}
+
+			this.observe.buttons();
+
+			table.find('span.redactor-selection-marker').remove();
+			table.removeAttr('id');
+
+			this.code.sync();
+			this.core.setCallback('insertedTable', table);
+		},
+		getTable: function()
+		{
+			var $table = $(this.selection.getParent()).closest('table');
+
+			if (!this.utils.isRedactorParent($table)) return false;
+			if ($table.size() === 0) return false;
+
+			return $table;
+		},
+		restoreAfterDelete: function($table)
+		{
+			this.selection.restore();
+			$table.find('span.redactor-selection-marker').remove();
+			this.code.sync();
+		},
+		deleteTable: function()
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			this.buffer.set();
+
+
+			var $next = $table.next();
+			if (!this.opts.linebreaks && $next.length !== 0)
+			{
+				this.caret.setStart($next);
+			}
+			else
+			{
+				this.caret.setAfter($table);
+			}
+
+
+			$table.remove();
+
+			this.code.sync();
+		},
+		deleteRow: function()
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			var $current = $(this.selection.getCurrent());
+
+			this.buffer.set();
+
+			var $current_tr = $current.closest('tr');
+			var $focus_tr = $current_tr.prev().length ? $current_tr.prev() : $current_tr.next();
+			if ($focus_tr.length)
+			{
+				var $focus_td = $focus_tr.children('td, th').first();
+				if ($focus_td.length) $focus_td.prepend(this.selection.getMarker());
+			}
+
+			$current_tr.remove();
+			this.table.restoreAfterDelete($table);
+		},
+		deleteColumn: function()
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			this.buffer.set();
+
+			var $current = $(this.selection.getCurrent());
+			var $current_td = $current.closest('td, th');
+			var index = $current_td[0].cellIndex;
+
+			$table.find('tr').each($.proxy(function(i, elem)
+			{
+				var $elem = $(elem);
+				var focusIndex = index - 1 < 0 ? index + 1 : index - 1;
+				if (i === 0) $elem.find('td, th').eq(focusIndex).prepend(this.selection.getMarker());
+
+				$elem.find('td, th').eq(index).remove();
+
+			}, this));
+
+			this.table.restoreAfterDelete($table);
+		},
+		addHead: function()
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			this.buffer.set();
+
+			if ($table.find('thead').size() !== 0)
+			{
+				this.table.deleteHead();
+				return;
+			}
+
+			var tr = $table.find('tr').first().clone();
+			tr.find('td').html(this.opts.invisibleSpace);
+			$thead = $('<thead></thead>').append(tr);
+			$table.prepend($thead);
+
+			this.code.sync();
+
+		},
+		deleteHead: function()
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			var $thead = $table.find('thead');
+			if ($thead.size() === 0) return;
+
+			this.buffer.set();
+
+			$thead.remove();
+			this.code.sync();
+		},
+		addRowAbove: function()
+		{
+			this.table.addRow('before');
+		},
+		addRowBelow: function()
+		{
+			this.table.addRow('after');
+		},
+		addColumnLeft: function()
+		{
+			this.table.addColumn('before');
+		},
+		addColumnRight: function()
+		{
+			this.table.addColumn('after');
+		},
+		addRow: function(type)
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			this.buffer.set();
+
+			var $current = $(this.selection.getCurrent());
+			var $current_tr = $current.closest('tr');
+			var new_tr = $current_tr.clone();
+
+			new_tr.find('th').replaceWith(function()
+			{
+				var $td = $('<td>');
+				$td[0].attributes = this.attributes;
+
+				return $td.append($(this).contents());
+			});
+
+			new_tr.find('td').html(this.opts.invisibleSpace);
+
+			if (type == 'after')
+			{
+				$current_tr.after(new_tr);
+			}
+			else
+			{
+				$current_tr.before(new_tr);
+			}
+
+			this.code.sync();
+		},
+		addColumn: function (type)
+		{
+			var $table = this.table.getTable();
+			if (!$table) return;
+
+			var index = 0;
+			var current = $(this.selection.getCurrent());
+
+			this.buffer.set();
+
+			var $current_tr = current.closest('tr');
+			var $current_td = current.closest('td, th');
+
+			$current_tr.find('td, th').each($.proxy(function(i, elem)
+			{
+				if ($(elem)[0] === $current_td[0]) index = i;
+
+			}, this));
+
+			$table.find('tr').each($.proxy(function(i, elem)
+			{
+				var $current = $(elem).find('td, th').eq(index);
+
+				var td = $current.clone();
+				td.html(this.opts.invisibleSpace);
+
+				if (type == 'after')
+				{
+					$current.after(td);
+				}
+				else
+				{
+					$current.before(td);
+				}
+
+			}, this));
+
+			this.code.sync();
+		}
+	};
+};

data/app/assets/javascripts/annex/jquery.redactor.video.js

@@ -0,0 +1,70 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.video = function()
+{
+	return {
+		reUrlYoutube: /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig,
+		reUrlVimeo: /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/,
+		getTemplate: function()
+		{
+			return String()
+			+ '<section id="redactor-modal-video-insert">'
+				+ '<label>' + this.lang.get('video_html_code') + '</label>'
+				+ '<textarea id="redactor-insert-video-area" style="height: 160px;"></textarea>'
+			+ '</section>';
+		},
+		init: function()
+		{
+			var button = this.button.addAfter('image', 'video', this.lang.get('video'));
+			this.button.addCallback(button, this.video.show);
+		},
+		show: function()
+		{
+			this.modal.addTemplate('video', this.video.getTemplate());
+
+			this.modal.load('video', this.lang.get('video'), 700);
+			this.modal.createCancelButton();
+
+			var button = this.modal.createActionButton(this.lang.get('insert'));
+			button.on('click', this.video.insert);
+
+			this.selection.save();
+			this.modal.show();
+
+			$('#redactor-insert-video-area').focus();
+
+		},
+		insert: function()
+		{
+			var data = $('#redactor-insert-video-area').val();
+			data = this.clean.stripTags(data);
+
+			// parse if it is link on youtube & vimeo
+			var iframeStart = '<iframe style="width: 500px; height: 281px;" src="',
+				iframeEnd = '" frameborder="0" allowfullscreen></iframe>';
+
+			if (data.match(this.video.reUrlYoutube))
+			{
+				data = data.replace(this.video.reUrlYoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
+			}
+			else if (data.match(this.video.reUrlVimeo))
+			{
+				data = data.replace(this.video.reUrlVimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
+			}
+
+			this.selection.restore();
+			this.modal.close();
+
+			var current = this.selection.getBlock() || this.selection.getCurrent();
+
+			if (current) $(current).after(data);
+			else
+			{
+				this.insert.html(data);
+			}
+
+			this.code.sync();
+		}
+
+	};
+};

data/app/assets/javascripts/annex.js.coffee

@@ -1,5 +1,12 @@
 //= require annex/cms
 //= require annex/jquery.redactor
-//= require annex/jquery.redactor.save
+//= require annex/jquery.redactor.definedlinks
+//= require annex/jquery.redactor.fontsize
+//= require annex/jquery.redactor.fontcolor
+//= require annex/jquery.redactor.table
+//= require annex/jquery.redactor.filemanager
+//= require annex/jquery.redactor.imagemanager
+//= require annex/jquery.redactor.video
 //= require annex/jquery.redactor.clips
-//= require annex/jquery.redactor.fullscreen
+//= require annex/jquery.redactor.fullscreen
+//= require annex/jquery.redactor.save