common_interface 0.1.0

data/lib/common_interface/public/common_interface/js/files_upload.js

@@ -0,0 +1,115 @@
+// Files Upload
+(function($){
+	FilesUpload = function(params, opt){
+		this.params = params;
+		this.opt = opt;
+		
+		var _this = this;
+		$.callOnceAfterUpdate('file_upload', function(){_this.initialize()});
+	};
+	var _this = FilesUpload;
+			
+	_this.prototype = {
+		initialize: function(){
+			var _this = this;
+			
+			// Escape params
+			var params = $.extend({format: 'js', authenticity_token: $.authenticity_token}, this.params)
+			
+			// Initialize flash
+			var content = $('._upload_dialog');
+			var flashHolder = content.find('._flash_holder');
+			
+			var upload_url = decode_uri(this.opt.upload_url);
+			upload_url = (upload_url.indexOf('?') >= 0) ? (upload_url + '&'+$.param(params)) : (upload_url + '?'+$.param(params));
+			
+			var flash_params = {
+				upload_url: upload_url, 
+				file_post_name: 'file[file]',
+				// file_size_limit : "1024",
+				// file_types : "*.jpg;*.png;*.gif",
+				// file_types_description : "Image files",
+				file_upload_limit : 20,
+				flash_url : '/common_interface/lib/jquery.swfupload/swfupload/swfupload.swf',
+				
+				button_text : this.opt.select_files,
+				// button_image_url : sm.serviceUrl('/plugins/jquery.swfupload/swfupload/wdp_buttons_upload_61x22.png'),
+
+				// button_text : '<span class="btnText">Select Files...</span>',
+				// button_text_style : ".btnText { font-size: 10; font-weight: bold; font-family: MS Shell Dlg; }",
+				// button_text_top_padding : 3,
+				// button_text_left_padding : 100,
+				
+				button_width : 61,
+				button_height : 22,
+				button_placeholder : content.find('._flash_holder')[0],
+				prevent_swf_caching: false,
+				debug: false
+			};
+			
+			var flash_wrapper = flashHolder.swfupload(flash_params);
+			
+			flash_wrapper
+				.bind('fileQueued', function(event, file){
+					var params = $.extend({}, file, {
+						size_in_kb: Math.round(file.size/1024)
+					})
+					
+					var t = $.template(content.find('._file_progress_template').val())
+					content.find('._queue').append(t, params);
+					var fileItem = content.find('._file_'+file.id)
+					fileItem.find('._cancel').bind('click', function(){
+						// var swfu = $.swfupload.getInstance(vp.wiget + ' ._flash_holder');
+						flashHolder.swfupload('cancelUpload', file.id);
+						fileItem.slideUp('fast');
+					});
+					// start the upload since it's queued
+					// $(this).swfupload('startUpload');
+				})
+				.bind('fileQueueError', function(event, file, errorCode, message){
+					alert('Size of the file '+file.name+' is greater than limit');
+				})
+				// .bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
+				// 	$('#queuestatus').text('Files Selected: '+numFilesSelected+' / Queued Files: '+numFilesQueued);
+				// })
+				.bind('uploadStart', function(event, file){
+					var fileItem = content.find('._queue ._file_' + file.id)
+					fileItem.find('._progressvalue').text('0%');
+					fileItem.find('._cancel').hide();
+				})
+				.bind('uploadProgress', function(event, file, bytesLoaded){
+					var percentage=Math.round((bytesLoaded/file.size)*100);
+					var fileItem = content.find('._queue ._file_' + file.id)
+					fileItem.find('._progress').css('width', percentage+'%');
+					fileItem.find('._progressvalue').text(percentage+'%');
+				})
+				.bind('uploadSuccess', function(event, file, data){
+					var fileItem = content.find('._queue ._file_' + file.id);
+					fileItem.find('._progress').css('width', '100%');
+					fileItem.find('._progressvalue').text('100%');
+					fileItem.slideUp('fast');
+					
+					data = data.replace('<textarea>', '').replace('</textarea>', '');
+					eval(data.toString());
+					$.refresh_js_css();
+				})
+				// .bind('uploadComplete', function(event, file){
+				// })
+				.bind('queueComplete', function(){					
+					// $.ajax({
+					// 	data: $.param({format: 'js'}), 
+					// 	dataType: 'script', 
+					// 	type: 'get', 
+					// 	url: _this.opt.refresh_url
+					// });
+					$('._dialog').remove();
+				});
+						
+			// 'Upload' button
+			content.find('._upload').click(function(){
+				flashHolder.swfupload('startUpload');
+				return false;
+			});
+		}
+	}
+})(jQuery);

data/lib/common_interface/public/common_interface/js/items.js

@@ -0,0 +1,118 @@
+// 
+// List
+// 
+$.callOnceForEvery('list', '._list', function(){
+	var maxFinishedTasks = 3;
+	
+	var list = $(this);
+	var container = list.find('._container:first');
+	var show_more = list.find('._show_more');
+	var show_less = list.find('._show_less');
+	var hidden_tasks = list.find('._hidden_tasks');	
+
+	// Hide Finished Tasks if ther's more than 3
+	var hide_tasks = function(){
+		var lastNotFinishedTask = container.find('> ._item:not(._finished):last');
+		if(!lastNotFinishedTask.blank()){
+			var tasks = container.find('> ._item');
+			var lastNotFinishedTaskIndex = tasks.index(lastNotFinishedTask);		
+			var finishedTasks = tasks.slice(lastNotFinishedTaskIndex, -1);
+
+			if(finishedTasks.size() > maxFinishedTasks){			
+				show_more.show();
+				var tasksToHide = tasks.slice(lastNotFinishedTaskIndex + maxFinishedTasks, -1);
+				tasksToHide.remove().appendTo(hidden_tasks);
+			} 
+		}
+	};
+	hide_tasks();
+	 
+	
+	// Initialize more/less buttons
+	show_more.click(function(){
+		hidden_tasks.find('._item').appendTo(list.find('._container'));
+		show_more.hide();
+		show_less.show();
+		return false;
+	});
+	
+	show_less.click(function(){
+		hide_tasks();
+		show_less.hide();
+		return false;
+	});
+});
+
+
+// 
+// Sortable
+// 
+$.callAfterUpdate('sortable', function(){
+	$('._sortable_container').each(function(){
+		var container = $(this);
+		var opt = {
+			item_class: container.dataAttr('item_class'),
+			update_order_url: container.dataAttr('update_order_url')
+		};
+		
+		container = container.find('._container').not(container.find('._container ._container'));
+		
+		container.sortable({
+			handle: '._handle', 
+			items: '> .' + opt.item_class,
+			update: function(event, ui) {
+				var item = $(ui.item);
+				var index = container.find('.' + opt.item_class).index(item);
+				// var url = page.dataAttr('container_order_url')
+				if(opt.update_order_url){
+					$.post(opt.update_order_url, {index: index, item_id: item.attr('id')})
+				}else{
+					log("Item '" + item.identify() + "' moved to position '" + index + "'.")
+				};
+			}			
+		});
+	});		
+});
+
+
+// 
+// Folder
+// 
+// Image View Box
+$.callOnceForEvery('folder_image_box', '._folder', function(){
+	var folder = $(this);
+	var links = folder.find('a._image_box');
+	links.attr('rel', 'images');
+	links.fancybox();
+});
+
+// 
+// Page
+// 
+// Toolbars
+$.callAfterUpdate('page_toolbar', function(){
+	$('._page').each(function(){
+		var page = $(this);
+		var container = page.find('._container').first();
+		
+		container.find('._toolbar').remove();		
+		
+		var toolbar_html = page.find('._toolbar_template').val();		
+		container.find('> ._item:visible, > ._inplace').each(function(){
+			$(this).after(toolbar_html);
+		});
+		container.prepend(toolbar_html);
+	});
+}, 1);
+
+
+// 
+// Checkbox
+// 
+// Onclick
+$.callOnceForEvery('onclick_for_checkbox', '._onclick_checkbox', function(){
+	var checkbox = $(this);
+	checkbox.click(function(){
+		$.ajax({data: $.param({target: checkbox.identify()}), type: 'post', url: checkbox.dataAttr('url')});
+	});
+});

data/lib/common_interface/public/common_interface/js/style.js

@@ -0,0 +1,50 @@
+// 
+// Images by default should be alligned to the left (wrapped inside .left div)
+// 
+$.callOnceForEvery('left_img_allign', '._markup', function(){	
+	var markup = $(this);
+	var imagesWithoutDiv = markup.find('img').not(markup.find('div img'));
+	imagesWithoutDiv.each(function(){
+		var e = $(this);
+		// image can be wrapped inside link
+		while(true){
+			var parent = e.parent();
+			if(parent.hasClass('_markup') || !(parent.is('a') || parent.is('div') || parent.is('span'))) break;			
+			e = parent;
+		}
+		e.wrap($("<div class='left'></div>"));
+	});
+});
+
+
+// 
+// Image Box inside Markup
+// 
+$.callOnceForEvery('markup_image_box', '._markup', function(){
+	var markup = $(this);
+	
+	// Images
+	markup.find('a:has(img)').not('._video').not('._nobox').attr('rel', 'images').fancybox();
+	
+	// Videos
+	markup.find('a._video').click(function() {
+		$.fancybox({
+			'padding'		: 0,
+			// 'autoScale'		: false,
+			'transitionIn': 'none',
+			'transitionOut': 'none',
+			'title': this.title,
+			// 'width'		: 680,
+			// 'height'		: 495,
+			'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
+			// 'href'			: "http://www.youtube.com/watch?v=M-cIjPOJdFM&amp;fs=1".replace(new RegExp("watch\\?v=", "i"), 'v/'),				
+			'type': 'swf',
+			'swf': {
+				'wmode': 'transparent',
+				'allowfullscreen'	: 'true'
+			}
+		});
+
+		return false;
+	});
+});

data/lib/common_interface/public/common_interface/lib/jquery.elastic.js

@@ -0,0 +1,117 @@
+/**
+*	@name							Elastic
+*	@descripton						Elastic is Jquery plugin that grow and shrink your textareas automaticliy
+*	@version						1.6.4
+*	@requires						Jquery 1.2.6+
+*
+*	@author							Jan Jarfalk
+*	@author-email					jan.jarfalk@unwrongest.com
+*	@author-website					http://www.unwrongest.com
+*
+*	@licens							MIT License - http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function(jQuery){ 
+	jQuery.fn.extend({  
+		elastic: function() {
+		
+			//	We will create a div clone of the textarea
+			//	by copying these attributes from the textarea to the div.
+			var mimics = [
+				'paddingTop',
+				'paddingRight',
+				'paddingBottom',
+				'paddingLeft',
+				'fontSize',
+				'lineHeight',
+				'fontFamily',
+				'width',
+				'fontWeight'];
+			
+			return this.each( function() {
+				
+				// Elastic only works on textareas
+				if ( this.type != 'textarea' ) {
+					return false;
+				}
+				
+				var $textarea	=	jQuery(this),
+					$twin		=	jQuery('<div />').css({'position': 'absolute','display':'none','word-wrap':'break-word'}),
+					lineHeight	=	parseInt($textarea.css('line-height'),10) || parseInt($textarea.css('font-size'),'10'),
+					minheight	=	parseInt($textarea.css('height'),10) || lineHeight*3,
+					maxheight	=	parseInt($textarea.css('max-height'),10) || Number.MAX_VALUE,
+					goalheight	=	0,
+					i 			=	0;
+				
+				// Opera returns max-height of -1 if not set
+				if (maxheight < 0) { maxheight = Number.MAX_VALUE; }
+					
+				// Append the twin to the DOM
+				// We are going to meassure the height of this, not the textarea.
+				$twin.appendTo($textarea.parent());
+				
+				// Copy the essential styles (mimics) from the textarea to the twin
+				var i = mimics.length;
+				while(i--){
+					$twin.css(mimics[i].toString(),$textarea.css(mimics[i].toString()));
+				}
+				
+				
+				// Sets a given height and overflow state on the textarea
+				function setHeightAndOverflow(height, overflow){
+					curratedHeight = Math.floor(parseInt(height,10));
+					if($textarea.height() != curratedHeight){
+						$textarea.css({'height': curratedHeight + 'px','overflow':overflow});
+						
+					}
+				}
+				
+				
+				// This function will update the height of the textarea if necessary 
+				function update() {
+					
+					// Get curated content from the textarea.
+					var textareaContent = $textarea.val().replace(/&/g,'&amp;').replace(/  /g, '&nbsp;').replace(/<|>/g, '&gt;').replace(/\n/g, '<br />');
+
+					var twinContent = $twin.html();
+					
+					if(textareaContent+'&nbsp;' != twinContent){
+					
+						// Add an extra white space so new rows are added when you are at the end of a row.
+						$twin.html(textareaContent+'&nbsp;');
+						
+						// Change textarea height if twin plus the height of one line differs more than 3 pixel from textarea height
+						if(Math.abs($twin.height()+lineHeight - $textarea.height()) > 3){
+							
+							var goalheight = $twin.height()+lineHeight;
+							if(goalheight >= maxheight) {
+								setHeightAndOverflow(maxheight,'auto');
+							} else if(goalheight <= minheight) {
+								setHeightAndOverflow(minheight,'hidden');
+							} else {
+								setHeightAndOverflow(goalheight,'hidden');
+							}
+							
+						}
+						
+					}
+					
+				}
+				
+				// Hide scrollbars
+				$textarea.css({'overflow':'hidden'});
+				
+				// Update textarea size on keyup
+				$textarea.keyup(function(){ update(); });
+				
+				// And this line is to catch the browser paste event
+				$textarea.live('input paste',function(e){ setTimeout( update, 250); });				
+				
+				// Run update once when elastic is initialized
+				update();
+				
+			});
+			
+        } 
+    }); 
+})(jQuery);