annex-cms 0.1.8 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e53ab40749b572e54d4e1c076bcb17a541ec2b79
-  data.tar.gz: a8ebc3d23c04e76f38c7ffd4a6aba4980e54b1ef
+  metadata.gz: 9dd1aaadb3163699a61419ca7fd4a908081037b9
+  data.tar.gz: 22c3579dc3afb0195f90fbe4e6d096a6c208e017
 SHA512:
-  metadata.gz: 43b5bcffaa71cffce6d65d9ee0a6226a620c0e9e8e03d9500e1bc24ce6583742a7dc3202cea362a47dd83791fca3beabf57abc4c6f423d38558656fa501eb482
-  data.tar.gz: 0b672162d4d7c79259a981e00ada87ded35d2fd7e52a7460953a7b7d35238fc87b90b10588c6193a4ac6c7ae163a41ec1b0c5f9bb2b961e2dc1a437fd5b73c06
+  metadata.gz: 2c38cd76f107273fe24404e4a1e51644baad9739d8bd1a802109c222230a54ea85c146fb80e14cb91eaab428e3c9fb89bf409c48d3bd9aa093d133db9f525f3d
+  data.tar.gz: 1ae3c1945ba1bca1a2007837ef3a752daf028105616a612abf4569a2092dca44a7a03d11c9c74d6b6e237fab863c555b03e24f9e559cb198903145cd04ab88ed

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

@@ -8,10 +8,21 @@ ready = ->
 
   # on click of .redactor, fire up a redactor instance
   $("body").on "click", ".redactor", ->
-    unless $(this).hasClass("redactor_editor")
+    unless $(this).hasClass("redactor-editor")
       $(this).redactor
         focus: true
+        imageUpload: '/annex/upload'
+        imageManagerJson: '/annex/upload/images.json'
+        fileUpload: '/annex/upload'
+        fileManagerJson: '/annex/upload/files.json'
         plugins: [
+          "definedlinks"
+          "fontsize"
+          "fontcolor"
+          "table"
+          "filemanager"
+          "imagemanager"
+          "video"
           "clips"
           "fullscreen"
           "save"

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

@@ -1,56 +1,60 @@
 if (!RedactorPlugins) var RedactorPlugins = {};
 
-(function ($, undefined) {
-    $.fn.getCursorPosition = function () {
-        var el = $(this).get(0);
-        var pos = 0;
-        if ('selectionStart' in el) {
-            pos = el.selectionStart;
-        } else if ('selection' in document) {
-            el.focus();
-            var Sel = document.selection.createRange();
-            var SelLength = document.selection.createRange().text.length;
-            Sel.moveStart('character', -el.value.length);
-            pos = Sel.text.length - SelLength;
-        }
-        return pos;
-    }
-})(jQuery);
-
-// When i come back to it, we'll want to use the plugin above to log the cursor position
-// before the modal is triggered and the position is lost.
-// $(this).getCursorPosition());
-
-RedactorPlugins.clips = {
-	init: function()
-	{
-		var callback = $.proxy(function()
+RedactorPlugins.clips = function()
+{
+	return {
+		init: function()
 		{
-			$('#redactor_modal').find('.redactor_clip_link').each($.proxy(function(i, s)
+			var items = [
+				['Lorem ipsum...', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.']
+			];
+
+			this.clips.template = $('<ul id="redactor-modal-list">');
+
+			for (var i = 0; i < items.length; i++)
 			{
-				$(s).click($.proxy(function()
-				{
-					this.insertClip($(s).next().html());
-					return false;
+				var li = $('<li>');
+				var a = $('<a href="#" class="redactor-clip-link">').text(items[i][0]);
+				var div = $('<div class="redactor-clip">').hide().html(items[i][1]);
 
-				}, this));
-			}, this));
+				li.append(a);
+				li.append(div);
+				this.clips.template.append(li);
+			}
 
-			this.selectionSave();
-			this.bufferSet();
+			this.modal.addTemplate('clips', '<section>' + this.utils.getOuterHtml(this.clips.template) + '</section>');
+
+			var button = this.button.add('clips', 'Clips');
+			this.button.addCallback(button, this.clips.show);
+
+		},
+		show: function()
+		{
+			this.modal.load('clips', 'Insert Clips', 400);
 
-		}, this );
+			this.modal.createCancelButton();
 
-		this.buttonAdd('clips', 'Clips', function(e)
+			$('#redactor-modal-list').find('.redactor-clip-link').each($.proxy(this.clips.load, this));
+
+			this.selection.save();
+			this.modal.show();
+		},
+		load: function(i,s)
+		{
+			$(s).on('click', $.proxy(function(e)
+			{
+				e.preventDefault();
+				this.clips.insert($(s).next().html());
+
+			}, this));
+		},
+		insert: function(html)
 		{
-			this.modalInit('Clips', '#clipsmodal', 500, callback);
-		});
-	},
-	insertClip: function(html)
-	{
-		this.selectionRestore();
-		this.insertHtml($.trim(html));
-		this.modalClose();
-	}
+			this.selection.restore();
+			this.insert.html(html);
+			this.modal.close();
+			this.observe.load();
+		}
+	};
 };
 

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

@@ -0,0 +1,50 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.definedlinks = function()
+{
+	return {
+		init: function()
+		{
+			if (!this.opts.definedLinks) return;
+
+			this.modal.addCallback('link', $.proxy(this.definedlinks.load, this));
+
+		},
+		load: function()
+		{
+			var $select = $('<select id="redactor-defined-links" />');
+			$('#redactor-modal-link-insert').prepend($select);
+
+			this.definedlinks.storage = {};
+
+			$.getJSON(this.opts.definedLinks, $.proxy(function(data)
+			{
+				$.each(data, $.proxy(function(key, val)
+				{
+					this.definedlinks.storage[key] = val;
+					$select.append($('<option>').val(key).html(val.name));
+
+				}, this));
+
+				$select.on('change', $.proxy(this.definedlinks.select, this));
+
+			}, this));
+
+		},
+		select: function(e)
+		{
+			var key = $(e.target).val();
+			var name = '', url = '';
+			if (key !== 0)
+			{
+				name = this.definedlinks.storage[key].name;
+				url = this.definedlinks.storage[key].url;
+			}
+
+			$('#redactor-link-url').val(url);
+
+			var $el = $('#redactor-link-url-text');
+			if ($el.val() === '') $el.val(name);
+		}
+	};
+};

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

@@ -0,0 +1,59 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.filemanager = function()
+{
+	return {
+		init: function()
+		{
+			if (!this.opts.fileManagerJson) return;
+
+			this.modal.addCallback('file', this.filemanager.load);
+		},
+		load: function()
+		{
+			var $modal = this.modal.getModal();
+
+			this.modal.createTabber($modal);
+			this.modal.addTab(1, 'Upload', 'active');
+			this.modal.addTab(2, 'Choose');
+
+			$('#redactor-modal-file-upload-box').addClass('redactor-tab redactor-tab1');
+
+			var $box = $('<div id="redactor-file-manager-box" style="overflow: auto; height: 300px;" class="redactor-tab redactor-tab2">').hide();
+			$modal.append($box);
+
+
+			$.ajax({
+			  dataType: "json",
+			  cache: false,
+			  url: this.opts.fileManagerJson,
+			  success: $.proxy(function(data)
+				{
+					var ul = $('<ul id="redactor-modal-list">');
+					$.each(data, $.proxy(function(key, val)
+					{
+						var a = $('<a href="#" title="' + val.title + '" rel="' + val.link + '">' + val.title + ' <span style="font-size: 11px; color: #888;">' + val.name + '</span> <span style="position: absolute; right: 10px; font-size: 11px; color: #888;">(' + val.size + ')</span></a>');
+						var li = $('<li />');
+
+						a.on('click', $.proxy(this.filemanager.insert, this));
+
+						li.append(a);
+						ul.append(li);
+
+					}, this));
+
+					$('#redactor-file-manager-box').append(ul);
+
+
+				}, this)
+			});
+
+		},
+		insert: function(e)
+		{
+			e.preventDefault();
+
+			this.file.insert('<a href="' + $(e.target).attr('rel') + '">' + $(e.target).attr('title') + '</a>');
+		}
+	};
+};

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

@@ -0,0 +1,73 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.fontcolor = function()
+{
+	return {
+		init: function()
+		{
+			var colors = [
+				'#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
+				'#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
+				'#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
+				'#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
+				'#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
+				'#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b',  '#974806', '#7f6000'
+			];
+
+			var buttons = ['fontcolor', 'backcolor'];
+
+			for (var i = 0; i < 2; i++)
+			{
+				var name = buttons[i];
+
+				var button = this.button.add(name, this.lang.get(name));
+				var $dropdown = this.button.addDropdown(button);
+
+				$dropdown.width(242);
+				this.fontcolor.buildPicker($dropdown, name, colors);
+
+			}
+		},
+		buildPicker: function($dropdown, name, colors)
+		{
+			var rule = (name == 'backcolor') ? 'background-color' : 'color';
+
+			var len = colors.length;
+			var self = this;
+			var func = function(e)
+			{
+				e.preventDefault();
+				self.fontcolor.set($(this).data('rule'), $(this).attr('rel'));
+			};
+
+			for (var z = 0; z < len; z++)
+			{
+				var color = colors[z];
+
+				var $swatch = $('<a rel="' + color + '" data-rule="' + rule +'" href="#" style="float: left; font-size: 0; border: 2px solid #fff; padding: 0; margin: 0; width: 22px; height: 22px;"></a>');
+				$swatch.css('background-color', color);
+				$swatch.on('click', func);
+
+				$dropdown.append($swatch);
+			}
+
+			var $elNone = $('<a href="#" style="display: block; clear: both; padding: 5px; font-size: 12px; line-height: 1;"></a>').html(this.lang.get('none'));
+			$elNone.on('click', $.proxy(function(e)
+			{
+				e.preventDefault();
+				this.fontcolor.remove(rule);
+
+			}, this));
+
+			$dropdown.append($elNone);
+		},
+		set: function(rule, type)
+		{
+			this.inline.format('span', 'style', rule + ': ' + type + ';');
+		},
+		remove: function(rule)
+		{
+			this.inline.removeStyleRule(rule);
+		}
+	};
+};

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

@@ -0,0 +1,31 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.fontsize = function()
+{
+	return {
+		init: function()
+		{
+			var fonts = [10, 11, 12, 14, 16, 18, 20, 24, 28, 30];
+			var that = this;
+			var dropdown = {};
+
+			$.each(fonts, function(i, s)
+			{
+				dropdown['s' + i] = { title: s + 'px', func: function() { that.fontsize.set(s); } };
+			});
+
+			dropdown.remove = { title: 'Remove Font Size', func: that.fontsize.reset };
+
+			var button = this.button.add('fontsize', 'Change Font Size');
+			this.button.addDropdown(button, dropdown);
+		},
+		set: function(size)
+		{
+			this.inline.format('span', 'style', 'font-size: ' + size + 'px;');
+		},
+		reset: function()
+		{
+			this.inline.removeStyleRule('font-size');
+		}
+	};
+};

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

@@ -1,142 +1,118 @@
 if (!RedactorPlugins) var RedactorPlugins = {};
 
-RedactorPlugins.fullscreen = {
-	init: function()
-	{
-		this.fullscreen = false;
-
-		this.buttonAdd('fullscreen', 'Fullscreen', $.proxy(this.toggleFullscreen, this));
-		this.buttonSetRight('fullscreen');
+RedactorPlugins.fullscreen = function()
+{
+	return {
+		init: function()
+		{
+			this.fullscreen.isOpen = false;
 
-		if (this.opts.fullscreen) this.toggleFullscreen();
-	},
-	toggleFullscreen: function()
-	{
-		var html;
+			var button = this.button.add('fullscreen', 'Fullscreen');
+			this.button.addCallback(button, this.fullscreen.toggle);
 
-		if (!this.fullscreen)
+			if (this.opts.fullscreen) this.fullscreen.toggle();
+		},
+		enable: function()
 		{
-			this.buttonChangeIcon('fullscreen', 'normalscreen');
-			this.buttonActive('fullscreen');
-			this.fullscreen = true;
+			this.button.changeIcon('fullscreen', 'normalscreen');
+			this.button.setActive('fullscreen');
+			this.fullscreen.isOpen = true;
 
 			if (this.opts.toolbarExternal)
 			{
-				this.toolcss = {};
-				this.boxcss = {};
-				this.toolcss.width = this.$toolbar.css('width');
-				this.toolcss.top = this.$toolbar.css('top');
-				this.toolcss.position = this.$toolbar.css('position');
-				this.boxcss.top = this.$box.css('top');
+				this.fullscreen.toolcss = {};
+				this.fullscreen.boxcss = {};
+				this.fullscreen.toolcss.width = this.$toolbar.css('width');
+				this.fullscreen.toolcss.top = this.$toolbar.css('top');
+				this.fullscreen.toolcss.position = this.$toolbar.css('position');
+				this.fullscreen.boxcss.top = this.$box.css('top');
 			}
 
-			this.fsheight = this.$editor.height();
+			this.fullscreen.height = this.$editor.height();
 
 			if (this.opts.maxHeight) this.$editor.css('max-height', '');
-			if (this.opts.iframe) html = this.get();
+			if (this.opts.minHeight) this.$editor.css('min-height', '');
 
-			this.$box.addClass('redactor_box_fullscreen');
-			$('body, html').css('overflow', 'hidden');
+			if (!this.$fullscreenPlaceholder) this.$fullscreenPlaceholder = $('<div/>');
+			this.$fullscreenPlaceholder.insertAfter(this.$box);
 
-			if (this.opts.iframe) this.fullscreenIframe(html);
+			this.$box.appendTo(document.body);
 
-			this.fullScreenResize();
-			$(window).resize($.proxy(this.fullScreenResize, this));
-			$(document).scrollTop(0, 0);
+			this.$box.addClass('redactor-box-fullscreen');
+			$('body, html').css('overflow', 'hidden');
 
-			this.focus();
-			this.observeStart();
+			this.fullscreen.resize();
+			$(window).on('resize.redactor.fullscreen', $.proxy(this.fullscreen.resize, this));
+			$(document).scrollTop(0, 0);
 
-		}
-		else
+			this.$editor.focus();
+			this.observe.load();
+		},
+		disable: function()
 		{
-			this.buttonRemoveIcon('fullscreen', 'normalscreen');
-			this.buttonInactive('fullscreen');
-			this.fullscreen = false;
+			this.button.removeIcon('fullscreen', 'normalscreen');
+			this.button.setInactive('fullscreen');
+			this.fullscreen.isOpen = false;
 
-			$(window).off('resize', $.proxy(this.fullScreenResize, this));
+			$(window).off('resize.redactor.fullscreen');
 			$('body, html').css('overflow', '');
 
-			this.$box.removeClass('redactor_box_fullscreen').css({ width: 'auto', height: 'auto' });
-
-			if (this.opts.iframe) html = this.$editor.html();
+			this.$box.insertBefore(this.$fullscreenPlaceholder);
+			this.$fullscreenPlaceholder.remove();
 
-			if (this.opts.iframe) this.fullscreenIframe(html);
-			else this.sync();
+			this.$box.removeClass('redactor-box-fullscreen').css({ width: 'auto', height: 'auto' });
 
-			var height = this.fsheight;
-			if (this.opts.autoresize) height = 'auto';
-			if (this.opts.maxHeight) this.$editor.css('max-height', this.opts.maxHeight);
+			this.code.sync();
 
 			if (this.opts.toolbarExternal)
 			{
-				this.$box.css('top', this.boxcss.top);
+				this.$box.css('top', this.fullscreen.boxcss.top);
 				this.$toolbar.css({
-					'width': this.toolcss.width,
-					'top': this.toolcss.top,
-					'position': this.toolcss.position
+					'width': this.fullscreen.toolcss.width,
+					'top': this.fullscreen.toolcss.top,
+					'position': this.fullscreen.toolcss.position
 				});
 			}
 
-			if (!this.opts.iframe) this.$editor.css('height', height);
-			else this.$frame.css('height', height);
+			if (this.opts.minHeight) this.$editor.css('minHeight', this.opts.minHeight);
+			if (this.opts.maxHeight) this.$editor.css('maxHeight', this.opts.maxHeight);
 
-			this.$editor.css('height', height);
-			this.focus();
-			this.observeStart();
-		}
-	},
-	fullscreenIframe: function(html)
-	{
-		this.$editor = this.$frame.contents().find('body');
-		this.$editor.attr({ 'contenteditable': true, 'dir': this.opts.direction });
-
-		// set document & window
-		if (this.$editor[0])
+			this.$editor.css('height', 'auto');
+			this.$editor.focus();
+			this.observe.load();
+		},
+		toggle: function()
 		{
-			this.document = this.$editor[0].ownerDocument;
-			this.window = this.document.defaultView || window;
-		}
-
-		// iframe css
-		this.iframeAddCss();
-
-		if (this.opts.fullpage) this.setFullpageOnInit(html);
-		else this.set(html);
-
-		if (this.opts.wym) this.$editor.addClass('redactor_editor_wym');
-	},
-	fullScreenResize: function()
-	{
-		if (!this.fullscreen) return false;
-
-		var toolbarHeight = this.$toolbar.height();
-
-		var pad = this.$editor.css('padding-top').replace('px', '');
-		var height = $(window).height() - toolbarHeight;
-		this.$box.width($(window).width() - 2).height(height + toolbarHeight);
-
-		if (this.opts.toolbarExternal)
+			if (this.fullscreen.isOpen)
+			{
+				this.fullscreen.disable();
+			}
+			else
+			{
+				this.fullscreen.enable();
+			}
+		},
+		resize: function()
 		{
-			this.$toolbar.css({
-				'top': '0px',
-				'position': 'absolute',
-				'width': '100%'
-			});
+			if (!this.fullscreen.isOpen) return;
 
-			this.$box.css('top', toolbarHeight + 'px');
-		}
+			var toolbarHeight = this.$toolbar.height();
 
-		if (!this.opts.iframe) this.$editor.height(height - (pad * 2));
-		else
-		{
-			setTimeout($.proxy(function()
+			var height = $(window).height() - toolbarHeight;
+			this.$box.width($(window).width() - 2).height(height + toolbarHeight);
+
+			if (this.opts.toolbarExternal)
 			{
-				this.$frame.height(height);
+				this.$toolbar.css({
+					'top': '0px',
+					'position': 'absolute',
+					'width': '100%'
+				});
 
-			}, this), 1);
-		}
+				this.$box.css('top', toolbarHeight + 'px');
+			}
 
-		this.$editor.height(height);
-	}
+			this.$editor.height(height - 14);
+		}
+	};
 };

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

@@ -0,0 +1,54 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.imagemanager = function()
+{
+	return {
+		init: function()
+		{
+			if (!this.opts.imageManagerJson) return;
+
+			this.modal.addCallback('image', this.imagemanager.load);
+		},
+		load: function()
+		{
+			var $modal = this.modal.getModal();
+
+			this.modal.createTabber($modal);
+			this.modal.addTab(1, 'Upload', 'active');
+			this.modal.addTab(2, 'Choose');
+
+			$('#redactor-modal-image-droparea').addClass('redactor-tab redactor-tab1');
+
+			var $box = $('<div id="redactor-image-manager-box" style="overflow: auto; height: 300px;" class="redactor-tab redactor-tab2">').hide();
+			$modal.append($box);
+
+			$.ajax({
+			  dataType: "json",
+			  cache: false,
+			  url: this.opts.imageManagerJson,
+			  success: $.proxy(function(data)
+				{
+					$.each(data, $.proxy(function(key, val)
+					{
+						// title
+						var thumbtitle = '';
+						if (typeof val.title !== 'undefined') thumbtitle = val.title;
+
+						var img = $('<img src="' + val.thumb + '" rel="' + val.image + '" title="' + thumbtitle + '" style="width: 100px; height: 75px; cursor: pointer;" />');
+						$('#redactor-image-manager-box').append(img);
+						$(img).click($.proxy(this.imagemanager.insert, this));
+
+					}, this));
+
+
+				}, this)
+			});
+
+
+		},
+		insert: function(e)
+		{
+			this.image.insert('<img src="' + $(e.target).attr('rel') + '" alt="' + $(e.target).attr('title') + '">');
+		}
+	};
+};