cytoplasm 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,3 @@
+= Cytoplasm
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,38 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Cytoplasm'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/cytoplasm/cytoAjax.js.erb

@@ -0,0 +1,53 @@
+// CytoAjax v0.5
+// MacKinley Smith
+(function($){
+	$.cytoAjaxResponse = function(message,type,time){
+		if (message==null) message = "Success!";
+		if (type==null) type = "success";
+		if (time==null) time = 0;
+		
+		$('.callback_message').hide();
+		$('html,body').animate({scrollTop:0},400);
+		$('#'+type+"_message").html(message).show(400,function(){
+			var $this = $(this);
+			if (time) setTimeout(function(){$this.hide(400);},time);
+		});
+	};
+	$.cytoAjax = function(script,data_to_pass,success,error){
+		// Set default parameters
+		if (typeof script != "string" || script == "") return false;
+		if (data_to_pass==null || typeof data_to_pass != "object") {
+			if (typeof data_to_pass == "function") {
+				if (typeof success == "function") error = success;
+				success = data_to_pass;
+			}
+			data_to_pass = {ajax:script};
+		} else data_to_pass = $.extend(true,{},{ajax:script},data_to_pass);
+		
+		// Make request
+		$.ajax({
+      url:script,
+      type:'get',
+      dataType:'html',
+      processData:false,
+      success:function(data,textStatus,jqXHR) {
+      	try {
+					data = $.parseJSON(data);
+				} catch (e) {
+					data = $.parseJSON('{"status":"Error","message":"AJAX Return Error: '+e.replace(/"/g,"'")+'<br />'+data.replace(/"/g,"'")+'"}');
+				}
+				if (data.status=="OK") {
+					if (typeof success == "function") success.apply(this,[data]);
+					else if (data.message!=null) $.cytoAjaxResponse(data.message);
+					else $.cytoAjaxResponse(((typeof success == "string")?success:"Success!"));
+				} else if (data.status=="Error") {
+					if (data.message != null) $.cytoAjaxResponse(data.message,"error");
+					if (typeof error == "function") error.apply(this,[data]);
+				}
+      },
+      error:function(jqXHR,textStatus,errorThrown){
+	      if (typeof error == "function") error.apply(this,[{status:"Error",message:errorThrown}]);
+      }
+    });
+	};
+})(jQuery);

data/app/assets/javascripts/cytoplasm/cytoColorPicker.js.erb

@@ -0,0 +1,204 @@
+// CytoColorPicker v0.5
+// By MacKinley Smith
+(function($){
+	var defaults = {
+		format:'hsla', // hsla, hex, rgba
+		events:{
+			change:function(color){}
+		},
+		widget:{
+			previewer:{
+				css:{
+					display:'inline-block',
+					width:152,
+					height:152,
+					"margin-right":10,
+					"border-radius":10,
+					"box-shadow":"0px 0px 10px rgba(0,0,0,0.5)"
+				},
+				element:null
+			},
+			slider_table:{
+				attrs:{
+					hue:{
+						max:359
+					},
+					saturation:{
+						max:1,
+						step:0.01
+					},
+					lightness:{
+						max:1,
+						step:0.01
+					},
+					alpha:{
+						max:1,
+						step:0.01
+					}
+				},
+				css:{
+					display:'inline-block',
+					'vertical-align':'top',
+					'border-width':1
+				},
+				element:null,
+				sliders:{
+					elements:[],
+					settings:{
+						animate:true,
+						min:0,
+						slide:function(e,ui){
+							$(this).parent().parent().find("span.num").html($(this).slider("value"));
+							methods.update.apply($(this).parents(".cytoColorPicker-wrapper").find('.cytoColorPicker'));
+						},
+						change:function(e,ui){
+							$(this).parent().parent().find("span.num").html($(this).slider("value"));
+							methods.update.apply($(this).parents(".cytoColorPicker-wrapper").find('.cytoColorPicker'));
+						}
+					}
+				}
+			},
+			wrapper:{
+				css:{},
+				element:null
+			}
+		},
+		default_value:"hlsa(0,0%,100%,1)"
+	};
+	var attrs = ['hue','saturation','lightness','alpha'];
+	var methods = {
+		init:function(options){
+			return this.each(function(){
+				var $this = $(this);
+				
+				// Instantiate settings
+				var settings = $.extend(true,{},defaults,options);
+				$this.data('cytoColorPicker',settings);
+				
+				// Generate widget
+				$this.addClass('cytoColorPicker').css({display:'none'});
+				settings.widget.wrapper.element = $this.wrap("<div class='cytoColorPicker-wrapper' />").parent().css(settings.widget.wrapper.css);
+				settings.widget.previewer.element = $('<div />').addClass('cytoColorPicker-previewer').css(settings.widget.previewer.css).appendTo(settings.widget.wrapper.element).click(function(e){
+					
+				});
+				
+				// Generate slider table
+				var slider_table = $('<table />').attr({cellPadding:0,cellSpacing:0}).css(settings.widget.slider_table.css).appendTo(settings.widget.wrapper.element);
+				for (var i=0;i<settings.format.length;i++) {
+					var letter = settings.format[i];
+					var tr = $('<tr />').appendTo(slider_table);
+					var lc = $('<td />').addClass('labelcell').html(letter.toUpperCase()+": ").append($('<span />').addClass('num').html(0)).appendTo(tr);
+					var sc = $('<td />').addClass('cytoColorPicker-sliderCell').appendTo(tr);
+					var slider = $('<div data-attr="'+attrs[i]+'" />').appendTo(sc).slider($.extend(true,{},settings.widget.slider_table.sliders.settings,settings.widget.slider_table.attrs[attrs[i]]));
+					settings.widget.slider_table.sliders.elements.push(slider);
+				}
+				slider_table.find('td').css({'padding':"5px 10px"}).filter('.labelcell').width(50);
+				
+				$this.data('cytoColorPicker',settings);
+				
+				// Get initial value as color
+				var wasSet = ($this.val()!="");
+				if (wasSet) settings.default_value = $this.val();
+				settings.value = $.Color(settings.default_value);
+				
+				// Commit settings to data-cytoColorPicker attribute
+				$this.data('cytoColorPicker',settings);
+				methods.resize.apply($this);
+				if (wasSet) methods.value.apply($this,[settings.value]);
+				else methods.update.apply($this);
+			});
+		},
+		update:function(){
+			return this.each(function(){
+				var $this = $(this);
+				var settings = $this.data('cytoColorPicker');
+				if (!$this.hasClass('cytoColorPicker') || settings==null) return console.warn("You must instanciate $.cytoColorPicker before calling this method!");
+				
+				var wrapper = $this.parent();
+				var previewer = wrapper.find(".cytoColorPicker-previewer");
+				var sliders = wrapper.find('.ui-slider');
+				var color = {};
+				sliders.each(function(i){color[attrs[i]] = sliders.filter("[data-attr="+attrs[i]+"]").slider("value");});
+				color = $.Color(color);
+				previewer.css({"background-color":color.toHslaString()});
+				
+				$this.val(color.toHslaString());
+				settings.events.change.apply($this,[color]);
+			});
+		},
+		value:function(color){
+			return this.each(function(){
+				var $this = $(this);
+				var settings = $this.data('cytoColorPicker');
+				if (!$this.hasClass('cytoColorPicker') || settings==null) return console.warn("You must instanciate $.cytoColorPicker before calling the set method!");
+				
+				var wrapper = $this.parent();
+				color = $.Color(color);
+				var sliders = wrapper.find('.ui-slider');
+				sliders.each(function(i){sliders.filter("[data-attr="+attrs[i]+"]").slider("value",color.hsla()[i]);});
+				
+				methods.update.apply($this,[color]);
+			});
+		},
+		resize:function(){
+			return this.each(function(){
+				var $this = $(this);
+				var settings = $this.data('cytoColorPicker');
+				if (!$this.hasClass('cytoColorPicker') || settings==null) return console.warn("You must instanciate $.cytoColorPicker before calling the resize method!");
+				settings.widget.wrapper.element.width(0).css({opacity:0});
+				setTimeout(function(){
+					settings.widget.wrapper.element.width('100%').css({opacity:1}).find('.cytoColorPicker-sliderCell').width(settings.widget.wrapper.element.innerWidth()-settings.widget.previewer.element.outerWidth(true)-100);
+				},1);
+			});
+		},
+		destroy:function(){
+			return this.each(function(){
+				var $this = $(this);
+				var settings = $(this).data('cytoColorPicker');
+				if (!$this.hasClass('cytoColorPicker') || settings==null) return console.warn("You must instanciate $.cytoColorPicker before calling the destroy method!");
+				var wrapper = $this.parent();
+				$this.insertBefore(wrapper).removeClass('cytoColorPicker').data('cytoColorPicker',null);
+				wrapper.remove();
+			});
+		},
+		refresh:function(){
+			return this.each(function(){
+				var $this = $(this);
+				var settings = $(this).data('cytoColorPicker');
+				if (!$this.hasClass('cytoColorPicker') || settings==null) return console.warn("You must instanciate $.cytoColorPicker before calling the refresh method!");
+				methods.destroy.apply($this);
+				methods.init.apply($this,[settings]);
+				$this.trigger('change.cytoColorPicker');
+			});
+		},
+		options:function(newOptions){
+			if (newOptions!=null) {
+				return this.each(function(){
+					var $this = $(this);
+					var settings = $this.data('cytoColorPicker');
+					if (!$this.hasClass("cytoColorPicker") || settings==null) return console.warn("You must instanciate $.cytoColorPicker before you call the options method!");
+					$this.data('cytoColorPicker',$.extend(true,{},settings,newOptions));
+					methods.refresh.apply($this);
+				});
+			} else {
+				var returnVal;
+				this.each(function(){
+					var $this = $(this);
+					var settings = $this.data('cytoColorPicker');
+					if (!$this.hasClass("cytoColorPicker") || settings==null) return console.warn("You must instanciate $.cytoColorPicker before you call the options method!");
+					returnVal = settings;
+				});
+				return returnVal;
+			}
+		}
+	};
+	
+	$.fn.cytoColorPicker = function(method){
+		if (methods[method]) return methods[method].apply(this,Array.prototype.slice.call(arguments,1));
+		else if (typeof method == 'object' || !method) return methods.init.apply(this,arguments);
+		else $.error('Method ' +  method + ' does not exist on $.cytoColorPicker!');
+	};
+	
+	$(window).resize(function(){$('.cytoColorPicker').cytoColorPicker("resize");});
+	$.Cytoplasm("ready",function(){$('.cytoColorPicker').cytoColorPicker();});
+})(jQuery);

data/app/assets/javascripts/cytoplasm/cytoRadio.js.erb

@@ -0,0 +1,210 @@
+// CytoRadio v1.0
+// By MacKinley Smith
+(function($){
+	var defaults = {
+		widget:{
+			buttonList:{
+				buttons:{
+					css:{
+						display:'inline-block',
+						height:30,
+						padding:0,
+						'border-radius':0
+					},
+					elements:[]
+				},
+				borderRadius:5,
+				css:{
+					width:"100%"
+				}
+			},
+			inputList:{
+				css:{
+					display:'none'
+				},
+				inputs:{
+					css:{},
+					elements:[]
+				}
+			},
+			labels:["On","Off"],
+			wrapper:{
+				css:{
+					
+				}
+			}
+		},
+		events:{
+			create:function(cy){},
+			change:function(cy,event){},
+			destroy:function(cy){}
+		}
+	};
+	
+	var methods = {
+		init:function(options,reinit){
+			if (reinit==null) reinit = false;
+			var namelist = [];
+			return this.each(function(){
+				var $this = $(this);
+				if ($.inArray($this.attr('name'),namelist)>-1) return;
+				if ($this.data('cytoRadio')!=null) return console.warn("You cannot reinstatiate $.cytoRadio before calling the destroy method.\nProtip: Use the refresh method to reinstantiate in one move.");
+				
+				// Initialize settings
+				var settings = $.extend(true,{},defaults,options);
+				
+				// Generate widget
+				settings.widget.inputList.inputs.elements = $('input[name="'+$this.attr('name')+'"]').addClass('cytoRadio');
+				// Data settings for individual radio buttons
+				if (!reinit) settings.widget.inputList.inputs.elements.each(function(i){
+					if ($(this).data('label')!=null) settings.widget.labels[i] = $(this).data('label');
+				});
+				settings.widget.wrapper.element = $this.wrap("<div class='cytoRadio-wrapper'></div>").parent().css(settings.widget.wrapper.css);
+				settings.widget.inputList.element = $('<div />').addClass('cytoRadio-inputList').appendTo(settings.widget.wrapper.element).css(settings.widget.inputList.css);
+				// Move inputs to inputList
+				settings.widget.inputList.inputs.elements.css(settings.widget.inputList.inputs.css).appendTo(settings.widget.inputList.element);
+				settings.widget.buttonList.element = $('<div />').addClass('cytoRadio-buttonList').css(settings.widget.buttonList.css).appendTo(settings.widget.wrapper.element);
+				settings.widget.inputList.inputs.elements.each(function(i){
+					if ($(this).data('label')!=null) settings.widget.labels[i] = $(this).data('label');
+					$(this).attr('data-cytoradio-input',i);
+					var button = $('<button />')
+						.addClass('cytoButton cytoRadio-button')
+						.attr({'data-cytoradio-input':i,'data-cytoradio-value':$(this).val()}).html(settings.widget.labels[i])
+						.css(settings.widget.buttonList.buttons.css)
+						.appendTo(settings.widget.buttonList.element);
+				});
+				settings.widget.buttonList.buttons.elements = settings.widget.buttonList.element.children('.cytoRadio-button');
+				// Round button edges
+				settings.widget.buttonList.buttons.elements.filter(':first-child').css({'border-top-left-radius':settings.widget.buttonList.borderRadius,'border-bottom-left-radius':settings.widget.buttonList.borderRadius});
+				settings.widget.buttonList.buttons.elements.filter(':not(:last-child)').css({'border-right':'none'});
+				settings.widget.buttonList.buttons.elements.filter(':last-child').css({'border-top-right-radius':settings.widget.buttonList.borderRadius,'border-bottom-right-radius':settings.widget.buttonList.borderRadius});
+				
+				// Store settings in data-cytoRadio
+				settings.widget.inputList.inputs.elements.data('cytoRadio',settings);
+				
+				// Choose active
+				if (settings.widget.inputList.inputs.elements.find(':checked')) methods.value.apply(settings.widget.inputList.inputs.elements,[settings.widget.inputList.inputs.elements.find(':checked').val()]);
+				
+				// Bindings
+				settings.widget.inputList.inputs.elements.change($.debounce(100,true,function(e){
+					methods.value.apply(settings.widget.inputList.inputs.elements,[settings.widget.inputList.inputs.elements.filter(':checked').val()])
+					settings.events.change.apply(settings.widget.inputList.inputs.elements,[settings,e]);
+				})).trigger('change');
+				settings.widget.buttonList.buttons.elements.click(function(e){
+					e.preventDefault();
+					if ($(this).hasClass('active')) return false;
+					methods.value.apply($this,[$(this).data('cytoradio-value')]);
+					settings.widget.inputList.inputs.elements.trigger('change');
+				});
+				
+				// Fire resize event
+				methods.resize.apply(settings.widget.inputList.inputs.elements);
+				
+				settings.events.create.apply(settings.widget.inputList.inputs.elements,[settings]);
+				
+				// Add name to namelist
+				namelist.push($this.attr('name'));
+			});
+		},
+		destroy:function(){
+			var namelist = [];
+			return this.each(function(){
+				var $this = $(this);
+				if ($.inArray($this.attr('name'),namelist)>-1) return;
+				var settings = $this.data('cytoRadio');
+				if (!$this.hasClass('cytoRadio') || settings==null) return console.warn("You must instantiate jQuery.cytoRadio before you call the destroy method!");
+				
+				// Move inputs back outside wrapper
+				settings.widget.inputList.inputs.elements.insertAfter(settings.widget.wrapper.element).show();
+				// Remove widget
+				settings.widget.wrapper.element.remove();
+				$this.removeClass('cytoRadio').unbind('.cytoRadio').data('cytoRadio',null);
+				namelist.push($this.attr('name'));
+				settings.events.destroy.apply(settings.widget.inputList.inputs.elements,[settings]);
+			});
+		},
+		refresh:function(){
+			var namelist = [];
+			return this.each(function(){
+				var $this = $(this);
+				if ($.inArray($this.attr('name'),namelist)>-1) return;
+				var settings = $this.data('cytoRadio');
+				if (!$this.hasClass('cytoRadio') || settings==null) return console.warn("You must instantiate jQuery.cytoRadio before you call the refresh method!");
+				
+				methods.destroy.apply($this);
+				methods.init.apply($this,[settings,true]);
+				$this.trigger('change.cytoRadio');
+				
+				namelist.push($this.attr('name'));
+			});
+		},
+		resize:function(){
+			var namelist = [];
+			return this.each(function(){
+				var $this = $(this);
+				if ($.inArray($this.attr('name'),namelist)>-1) return;
+				var settings = $this.data('cytoRadio');
+				if (!$this.hasClass('cytoRadio') || settings==null) return console.warn("You must instantiate jQuery.cytoRadio before you call the resize method!");
+				
+				var w = settings.widget.wrapper.element.width(0).css({opacity:0});
+				var bl = settings.widget.buttonList.buttons.elements.width("auto");
+				setTimeout(function(){
+					w.width('100%');
+					bl.each(function(){
+						$(this).width(Math.ceil(settings.widget.buttonList.element.innerWidth()/bl.length) - 2);
+					});
+					w.css({opacity:1});
+				},1);
+			});
+		},
+		value:function(set){
+			var namelist = [];
+			if (set==null || set==undefined) set = false;
+			var value;
+			this.each(function(){
+				var $this = $(this);
+				if ($.inArray($this.attr('name'),namelist)>-1) return;
+				var settings = $this.data('cytoRadio');
+				if (!$this.hasClass('cytoRadio') || settings==null) return console.warn("You must instantiate jQuery.cytoRadio before you call the value method!");
+				
+				if (set===false) value = settings.widget.inputList.inputs.elements.filter(':checked').val();
+				else {
+					settings.widget.inputList.inputs.elements.filter('[value="'+set+'"]').prop("checked",true);
+					settings.widget.buttonList.element.find('.active').removeClass('active').end().find('[data-cytoradio-value="'+set+'"]').addClass('active');
+				}
+				
+				namelist.push($this.attr('name'));
+			});
+			return (value!=null) ? value : this;
+		},
+		options:function(newOptions){
+			if (newOptions!=null) {
+				return this.each(function(){
+					var $this = $(this);
+					var settings = $this.data('cytoRadio');
+					if (!$this.hasClass("cytoRadio") || settings==null) return console.warn("You must instanciate $.cytoRadio before you call the options method!");
+					$this.data('cytoRadio',$.extend(true,{},settings,newOptions));
+					methods.refresh.apply($this);
+				});
+			} else {
+				var returnVal;
+				this.each(function(){
+					var $this = $(this);
+					var settings = $this.data('cytoRadio');
+					if (!$this.hasClass("cytoRadio") || settings==null) return console.warn("You must instanciate $.cytoRadio before you call the options method!");
+					returnVal = settings;
+				});
+				return returnVal;
+			}
+		}
+	};
+	
+	$.fn.cytoRadio = function(method){
+		if (methods[method]) return methods[method].apply(this,Array.prototype.slice.call(arguments,1));
+		else if (typeof method == 'object' || !method) return methods.init.apply(this,arguments);
+		else $.error('Method ' +  method + ' does not exist on $.cytoRadio!');
+	};
+	
+	$(window).resize(function(){$('.cytoRadio').cytoRadio("resize");});
+	$.Cytoplasm("ready",function(){$('.cytoRadio').cytoRadio();});
+})(jQuery);