transit 0.0.1 → 0.0.2

data/app/assets/javascripts/transit.js

@@ -0,0 +1,4 @@
+//= require libs/underscore
+//= require libs/backbone
+//= require transit/core
+//= require transit/config

data/app/assets/javascripts/transit/admin.js

@@ -0,0 +1,22 @@
+//= require transit
+//= require transit/frontend
+//= require libs/proper
+//= require libs/wymeditor
+//= require libs/selecttolist
+//= require libs/cookie
+//= require libs/fileinput
+//= require_tree ./lib
+//= require_tree ./admin
+//= require_self
+
+
+jQuery(function(){
+	
+	jQuery('#transit_admin_panel_wrapper').tabs({ cookie:{} });
+	jQuery('*[data-ui-button]').each(function(i, element){
+		var self = jQuery(element),
+			icon = self.data('ui-button');	
+		self.button({ icons: { primary: 'ui-icon-'+ icon } });
+	});
+	
+});

data/app/assets/javascripts/transit/admin/contexts.js

@@ -0,0 +1,52 @@
+jQuery(function(){
+	
+	var listing = jQuery('#context_list'),
+		form    = listing.closest('form'),
+		options = {
+			title: 'Options',
+			autoOpen: false,
+			draggable: true,
+			resizable: false,
+			dialogClass: 'transit_context_dialog',
+			minWidth: false,
+			minHeight: false
+		};
+	
+	listing
+		.bind("context:added", add_new_context)
+		.bind("context:destroyed", remove_context);
+	
+	listing.find('li.field').each( function(i, item ){
+		var item = jQuery(item), panel;
+		if( item.hasClass('field_text') ) return true;
+		
+		panel = item.find('div.toolbar') 
+		panel.dialog( options );
+		item.bind('mouseover', function( event ){
+				item.addClass('ui-state-hover');
+			})
+			.bind('mouseout', function( event){
+				item.removeClass('ui-state-hover');
+			})
+			.bind('click', function( event ){
+				panel.dialog('open');
+			});
+		
+	});
+	
+	function add_new_context( event, content, type ){
+		var toolbar;
+		if( (/text/i).test(type) ) return true;
+		
+		content = jQuery(content);
+		toolbar = jQuery(content.filter('div.toolbar'));		
+		toolbar.dialog( options );
+		listing.append(content);
+		
+	}
+	
+	function remove_context( event, target ){
+		
+	}
+		
+});

data/app/assets/javascripts/transit/admin/fields.js

@@ -0,0 +1,36 @@
+jQuery(function(){
+	
+	var dp   	 		= jQuery('div.datepicker'),
+		name 	 	  	= dp.attr('rel'),
+		month_select 	= jQuery('#'+name+"_2i"),
+		day_select 		= jQuery('#'+name+"_3i"),
+		year_select		= jQuery('#'+name+"_1i");
+	
+
+	jQuery('.transit-editable').transit('editor');
+	
+	if( dp.length > 0 ){
+		
+		dp.datepicker({
+			dateFormat: 'yy-m-d',
+			defaultDate: [year_select.val(), month_select.val(), day_select.val()].join("-").toString(),
+			onSelect: function( dateText, input ){
+				var date_opts = dateText.split("-");
+				year_select.val(date_opts[0]);
+				month_select.val(date_opts[1]);
+				day_select.val(date_opts[2]);
+			}
+		});
+	}
+	
+	jQuery('#post_edit').bind('submit', function( event ){
+		var i, inst;		
+		for( i = 0; i < jQuery.wymeditors.length, i++; ){
+			jQuery.wymeditors(i).update();
+		}
+		return true;
+	});
+	
+	jQuery('#post_default_image').fileinput({ buttonText:'', inputText: 'Choose an image' });
+	
+});

data/app/assets/javascripts/transit/admin/upload.js

@@ -0,0 +1,109 @@
+//= require libs/uploadify
+//= require libs/backbone
+//= require transit/views/file_upload
+
+jQuery(function(){
+	
+	var upload_button = jQuery('#upload_file_link'),
+		upload_dialog,
+		upload_field,
+		upload_url  = upload_button.data('upload-path'),
+		field_id    = _.uniqueId('upload_field'),
+		upload_conf = transit.merge(transit.config['uploadify'], {
+			id              : field_id,
+			buttonClass     : '',
+			uploader		: upload_url,
+			fileObjName     : upload_button.attr('rel'),
+			postData        : {},
+			height          : 25,
+			width           : 135,
+			onUploadSuccess : process_upload,
+			onUploadProgress: update_progress,
+			onSelect: add_to_queue
+		}),
+		queue_list;	
+	
+	
+	if( upload_button.length == 0 ) return true;
+	
+	upload_dialog = jQuery(transit.template.parse('transit/views/file_upload', 
+		{ 
+			field_name: upload_button.attr('rel'), 
+			field_id:field_id 
+		}));
+		
+	upload_dialog
+		.appendTo(jQuery('body'))
+		.dialog({
+			title:'Upload Files',
+			position:['center', 'center'],
+			autoOpen:false,
+			closeOnEscape:false,
+			width:400,
+			minHeight: 300,
+			draggable:true,
+			resizable: false,
+			buttons: [
+				{ text: 'Start Upload',
+				  click: start_queue,
+				  icon: 'ui-icon-check'
+				},
+				{ text: 'Cancel',
+				  click: cancel_queue,
+				  icon: 'ui-icon-closethick'
+				}
+			]
+		});
+		
+	upload_field = jQuery("#"+field_id);
+	queue_list = jQuery('#file_upload_queue');
+	
+	upload_button.bind('click', function( event ){
+		event.preventDefault();
+		upload_dialog.dialog('open');
+		activate_queue();
+	});
+	
+	function activate_queue(){
+		upload_field.uploadify(upload_conf);
+		jQuery('#'+field_id+'_button').button({ icons: { primary: 'ui-icon-plusthick' } });
+		jQuery('#'+field_id).css({
+			position: 'absolute',
+			top: '1em',
+			left: '1em'
+		});
+	}
+	
+	function add_to_queue(){
+		jQuery('#file_upload_queue div.uploadifyProgress').progressbar();
+	}
+		
+	function start_queue( event ){
+		upload_field.uploadifyUpload();	
+	}
+	
+	function cancel_queue( event ){
+		upload_dialog.dialog('close');
+	}
+	
+	function process_upload(file, data, success){
+		var resp = jQuery.parseJSON(data),
+			item = jQuery(resp.content);
+			
+		if( resp.image ) item.hide().appendTo( jQuery('#asset_image_list') );
+		else item.hide().appendTo( jQuery('#asset_image_list') );
+		
+		item.fadeIn('fast');
+		jQuery('#' + file.id).next('div.uploadifyProgress').progressbar('value', 0);
+		jQuery('#asset_upload').uploadifyCancel(file.id);
+	}
+	
+	function update_progress(file, fileBytesLoaded, fileTotalBytes, queueBytesLoaded, queueSize){
+		var percentage = Math.round(fileBytesLoaded / fileTotalBytes * 100);
+		console.log(jQuery('#' + file.id).find('div.uploadifyProgress'));
+		jQuery('#' + file.id).find('div.uploadifyProgress').progressbar('value', percentage);
+		return false;		
+	}
+	
+	
+});

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

@@ -0,0 +1,101 @@
+(function(transit){
+	
+	var media_defaults = {
+		swfPath:  			"<%= asset_path 'transit/jplayer.swf' %>",
+		solution: 			"flash,html",
+		idPrefix: 			"transit_media",
+		preload: 			"auto",
+		backgroundColor:    "",
+		cssSelector: {
+			play: 				".media-play",
+			pause: 				".media-pause",
+			stop: 				".media-stop",
+			videoPlay: 			".media-video-play",
+			seekBar: 			".media-seek-bar",
+			playBar: 			".media-play-bar",
+			mute: 				".media-mute",
+			unmute: 			".media-unmute",
+			volumeBar: 			".media-volume-bar",
+			volumeBarValue: 	".media-volume-bar-value",
+			currentTime: 		".media-current-time",
+			duration: 			".media-duration"
+		}
+	};
+
+	
+	// HTML5 player... ignore for now.
+	//transit.configure('video', jQuery.extend({}, media_defaults, { supplied: 'm4v' }));
+	
+	transit.configure('audio', jQuery.extend({}, media_defaults, { supplied: 'mp3,m4a,wav' }));
+	transit.configure('video', {
+		src:      "<%= asset_path 'transit/video_player.swf' %>",
+		image:    '',
+		movie:    '',
+		autoplay:  'false',
+		loop:      'false',
+		autohide:  'false',
+		fullscreen: 'true',
+		color_text: "0xffffff",
+		color_seekbar: "0x108194",
+		color_loadingbar: "0xe4f2f6",
+		color_seekbarbg: "0x108194",            
+		color_button_out: "0x108194",
+		color_button_over: "0xd15245",
+		color_button_highlight: "0xffffff"
+	});
+	
+	transit.configure('richtext', {
+		basePath:'assets/', 
+		skin:'compact',
+		toolsItems: [],
+		containersItems: [],
+		classesItems: []
+	});
+	
+	transit.configure('uploadify', {
+		    swf  : "<%= asset_path 'transit/uploadify.swf' %>",
+			auto : false,
+			buttonClass     : 'button',
+			buttonCursor    : 'hand',
+			buttonImage     : '',
+			buttonText      : 'Choose Files',
+			cancelImage     : '',
+			checkExisting   : false,
+			debug           : false,
+			fileSizeLimit   : 104857600,
+			fileTypeDesc    : 'Choose an Image or Video',
+			fileTypeExts    : '*.*',
+			height          : 30,
+			method          : 'post',
+			multi           : true,
+			queueID         : 'file_upload_queue',
+			queueSizeLimit  : 10,
+			removeCompleted : false,
+			requeueErrors   : true,
+			preventCaching  : true,
+			progressData    : 'percentage',
+			successTimeout  : 30,
+			scriptAccess    : 'always',
+			transparent     : true,
+			uploadLimit     : 999,
+			uploaderType    : 'html5',
+			width           : 120,
+			checkExisting   : false
+	});
+	
+	<% Transit.contexts.map(&:to_s).map(&:classify).each do |context| %>
+	transit.<%= context %>Context = Backbone.Model.extend({
+		defaults: {
+			type: "<%= context %>",
+			<%= context.constantize.new.to_js.collect{ |key, value| "#{key}: \"\" " }.join(",\n\t\t") %>			
+		},
+		url: function(){
+			"/transit/" + resource_url + "/" + package_id + "/" + "contexts/"
+		},
+		build: function( element ){
+			this.attributes = transit.context.data( element, true );
+		}
+	});
+	<% end %>
+	
+})(transit);

data/app/assets/javascripts/transit/contexts/audio.js

@@ -0,0 +1,39 @@
+//= require libs/jplayer
+//= require transit/views/audio_player
+
+(function(transit){
+	
+	var audio = function( element, options ){
+		var self   = this;	
+		var data   = transit.context.data( element, true ) || {},
+			config = transit.merge( options, data ),
+			conf   = transit.config['audio'],
+			uid    = _.uniqueId(),
+			ui     = transit.template.parse('transit/views/audio_player', { uid: uid }),
+			player_element = jQuery("<div class='player_instance' id='transit_audio_"+ uid +"'></div>");
+		
+		jQuery.extend(self, {
+			play:  function(){ element.jPlayer('play'); },
+			pause: function(){ element.jPlayer('pause'); },
+			stop:  function(){ element.jPlayer("stop"); }
+		});
+		
+		conf.ready = function(){
+			var opts = {}, ext = config.ext;
+			if( typeof ext == 'undefined' ) ext = /[^.]+$/.exec(config.source);
+			opts[ext] = config.source;				
+			jQuery(player_element).jPlayer('setMedia', opts);
+		};
+				
+		conf.cssSelectorAncestor = '#transit_media_interface_' + uid;
+		element.append(player_element);
+		element.append(jQuery(ui)).addClass('media-audio');
+		player_element.jPlayer(conf);				
+		
+		return self;
+	};
+	
+	transit.context.add("audio", audio);
+	
+	
+})(transit);

data/app/assets/javascripts/transit/contexts/video.js

@@ -0,0 +1,79 @@
+//= require libs/jplayer
+//= require transit/views/video_player
+
+(function(transit){
+	
+	var video = function( element, options ){
+		var self = this;	
+		var data = transit.context.data( element, true ) || {},
+			inst, config = transit.merge( options, data ),
+			player, player_element, 
+			pid = _.uniqueId();
+			
+		config.uid = pid;
+			
+		player_element = jQuery("<div class='player_instance' id='transit_video_"+ pid +"'></div>");
+		element.prepend(player_element);
+		player_element.css({ width:'100%', height:'100%' });
+
+		if( typeof data.type == 'undefined' ){
+			inst = new video.basic( element, player_element, config );
+		}else inst = new video[data.type]( element, player_element, config );
+		
+		jQuery.extend(inst, {
+			play:  function(){ element.jPlayer('play'); },
+			pause: function(){ element.jPlayer('pause'); },
+			stop:  function(){ element.jPlayer("stop"); }
+		});
+		
+		return inst;
+	};
+	
+	video.basic = function( element, player_element, options ){
+		var params = {
+			allowfullscreen: 'true',
+			allowscriptaccess: 'always',
+			bgcolor: '#000000',
+			wmode: 'opaque'
+		},
+		self		= this,
+		config  	= transit.merge(transit.config['video'], options);
+		params.src  = config.src;
+		
+		if( options.type == 'youtube' && !(/youtube/).test( options.source )){
+			options.source = "http://www.youtube.com/v/" + options.source;
+		}
+		
+		options.movie = options.source;		
+		player_element.flashembed(params, $.extend({}, config, options));
+		
+		return self;
+	}
+	
+	// video.basic = function( element, player_element, options ){		
+	// 		var conf = _.clone(transit.config['video']),
+	// 			ui   = transit.template.parse('transit/views/video_player', { uid: options.uid });
+	// 		
+	// 		element.append(jQuery(ui));
+	// 		
+	// 		conf.ready = function(){
+	// 			var opts = {}, ext = options.ext;
+	// 			
+	// 			if( typeof ext == 'undefined' ) ext = /[^.]+$/.exec(options.source);
+	// 			if( ext == 'mp4' ) ext = 'm4v';
+	// 			if( options.image ) opts.poster = options.image;
+	// 			opts[ext] = options.source;	
+	// 			jQuery(player_element).jPlayer('setMedia', opts);
+	// 		};
+	// 		conf.cssSelectorAncestor = '#transit_media_interface_' + options.uid;
+	// 		jQuery(player_element).jPlayer(conf);
+	// 	};
+	
+	video.youtube = function( element, options ){
+		
+	};
+	
+	transit.context.add("video", video);
+	
+	
+})(transit);