locomotive-aloha-rails 0.20.1.5 → 0.23.2.1

data/vendor/assets/javascripts/aloha/plugins/extra/linkbrowser/lib/linkbrowser-plugin.js

@@ -1,113 +1,112 @@
-define( [
-
-	// js
+define([
 	'aloha',
-	'aloha/jquery',
+	'jquery',
 	'aloha/plugin',
 	'aloha/pluginmanager',
-	'aloha/floatingmenu',
+	'ui/ui',
+	'ui/button',
 	'link/link-plugin',
-	'browser/browser-plugin', 
-	// i18n
+	'RepositoryBrowser',
 	'i18n!linkbrowser/nls/i18n',
 	'i18n!aloha/nls/i18n'
+], function(
+	Aloha,
+	jQuery,
+	Plugin,
+	PluginManager,
+	Ui,
+	Button,
+	Links,
+	RepositoryBrowser,
+	i18n,
+	i18nCore
+) {
+	'use strict';
+
+	var LinkBrowser = RepositoryBrowser.extend({
+
+		init: function (config) {
+			this._super(config);
 
-], function( Aloha,
-			 jQuery,
-			 Plugin,
-			 PluginManager,
-			 FloatingMenu,
-			 Links,
-			 Browser,
-			 i18n,
-			 i18nCore ) {
-	
-	
-	
-	var LinkBrowser = Browser.extend( {
-		
-		init: function ( config ) {
-			this._super( config );
-			
 			var that = this;
-			var repositoryButton = new Aloha.ui.Button( {
-				iconClass : 'aloha-button-big aloha-button-tree',
-				size      : 'large',
-				onclick   : function () { that.show(); },
-				tooltip   : i18n.t( 'button.addlink.tooltip' ),
-				toggle    : false
-			} );
-			
-			FloatingMenu.addButton(
-				'Aloha.continuoustext',
-				repositoryButton,
-				i18n.t( 'floatingmenu.tab.link' ),
-				1
-			);
-			repositoryButton.hide();
-			
+
+			this._linkBrowserButton = Ui.adopt('linkBrowser', Button, {
+				tooltip: i18n.t('button.addlink.tooltip'),
+				icon: 'aloha-icon-tree',
+				scope: 'Aloha.continuoustext',
+				click: function () {
+					that.show();
+				}
+			});
+
+			this._linkBrowserButton.hide();
+
 			this.url = Aloha.getAlohaUrl() + '/../plugins/extra/linkbrowser/';
-			
-			Aloha.bind( 'aloha-link-selected', function ( event, rangeObject ) {
-				repositoryButton.show();
-				FloatingMenu.doLayout();
+
+			Aloha.bind('aloha-link-selected', function (event, rangeObject) {
+				that._linkBrowserButton.show();
 			});
-			Aloha.bind( 'aloha-link-unselected', function ( event, rangeObject ) {
-				repositoryButton.hide();
-				FloatingMenu.doLayout();
+
+			Aloha.bind('aloha-link-unselected', function (event, rangeObject) {
+				that._linkBrowserButton.hide();
 			});
 		},
-		
-		onSelect: function ( item ) {
-			Links.hrefField.setItem( item );
-			
-			// Now create a selection within the editable since the user should be able to type once the link has been created.
-			// 1. We need to save the current cursor position since the a activate editable event will be fired and this will 
-			// set the cursor in the upper left cornor of the editable.
-			var	range = Aloha.Selection.getRangeObject();
-			var currentStartContainer = range.startContainer = range.endContainer; 
+
+		onSelect: function (item) {
+			Links.hrefField.setItem(item)
+
+			// Now create a selection within the editable since the user should
+			// be able to type once the link has been created.
+
+			// 1. We need to save the current cursor position since the a
+			//    activate editable event will be fired and this will set the
+			//    cursor in the upper left cornor of the editable.
+			var range = Aloha.Selection.getRangeObject();
+			var currentStartContainer = range.startContainer = range.endContainer;
 			var currentStartOffset = range.startOffset = range.endOffset;
-			
-			// 2. Do the first select - this will invoke the activate editable event
+
+			// 2. Do the first select - this will invoke the activate editable
+			//    event.
 			range.select();
 
-			// 3. Restore the range
-			range.startContainer = range.endContainer = currentStartContainer; 
+			// 3. Restore the range.
+			range.startContainer = range.endContainer = currentStartContainer;
 			range.startOffset = range.endOffset = currentStartOffset;
-			// 4. Invoke the final selection
+
+			// 4. Invoke the final selection.
 			range.select();
-			
-			Aloha.trigger( 'aloha-link-selected-in-linkbrowser' , item );
-			
-			// Close the browser lightbox
+
+			Aloha.trigger('aloha-link-selected-in-linkbrowser', item);
+
+			// Close the browser lightbox.
 			this.close();
 		},
-		
-		renderRowCols: function ( item ) {
+
+		renderRowCols: function (item) {
 			var row = {},
 			    pluginUrl = this.url,
 			    icon = '__page__',
-			    idMatch = item.id.match( /(\d+)\./ );
-			
-			jQuery.each( this.columns, function ( colName, v ) {
-				switch ( colName ) {
+			    idMatch = item.id.match(/(\d+)\./);
+
+			jQuery.each(this.columns, function (colName, v) {
+				switch (colName) {
 				case 'icon':
 					row.icon = '<div class="aloha-browser-icon\
 						aloha-browser-icon-' + icon + '"></div>';
 					break;
 				case 'translations':
-					if ( !item.renditions ) {
+					if (!item.renditions) {
 						break;
 					}
-					
+
 					var rends = item.renditions,
 					    i = rends.length,
 					    strBldr = [],
 					    r;
-					
-					for ( ; i > 0; --i ) {
-						r = rends[ i ];
-						if ( r.kind == 'translation' ) {
+
+					for (; i > 0; --i) {
+						r = rends[i];
+						if (r.kind == 'translation') {
 							strBldr.push(
 								//'<a href="' + repo_host + r.url + '">' +
 								'<img src="'   + pluginUrl  + 'img/flags/' + r.language + '.png"\
@@ -117,49 +116,46 @@ define( [
 							);
 						}
 					}
-					
-					row.translations = strBldr.join( '' );
+
+					row.translations = strBldr.join('');
 					break;
 				case 'language':
 					row.language = item.language;
 					break;
 				default:
-					row[ colName ] = item[ colName ] || '--';
+					row[colName] = item[colName] || '--';
 				}
-			} );
-			
+			});
+
 			return row;
 		}
-	
-	} );
 
-	var LinkBrowserPlugin = Plugin.create( 'linkbrowser', {
-		dependencies: [ 'link', 'browser' ],
+	});
+
+	var LinkBrowserPlugin = Plugin.create('linkbrowser', {
+		dependencies: ['link'],
 
 		browser: null,
 
 		init: function () {
 			var config = {
 				repositoryManager : Aloha.RepositoryManager,
-				
 				repositoryFilter  : [],
-				objectTypeFilter  : [ 'website', 'file', 'image', 'language' /*, '*' */ ],
-				renditionFilter	  : [ '*' ],
-				filter			  : [ 'language' ],
-				
+				objectTypeFilter  : ['website', 'file', 'image', 'language' /*, '*' */],
+				renditionFilter	  : ['*'],
+				filter			  : ['language'],
 				columns : {
-					icon         : { title: '',     width: 30,  sortable: false, resizable: false },
-					name         : { title: 'Name', width: 320, sorttype: 'text' },
-					language     : { title: '',     width: 30,  sorttype: 'text' },
-					translations : { title: '',     width: 350, sorttype: 'text' }
+					icon         : {title: '',     width: 30,  sortable: false, resizable: false},
+					name         : {title: 'Name', width: 320, sorttype: 'text'},
+					language     : {title: '',     width: 30,  sorttype: 'text'},
+					translations : {title: '',     width: 350, sorttype: 'text'}
 				},
-				
-				rootPath : Aloha.getPluginUrl( 'browser' ) + '/'
+				rootPath : Aloha.settings.baseUrl + '/vendor/repository-browser/'
 			};
-			
-			this.browser = new LinkBrowser( config );
+
+			this.browser = new LinkBrowser(config);
 		}
-	} );
+	});
 
 	return LinkBrowserPlugin;
 });