glebtv-ckeditor 4.2.1.5 → 4.3.2.0

data/app/assets/javascripts/ckeditor/application.js

@@ -1,5 +1,6 @@
 //= require ckeditor/filebrowser/javascripts/jquery.min.js
 //= require ckeditor/filebrowser/javascripts/jquery.tmpl.min.js
 //= require ckeditor/filebrowser/javascripts/fileuploader.js
+//= require ckeditor/filebrowser/javascripts/jquery.endless-scroll.js
 //= require ckeditor/filebrowser/javascripts/rails.js
 //= require ckeditor/filebrowser/javascripts/application.js

data/app/assets/javascripts/ckeditor/config.js.erb

@@ -1,8 +1,8 @@
-CKEDITOR.editorConfig = function( config )
-{
-	// Define changes to default configuration here. For example:
+CKEDITOR.editorConfig = function( config ) {
+  // Define changes to default configuration here. For example:
   config.language = 'ru';
-	// config.uiColor = '#AADC6E';
+  
+  // config.uiColor = '#AADC6E';
   config.skin = 'moono';
 
   /* Filebrowser routes */
@@ -31,23 +31,8 @@ CKEDITOR.editorConfig = function( config )
   config.extraPlugins = "colorbutton,colordialog,font,magicline,codemirror,mediaembed,stylesheetparser,ipsum,CKCss,wordcount,youtube,map";
   config.contentsCss = "<%= stylesheet_path('ckcontent.css') %>";
 
-    // Rails CSRF token
-  config.filebrowserParams = function(){
-    var csrf_token = jQuery('meta[name=csrf-token]').attr('content'),
-        csrf_param = jQuery('meta[name=csrf-param]').attr('content'),
-        params = new Object();
-
-    if (csrf_param !== undefined && csrf_token !== undefined) {
-      params[csrf_param] = csrf_token;
-    }
-
-    return params;
-  };
-
   config.tabSpaces = 2;
-
   config.toolbar = 'CMS';
-
   config.toolbar_CMS =
     [
         ['Source'], ['RemoveFormat'], ['PasteText','PasteFromWord'], ['Undo','Redo'],
@@ -59,5 +44,59 @@ CKEDITOR.editorConfig = function( config )
         ['ipsum', 'CKCss', 'Youtube', 'map']
     ];
 
-    config.font_names = 'Arial/Arial, Helvetica, sans-serif;Times New Roman/Times New Roman, Times, serif;Verdana;TrebuchetMS';
+  config.font_names = 'Arial/Arial, Helvetica, sans-serif;Times New Roman/Times New Roman, Times, serif;Verdana;TrebuchetMS';
+
+  // Rails CSRF token
+  config.filebrowserParams = function(){
+    var csrf_token, csrf_param, meta,
+        metas = document.getElementsByTagName('meta'),
+        params = new Object();
+
+    for ( var i = 0 ; i < metas.length ; i++ ){
+      meta = metas[i];
+
+      if (meta.name == "csrf-token") {
+          csrf_token = meta.content;                            
+      } else if (meta.name == "csrf-param") {
+          csrf_param = meta.content;                                   
+      }
+    }
+
+    if (csrf_param !== undefined && csrf_token !== undefined) {
+      params[csrf_param] = csrf_token;
+    }
+
+    return params;
+  };
+
+  config.addQueryString = function( url, params ) {
+    var queryString = [];
+
+    if ( !params ) {
+      return url;
+    } else {
+      for ( var i in params )
+        queryString.push( i + "=" + encodeURIComponent( params[ i ] ) );
+    }
+
+    return url + ( ( url.indexOf( "?" ) != -1 ) ? "&" : "?" ) + queryString.join( "&" );
+  };
+
+  // Integrate Rails CSRF token into file upload dialogs (link, image, attachment and flash)
+  CKEDITOR.on('dialogDefinition', function(ev) {
+    // Take the dialog name and its definition from the event data.
+    var dialogName = ev.data.name;
+    var dialogDefinition = ev.data.definition;
+    var content, upload;
+
+    if (CKEDITOR.tools.indexOf(['link', 'image', 'attachment', 'flash'], dialogName) > -1) {
+      content = (dialogDefinition.getContents('Upload') || dialogDefinition.getContents('upload'));
+      upload = (content == null ? null : content.get('upload'));
+
+      if (upload && upload.filebrowser && upload.filebrowser['params'] === undefined) {
+        upload.filebrowser['params'] = config.filebrowserParams();
+        upload.action = config.addQueryString(upload.action, upload.filebrowser['params']);
+      }
+    }
+  });
 };

data/app/assets/javascripts/ckeditor/filebrowser/javascripts/{application.js → application.js.erb}

@@ -27,6 +27,16 @@ $(document).ready(function(){
   $("div.gal-item a.gal-del").live('ajax:complete', function(xhr, status){
     $(this).parents('div.gal-item').remove();
   });
+
+  var endlessScroll = $.endlessScroll({
+    container: ".fileupload-list",
+    entity: ".gal-item",
+    scrollPadding: 100
+  });
+
+  // Don't listen events first second
+  endlessScroll.scrollModule.unbind();
+  window.setTimeout(function() { endlessScroll.scrollModule.bind();}, 1000);
 });
 
 // Collection of all instances on page
@@ -76,7 +86,6 @@ qq.FileUploaderInput = function(o){
     this._classes = this._options.classes;
         
     this._button = this._createUploadButton(this._find(this._element, 'button'));  
-    this._path = $('meta[name="ckeditor-path"]').attr('content');
     
     //this._setupDragDrop();
     
@@ -188,7 +197,7 @@ qq.extend(qq.FileUploaderInput.prototype, {
             format_created_at: '',
             url_content: "#",
             controller: "assets",
-            url_thumb: this._path + "/filebrowser/images/preloader.gif"
+            url_thumb: "<%= asset_path('ckeditor/filebrowser/images/preloader.gif') %>"
           };
           
           var item = $(this._options.template_id)

data/app/assets/javascripts/ckeditor/filebrowser/javascripts/jquery.endless-scroll.js

@@ -0,0 +1,300 @@
+/**
+ * Author: Sergey Kukunin
+ * See: https://github.com/Kukunin/jquery-endless-scroll
+ */
+(function($) {
+	'use strict';
+
+	// Is pushState supported by this browser?
+	$.support.pushState =
+		window.history && window.history.pushState && window.history.replaceState &&
+		// pushState isn't reliable on iOS until 5.
+		!navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]|WebApps\/.+CFNetwork)/)
+
+	//Declaration of modules
+	var scrollModule = {
+		init: function(options, obj) {
+			obj.options = $.extend({
+				scrollContainer: window,
+				scrollPadding: 100,
+				scrollEventDelay: 300
+			}, options);
+			this.options = obj.options;
+			this.container = obj.container;
+			obj.scrollModule = this;
+
+			this._toplock = true;
+			this._bottomlock = true;
+
+			this.scrollContainer = $(this.options.scrollContainer);
+
+			this.updateEntities();
+			this.sortMarkers();
+
+			this.currentPage = null;
+
+			this.container.on("jes:afterPageLoad", $.proxy(function(event, url, placement) {
+				this.updateEntities();
+				this.sortMarkers();
+				this.checkMarker();
+
+				if ( placement == "top" ) {
+					//Get offset between first and second pages
+					var offset = this.markers[1].top,
+						scrollTop = this.scrollContainer.scrollTop();
+
+					this.scrollContainer.scrollTop(scrollTop + offset);
+				}
+			}, this));
+
+			this.bind();
+		},
+		updateEntities: function() {
+			this.entities = $(this.options.entity, this.container);
+		},
+		sortMarkers: function() {
+			var markers = [];
+			$(".jes-marker", this.container).each(function() {
+				markers.push({ top: $(this).position().top, url: $(this).data("jesUrl") });
+			});
+			this.markers = markers;
+		},
+		//Check, whether user scrolled to another page
+		checkMarker: function() {
+			var newPage = this.markers[0],
+				scrollTop = this.scrollContainer.scrollTop();
+
+			//Determine, what is current page
+			for ( var i = 1; i < this.markers.length; i++ ) {
+				if ( scrollTop > this.markers[i].top ) {
+					newPage = this.markers[i];
+				} else {
+					break;
+				}
+			}
+			if ( newPage.url != this.currentPage ) {
+				this.currentPage = newPage.url;
+				$(this.container).trigger("jes:scrollToPage", newPage.url);
+			}
+		},
+		bind: function() {
+			this.scrollContainer.on("scroll.jes", $.proxy(function(event) {
+				if ( this._tId ) { return; }
+
+				this.scrollHandler(event);
+				//Clean up mark
+				this._tId= setTimeout($.proxy(function(){
+					this._tId = null;
+				},this), this.options.scrollEventDelay);
+
+			}, this));
+		},
+		unbind: function() {
+			$(this.options.scrollContainer).off("scroll.jes");
+		},
+		scrollHandler: function(ev) {
+			var $scrollable = this.scrollContainer,
+				$entities = this.entities,
+				$firstEntity = $entities.first(),
+				$lastEntity = $entities.last();
+
+			var scrollTop = $scrollable.scrollTop(),
+				height = $scrollable.height(),
+				scrollBottom = scrollTop + height;
+
+			var topEntityPosition = $firstEntity.position().top,
+				topTarget = topEntityPosition + this.options.scrollPadding,
+				bottomEntityPosition = $lastEntity.outerHeight() + $lastEntity.position().top,
+				bottomTarget = bottomEntityPosition - this.options.scrollPadding;
+
+			//Don't trigger event again, if already fired
+			//Visitor have to leave the area and get back to fire event again
+			//Process top threshold
+			if ( scrollTop < topTarget ) {
+				if ( !this._toplock ) {
+					$(this.container).trigger("jes:topThreshold");
+					this._toplock = true;
+				}
+			} else {
+				this._toplock = false;
+			}
+
+			//Process bottom threshold
+			if ( scrollBottom > bottomTarget ) {
+				if ( !this._bottomlock ) {
+					$(this.container).trigger("jes:bottomThreshold");
+					this._bottomlock = true;
+				}
+			} else {
+				this._bottomlock = false;
+			}
+
+			this.checkMarker();
+		}
+	}
+
+	var ajaxModule = {
+		init: function(options, obj) {
+			obj.options = $.extend({
+			}, options);
+
+			this.options = obj.options;
+			this.container = obj.container;
+
+			//markers
+			this.setMarker($(this.options.entity, this.container).first(), location.href);
+
+			obj.ajaxModule = this;
+		},
+		loadPage: function(url, placement, callback) {
+			//The hash with methods list
+			//depends from placement
+			var actions = {
+					top: {
+						find: 'first',
+						inject: 'insertBefore'
+					},
+					bottom: {
+						find: 'last',
+						inject: 'insertAfter'
+					}
+				},
+				action = actions[placement];
+
+			this.container.trigger("jes:beforePageLoad", [url, placement]);
+
+			//Make AJAX query
+			$.get(url, null, $.proxy(function (_data) {
+				var data = $("<div>").html(_data),
+				containerSelector = this.options.container,
+				container = $(containerSelector, data).first();
+
+				if ( container.length ) {
+					//Find entities
+					var entities = container.find(this.options.entity);
+
+					if ( placement == "bottom" ) {
+						//Remove duplicated (staled) entities from page
+						entities.each(function(i) {
+							var id = $(this).attr("id");
+							if ( id ) {
+								$('#' + id, this.container).remove();
+							}
+						});
+					}
+
+					//Find the cursor
+					var cursor = $(this.options.entity, containerSelector)[action.find]();
+
+					//Find and insert entities
+					entities[action.inject](cursor);
+					this.setMarker(entities.first(), url);
+				}
+
+				if ( $.isFunction(callback) ) {
+					callback(data);
+				}
+				this.container.trigger("jes:afterPageLoad", [url, placement, data, entities]);
+			}, this), 'html');
+		},
+		setMarker: function(entity, url) {
+			entity.addClass("jes-marker").data("jesUrl", url);
+		}
+	}
+
+	var navigationModule = {
+		init: function(options, obj) {
+			obj.options = $.extend({
+				nextPage: ".pagination a[rel=next]",
+				previousPage: ".pagination a[rel=previous]"
+			}, options);
+
+			this.options = obj.options;
+			this.container = obj.container;
+
+			$.each([{
+				selector: this.options.nextPage,
+				event: "jes:bottomThreshold.navigation",
+				placement: 'bottom'
+			}, {
+				selector: this.options.previousPage,
+				event: "jes:topThreshold.navigation",
+				placement: 'top'
+			}], $.proxy(function(i, v) {
+				v.element = $(v.selector);
+				if ( v.element.length ) {
+					var url = v.element.prop("href"),
+					lock = false;
+
+					var handler = function() {
+						//this object is container
+						if ( lock || !url ) return;
+
+						lock = true;
+						obj.ajaxModule.loadPage(url, v.placement, $.proxy(function( data ) {
+							//Search new next link
+							var newElement = $(v.selector, $(data));
+							if ( newElement.length ) {
+								//Update URL and remove lock
+								lock = false;
+								url = newElement.prop("href");
+								v.element.attr("href", url);
+							} else {
+								//Remove event at all
+								$(this).off(v.event);
+								v.element.remove();
+							}
+						}, this));
+					};
+
+					$(this.container).on(v.event, handler);
+					$(v.element).on("click", $.proxy(function(ev) {
+						ev.preventDefault();
+						handler.apply(this.container)
+					}, this));
+				}
+			},this));
+		}
+	}
+
+	var pushStateHistory = {
+		init: function(options, obj) {
+			if ( !$.support.pushState ) {
+				return;
+			}
+
+			obj.container.on("jes:scrollToPage", function(event, url) {
+				history.replaceState({}, null, url);
+			});
+		}
+	}
+
+	$.endlessScroll = function(options) {
+
+		//Initialize modules
+		this.options = $.extend(true, {
+			container: "#container",
+			entity: ".entity",
+			_modules: [ ajaxModule, scrollModule, navigationModule, pushStateHistory ],
+			modules: []
+		}, options);
+
+		this.container = $(this.options.container);
+		if ( !this.container.length ) {
+			throw "Container for endless scroll isn't available on the page";
+			return;
+		}
+
+
+		//Merge custom options with default
+		$.merge(this.options.modules, this.options._modules);
+		//Init modules
+		this.options.modules.forEach($.proxy(function(module) {
+			module.init(this.options, this);
+		},this));
+
+
+		return this;
+	}
+
+})(jQuery);

data/app/assets/javascripts/ckeditor/filebrowser/stylesheets/{uploader.css → uploader.css.erb}

@@ -56,7 +56,7 @@ img {
 .gal-holder .gal-item .gal-upload-holder .add {
   display: block;
   color: #2e5aff;
-  background: url(/assets/ckeditor/filebrowser/images/gal_add.png) no-repeat left center;
+  background: url(<%= asset_path('ckeditor/filebrowser/images/gal_add.png') %>) no-repeat left center;
   padding-left: 33px;
   line-height: 25px;
   text-decoration: none;
@@ -108,7 +108,7 @@ img {
 }
 .gal-more a {
 	color: #2e5aff;
-	background: url(/assets/ckeditor/filebrowser/images/gal_more.gif) no-repeat left center;
+	background: url(<%= asset_path('ckeditor/filebrowser/images/gal_more.gif') %>) no-repeat left center;
 	padding-left: 15px;
 	font-size: 14px;
 	text-decoration: none;
@@ -116,3 +116,7 @@ img {
 .gal-more a:hover {
 	text-decoration: underline;
 }
+
+.pagination, .pagination a {
+	display: none;
+}