web_admin 0.0.1

data/app/assets/javascripts/web_admin/app.plugin.js

@@ -0,0 +1,220 @@
+Date.now = Date.now || function() { return +new Date; };
+
+!function ($) {
+
+  $(function(){
+ 	
+  	var isRgbaSupport = function(){
+		var value = 'rgba(1,1,1,0.5)',
+		el = document.createElement('p'),
+		result = false;
+		try {
+			el.style.color = value;
+			result = /^rgba/.test(el.style.color);
+		} catch(e) {}
+		el = null;
+		return result;
+	};
+
+	var toRgba = function(str, alpha){
+		var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
+		var matches = patt.exec(str);
+		return "rgba("+parseInt(matches[1], 16)+","+parseInt(matches[2], 16)+","+parseInt(matches[3], 16)+","+alpha+")";
+	};
+
+	// chart js
+	var generateSparkline = function($re){
+		$(".sparkline").each(function(){
+			var $data = $(this).data();
+			if($re && !$data.resize) return;
+			if($data.type == 'bar'){
+				!$data.barColor && ($data.barColor = "#3fcf7f");
+				!$data.barSpacing && ($data.barSpacing = 2);
+				$(this).next('.axis').find('li').css('width',$data.barWidth+'px').css('margin-right',$data.barSpacing+'px');
+			};
+			
+			($data.type == 'pie') && $data.sliceColors && ($data.sliceColors = eval($data.sliceColors));
+			
+			// $data.fillColor && ($data.fillColor.indexOf("#") !== -1) && isRgbaSupport() && ($data.fillColor = toRgba($data.fillColor, 0.5));
+			$data.spotColor = $data.minSpotColor = $data.maxSpotColor = $data.highlightSpotColor = $data.lineColor;
+			$(this).sparkline( $data.data || "html", $data);
+
+			if($(this).data("compositeData")){
+				var $cdata = {};
+				$cdata.composite = true;
+				$cdata.spotRadius = $data.spotRadius;
+				$cdata.lineColor = $data.compositeLineColor || '#a3e2fe';
+				$cdata.fillColor = $data.compositeFillColor || '#e3f6ff';
+				$cdata.highlightLineColor =  $data.highlightLineColor;
+				$cdata.spotColor = $cdata.minSpotColor = $cdata.maxSpotColor = $cdata.highlightSpotColor = $cdata.lineColor;
+				isRgbaSupport() && ($cdata.fillColor = toRgba($cdata.fillColor, 0.5));
+				$(this).sparkline($(this).data("compositeData"),$cdata);
+			};
+			if($data.type == 'line'){
+				$(this).next('.axis').addClass('axis-full');
+			};
+		});
+	};
+
+	var sparkResize;
+	$(window).resize(function(e) {
+		clearTimeout(sparkResize);
+		sparkResize = setTimeout(function(){generateSparkline(true)}, 500);
+	});
+	generateSparkline(false);
+
+	// easypie
+	var updatePie = function($that) {
+		var $this = $that, 
+		$text = $('span', $this), 
+		$oldValue = $text.html(), 
+		$newValue = Math.round(100*Math.random());
+	    
+	    $this.data('easyPieChart').update($newValue);
+
+	    $({v: $oldValue}).animate({v: $newValue}, {
+			duration: 1000,
+			easing:'swing',
+			step: function() {
+				$text.text(Math.ceil(this.v));
+			}
+		});
+	};
+
+    $('.easypiechart').each(function(){
+    	var $barColor = $(this).data("barColor") || function($percent) {
+            $percent /= 100;
+            return "rgb(" + Math.round(255 * (1-$percent)) + ", " + Math.round(255 * $percent) + ", 125)";
+        },
+		$trackColor = $(this).data("trackColor") || "#c8d2db",
+		$scaleColor = $(this).data("scaleColor"),
+		$lineWidth = $(this).data("lineWidth") || 12,
+		$size = $(this).data("size") || 130,
+		$animate = $(this).data("animate") || 1000;
+
+		$(this).easyPieChart({
+	        barColor: $barColor,
+	        trackColor: $trackColor,
+	        scaleColor: $scaleColor,
+	        lineCap: 'butt',
+	        lineWidth: $lineWidth,
+	        size: $size,
+	        animate: $animate,
+	        onStop: function(){
+	        	var $this = this.$el;
+	        	$this.data("loop") && setTimeout(function(){ $this.data("loop") && updatePie($this) }, 2000);        	
+	        }
+	    });
+	});
+
+    $(document).on('click', '[data-toggle^="class:pie"]', function (e) {
+    	e && e.preventDefault();
+	    var $btn = $(e.target), $loop = $('[data-loop]').data('loop'), $target;
+	    !$btn.data('toggle') && ($btn = $btn.closest('[data-toggle^="class"]'));
+	    $target = $btn.data('target');
+	    !$target && ($target = $btn.closest('[data-loop]'));
+		$target.data('loop', !$loop);
+		!$loop && updatePie($('[data-loop]'));
+	});
+    
+    // combodate
+	$(".combodate").each(function(){ 
+		$(this).combodate();
+		$(this).next('.combodate').find('select').addClass('form-control');
+	});
+	// datepicker
+	$(".datepicker").each(function(){ $(this).datepicker();});
+	// dropfile
+	$('.dropfile').each(function(){
+		var $dropbox = $(this);
+		if (typeof window.FileReader === 'undefined') {
+		  $('small',this).html('File API & FileReader API not supported').addClass('text-danger');
+		  return;
+		}
+
+		this.ondragover = function () {$dropbox.addClass('hover'); return false; };
+		this.ondragend = function () {$dropbox.removeClass('hover'); return false; };
+		this.ondrop = function (e) {
+		  e.preventDefault();
+		  $dropbox.removeClass('hover').html('');
+		  var file = e.dataTransfer.files[0],
+		      reader = new FileReader();
+		  reader.onload = function (event) {
+		  	$dropbox.append($('<img>').attr('src', event.target.result));
+		  };
+		  reader.readAsDataURL(file);
+		  return false;
+		};
+	});
+
+	// fuelux pillbox
+	var addPill = function($input){
+		var $text = $input.val(), $pills = $input.closest('.pillbox'), $repeat = false, $repeatPill;
+		if($text == "") return;
+		$("li", $pills).text(function(i,v){
+	        if(v == $text){
+	        	$repeatPill = $(this);
+	        	$repeat = true;
+	        }
+	    });
+	    if($repeat) {
+	    	$repeatPill.fadeOut().fadeIn();
+	    	return;
+	    };
+	    $item = $('<li class="label bg-default">'+$text+'</li> ');
+		$item.insertBefore($input);
+		$input.val('');
+		$pills.trigger('change', $item);
+	};
+
+	$('.pillbox input').on('blur', function() {
+		addPill($(this));
+	});
+
+	$('.pillbox input').on('keypress', function(e) {
+	    if(e.which == 13) {
+	        e.preventDefault();
+	        addPill($(this));
+	    }
+	});
+
+	// slider
+	$('.slider').each(function(){
+		$(this).slider();
+	});
+
+	// wizard
+	$(document).on('click', '[data-wizard]', function (e) {
+		var $this   = $(this), href;
+	    var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ''));
+	    var option = $this.data('wizard');
+	    var item = $target.wizard('selectedItem');
+	    var $step = $(this).closest('.step-content').find('.step-pane:eq(' + (item.step-1) + ')');
+	    if( $step.find('input, select, textarea').data('required') && !$step.find('input, select, textarea').parsley( 'validate' ) ){
+	    	return false;
+	    }else{
+	    	$target.wizard(option);
+	    	var activeStep = (option=="next") ? (item.step+1) : (item.step-1);
+	    	var prev = ($(this).hasClass('btn-prev') && $(this)) || $(this).prev();
+	    	prev.attr('disabled', (activeStep == 1) ? true : false);
+	    }
+	});
+
+	// portlet
+	$('.portlet').each(function(){
+		$(".portlet").sortable({
+	        connectWith: '.portlet',
+            iframeFix: false,
+            items: '.portlet-item',
+            opacity: 0.8,
+            helper: 'original',
+            revert: true,
+            forceHelperSize: true,
+            placeholder: 'sortable-box-placeholder round-all',
+            forcePlaceholderSize: true,
+            tolerance: 'pointer'
+	    });
+    });
+
+  });
+}(window.jQuery);

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

@@ -0,0 +1,20 @@
+ // This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require jquery_ujs
+//= require jquery-fileupload/basic
+//= require jquery-fileupload/vendor/tmpl
+//= require ckeditor/init
+//= require_tree .
+
+$(":file").filestyle({icon: false, buttonText: "Selecione o(s) arquivo(s)"});

data/app/assets/javascripts/web_admin/bootstrap-filestyle.min.js

@@ -0,0 +1 @@
+(function(c){var b=function(d,e){this.options=e;this.$elementFilestyle=[];this.$element=c(d)};b.prototype={clear:function(){this.$element.val("");this.$elementFilestyle.find(":text").val("");this.$elementFilestyle.find(".badge").remove()},destroy:function(){this.$element.removeAttr("style").removeData("filestyle").val("");this.$elementFilestyle.remove()},disabled:function(d){if(d===true){if(!this.options.disabled){this.$element.attr("disabled","true");this.$elementFilestyle.find("label").attr("disabled","true");this.options.disabled=true}}else{if(d===false){if(this.options.disabled){this.$element.removeAttr("disabled");this.$elementFilestyle.find("label").removeAttr("disabled");this.options.disabled=false}}else{return this.options.disabled}}},buttonBefore:function(d){if(d===true){if(!this.options.buttonBefore){this.options.buttonBefore=true;if(this.options.input){this.$elementFilestyle.remove();this.constructor();this.pushNameFiles()}}}else{if(d===false){if(this.options.buttonBefore){this.options.buttonBefore=false;if(this.options.input){this.$elementFilestyle.remove();this.constructor();this.pushNameFiles()}}}else{return this.options.buttonBefore}}},icon:function(d){if(d===true){if(!this.options.icon){this.options.icon=true;this.$elementFilestyle.find("label").prepend(this.htmlIcon())}}else{if(d===false){if(this.options.icon){this.options.icon=false;this.$elementFilestyle.find(".glyphicon").remove()}}else{return this.options.icon}}},input:function(e){if(e===true){if(!this.options.input){this.options.input=true;if(this.options.buttonBefore){this.$elementFilestyle.append(this.htmlInput())}else{this.$elementFilestyle.prepend(this.htmlInput())}this.$elementFilestyle.find(".badge").remove();this.pushNameFiles();this.$elementFilestyle.find(".group-span-filestyle").addClass("input-group-btn")}}else{if(e===false){if(this.options.input){this.options.input=false;this.$elementFilestyle.find(":text").remove();var d=this.pushNameFiles();if(d.length>0&&this.options.badge){this.$elementFilestyle.find("label").append(' <span class="badge">'+d.length+"</span>")}this.$elementFilestyle.find(".group-span-filestyle").removeClass("input-group-btn")}}else{return this.options.input}}},size:function(d){if(d!==undefined){var f=this.$elementFilestyle.find("label"),e=this.$elementFilestyle.find("input");f.removeClass("btn-lg btn-sm");e.removeClass("input-lg input-sm");if(d!="nr"){f.addClass("btn-"+d);e.addClass("input-"+d)}}else{return this.options.size}},buttonText:function(d){if(d!==undefined){this.options.buttonText=d;this.$elementFilestyle.find("label span").html(this.options.buttonText)}else{return this.options.buttonText}},buttonName:function(d){if(d!==undefined){this.options.buttonName=d;this.$elementFilestyle.find("label").attr({"class":"btn "+this.options.buttonName})}else{return this.options.buttonName}},iconName:function(d){if(d!==undefined){this.$elementFilestyle.find(".glyphicon").attr({"class":".glyphicon "+this.options.iconName})}else{return this.options.iconName}},htmlIcon:function(){if(this.options.icon){return'<span class="glyphicon '+this.options.iconName+'"></span> '}else{return""}},htmlInput:function(){if(this.options.input){return'<input type="text" class="form-control '+(this.options.size=="nr"?"":"input-"+this.options.size)+'" disabled> '}else{return""}},pushNameFiles:function(){var d="",f=[];if(this.$element[0].files===undefined){f[0]={name:this.$element[0]&&this.$element[0].value}}else{f=this.$element[0].files}for(var e=0;e<f.length;e++){d+=f[e].name.split("\\").pop()+", "}if(d!==""){this.$elementFilestyle.find(":text").val(d.replace(/\, $/g,""))}else{this.$elementFilestyle.find(":text").val("")}return f},constructor:function(){var h=this,f="",g=h.$element.attr("id"),d=[],i="",e;if(g===""||!g){g="filestyle-"+c(".bootstrap-filestyle").length;h.$element.attr({id:g})}i='<span class="group-span-filestyle '+(h.options.input?"input-group-btn":"")+'"><label for="'+g+'" class="btn '+h.options.buttonName+" "+(h.options.size=="nr"?"":"btn-"+h.options.size)+'" '+(h.options.disabled?'disabled="true"':"")+">"+h.htmlIcon()+h.options.buttonText+"</label></span>";f=h.options.buttonBefore?i+h.htmlInput():h.htmlInput()+i;h.$elementFilestyle=c('<div class="bootstrap-filestyle input-group">'+f+"</div>");h.$elementFilestyle.find(".group-span-filestyle").attr("tabindex","0").keypress(function(j){if(j.keyCode===13||j.charCode===32){h.$elementFilestyle.find("label").click();return false}});h.$element.css({position:"absolute",clip:"rect(0px 0px 0px 0px)"}).attr("tabindex","-1").after(h.$elementFilestyle);if(h.options.disabled){h.$element.attr("disabled","true")}h.$element.change(function(){var j=h.pushNameFiles();if(h.options.input==false&&h.options.badge){if(h.$elementFilestyle.find(".badge").length==0){h.$elementFilestyle.find("label").append(' <span class="badge">'+j.length+"</span>")}else{if(j.length==0){h.$elementFilestyle.find(".badge").remove()}else{h.$elementFilestyle.find(".badge").html(j.length)}}}else{h.$elementFilestyle.find(".badge").remove()}});if(window.navigator.userAgent.search(/firefox/i)>-1){h.$elementFilestyle.find("label").click(function(){h.$element.click();return false})}}};var a=c.fn.filestyle;c.fn.filestyle=function(e,d){var f="",g=this.each(function(){if(c(this).attr("type")==="file"){var j=c(this),h=j.data("filestyle"),i=c.extend({},c.fn.filestyle.defaults,e,typeof e==="object"&&e);if(!h){j.data("filestyle",(h=new b(this,i)));h.constructor()}if(typeof e==="string"){f=h[e](d)}}});if(typeof f!==undefined){return f}else{return g}};c.fn.filestyle.defaults={buttonText:"Choose file",iconName:"glyphicon-folder-open",buttonName:"btn-default",size:"nr",input:true,badge:true,icon:true,buttonBefore:false,disabled:false};c.fn.filestyle.noConflict=function(){c.fn.filestyle=a;return this};c(function(){c(".filestyle").each(function(){var e=c(this),d={input:e.attr("data-input")==="false"?false:true,icon:e.attr("data-icon")==="false"?false:true,buttonBefore:e.attr("data-buttonBefore")==="true"?true:false,disabled:e.attr("data-disabled")==="true"?true:false,size:e.attr("data-size"),buttonText:e.attr("data-buttonText"),buttonName:e.attr("data-buttonName"),iconName:e.attr("data-iconName"),badge:e.attr("data-badge")==="false"?false:true};e.filestyle(d)})})})(window.jQuery);