adminpanel 0.0.1

data/app/assets/javascripts/adminpanel/products.js

@@ -0,0 +1,14 @@
+$(document).ready(function(){
+	$('form').on('click', '.add_fields', function(e) {
+		time = new Date().getTime();
+		regexp = new RegExp($(this).data('id'), 'g');
+		$(this).before($(this).data('fields').replace(regexp, time));
+		e.preventDefault();
+	});
+
+	$('form').on('click', '.remove_fields', function(e){
+		$(this).prev('input[type=hidden]').val('1');
+		$(this).parent().parent().parent().hide();
+		e.preventDefault();
+	});
+});

data/app/assets/javascripts/adminpanel/realm.js

@@ -0,0 +1,90 @@
+
+$(function() {
+
+  // toggle arrow on menu items 
+  $('.accordion-heading .accordion-toggle').click(function(){
+    $('.accordion-heading .accordion-toggle').not($(this)[0], '.accordion-heading .accordion-toggle.collapse').addClass('collapsed'); 
+  });
+
+
+  // show the overview boxes on the dashboard once they are loaded
+  $('.overview_boxes .box_row').css('display', 'inline-block');
+
+  // init tooltips on .tips class elements, text for the tooltip is in the data-title attribute on the element itself
+  $('.tip').tooltip();
+
+  // init popover on .pop class elements
+  $('.pop').popover({
+    title:$(this).data('title'),
+    content:$(this).data('content'),
+    placement:'top'
+  });
+
+  // prevent the top menu popover links to make the window scroll up because of href="#"
+  $('.visible-desktop #messages, .visible-desktop #notifications').click(function(e){
+    e.preventDefault();
+  });
+
+
+  // funtion to slide menu out from the left 
+  $('.slide_menu_left').click(function(e){
+
+    e.preventDefault();
+    if($(".nav-collapse.collapse").hasClass('open_left')){
+      sidemenu_close();
+    }else{
+      sidemenu_open();
+      $('.main_container').bind('click', function(){
+        sidemenu_close();
+      });
+    //   var handler = function() {
+      //  sidemenu_close();
+      // };
+     //  $(window).bind('resize', handler);
+    }
+  });
+  
+
+  // collapse function for the widget
+  $('.widget-buttons a.collapse').click(function(){
+    if($(this).attr('data-collapsed') == 'false'){
+      $(this).closest('.widget').find('.widget-body').slideUp();
+      $(this).attr('data-collapsed', 'true').addClass('widget-hidden');
+    }else{
+      $(this).closest('.widget').find('.widget-body').slideDown();
+      $(this).attr('data-collapsed', 'false').removeClass('widget-hidden');
+    }
+  });
+
+  $('.datepicker-basic').datepicker();
+}); // end document reday
+
+
+
+
+
+//-----  Side menu functions -----//
+
+  // slide menu out of view
+  function sidemenu_close(){
+    $(".main_container").stop().animate({
+        'left': '0'
+    }, 250, 'swing');
+    $(".nav-collapse.collapse").stop().animate({
+        'left': '-150px'
+    }, 250, 'swing').removeClass('open_left');
+    $('.main_container').unbind('click');
+    if(typeof handler != 'undefined'){
+      $(window).unbind('resize', handler);
+    }
+  }
+
+  // slide menu in
+  function sidemenu_open(){
+      $(".main_container").stop().animate({
+          'left': '150px'
+      }, 250, 'swing');
+      $(".nav-collapse.collapse").stop().animate({
+          'left': '0'
+      }, 250, 'swing').addClass('open_left');
+  } 

data/app/assets/javascripts/adminpanel/tables.js

@@ -0,0 +1,126 @@
+$.extend( $.fn.dataTableExt.oPagination, {
+			"bootstrap": {
+				"fnInit": function( oSettings, nPaging, fnDraw ) {
+					var oLang = oSettings.oLanguage.oPaginate;
+					var fnClickHandler = function ( e ) {
+						e.preventDefault();
+						if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
+							fnDraw( oSettings );
+						}
+					};
+
+					$(nPaging).addClass('pagination').append(
+						'<ul>'+
+							'<li class="prev disabled"><a href="#">&larr; '+oLang.sPrevious+'</a></li>'+
+							'<li class="next disabled"><a href="#">'+oLang.sNext+' &rarr; </a></li>'+
+						'</ul>'
+					);
+					var els = $('a', nPaging);
+					$(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
+					$(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
+				},
+
+				"fnUpdate": function ( oSettings, fnDraw ) {
+					var iListLength = 5;
+					var oPaging = oSettings.oInstance.fnPagingInfo();
+					var an = oSettings.aanFeatures.p;
+					var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
+
+					if ( oPaging.iTotalPages < iListLength) {
+						iStart = 1;
+						iEnd = oPaging.iTotalPages;
+					}
+					else if ( oPaging.iPage <= iHalf ) {
+						iStart = 1;
+						iEnd = iListLength;
+					} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
+						iStart = oPaging.iTotalPages - iListLength + 1;
+						iEnd = oPaging.iTotalPages;
+					} else {
+						iStart = oPaging.iPage - iHalf + 1;
+						iEnd = iStart + iListLength - 1;
+					}
+
+					for ( i=0, iLen=an.length ; i<iLen ; i++ ) {
+						// Remove the middle elements
+						$('li:gt(0)', an[i]).filter(':not(:last)').remove();
+
+						// Add the new list items and their event handlers
+						for ( j=iStart ; j<=iEnd ; j++ ) {
+							sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
+							$('<li '+sClass+'><a href="#">'+j+'</a></li>')
+								.insertBefore( $('li:last', an[i])[0] )
+								.bind('click', function (e) {
+									e.preventDefault();
+									oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
+									fnDraw( oSettings );
+								} );
+						}
+
+						// Add / remove disabled classes from the static elements
+						if ( oPaging.iPage === 0 ) {
+							$('li:first', an[i]).addClass('disabled');
+						} else {
+							$('li:first', an[i]).removeClass('disabled');
+						}
+
+						if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
+							$('li:last', an[i]).addClass('disabled');
+						} else {
+							$('li:last', an[i]).removeClass('disabled');
+						}
+					}
+				}
+			}
+		} );
+$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
+{
+		return {
+				"iStart":         oSettings._iDisplayStart,
+				"iEnd":           oSettings.fnDisplayEnd(),
+				"iLength":        oSettings._iDisplayLength,
+				"iTotal":         oSettings.fnRecordsTotal(),
+				"iFilteredTotal": oSettings.fnRecordsDisplay(),
+				"iPage":          oSettings._iDisplayLength === -1 ?
+						0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
+				"iTotalPages":    oSettings._iDisplayLength === -1 ?
+						0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
+		};
+};
+
+jQuery.fn.dataTableExt.aTypes.push(
+		function ( sData ) {
+				return 'html';
+		}
+);
+
+function SwitchCalendars(startCalendar, endCalendar, e) {
+	var endCalendarDate = new Date(e.date),
+	endCalendarInput = $('#end_date');
+
+	startCalendar.datepicker('hide');
+	endCalendarDate.setDate(endCalendarDate.getDate() + 1);
+	endCalendar.datepicker('setStartDate', endCalendarDate);
+	endCalendar.datepicker('update', endCalendarDate);
+	endCalendar.focus();
+	endCalendar.datepicker('show');
+}
+
+$(document).ready(function() {
+	$('#information-table').dataTable( {
+		"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
+		"sPaginationType": "bootstrap",
+		"oLanguage": {
+			"sLengthMenu": "Registros: _MENU_ ",
+			"sZeroRecords": "No se encontro ningún registro que coincida con su búsqueda",
+			"sInfo": "Mostrando registros del _START_ al _END_ (_TOTAL_ registros en total)",
+			"sInfoEmpty": "No hay entradas para mostrar",
+			"sInfoFiltered": "(_MAX_ registros fueron filtrados)",
+			"sSearch": "Buscar:",
+			"oPaginate" : {
+				"sPrevious": "Anterior",
+				"sNext": "Siguiente"
+			} 
+		}
+	});
+} );

data/app/assets/javascripts/application-admin.js

@@ -0,0 +1,16 @@
+// 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
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require adminpanel/bootstrap
+//= require_tree ./adminpanel/.

data/app/assets/stylesheets/adminpanel/_clearfix.css.scss

@@ -0,0 +1,8 @@
+.clearfix:after {
+    display: block;
+    visibility: hidden;
+    clear: both;
+    height: 0;
+    content: " ";
+    font-size: 0;
+}

data/app/assets/stylesheets/adminpanel/alertify.css

@@ -0,0 +1,242 @@
+.alertify-show,
+.alertify-log {
+	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
+	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
+	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
+	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
+	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
+	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
+}
+.alertify-hide {
+	-webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
+	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
+}
+.alertify-log-hide {
+	-webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
+	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
+	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
+}
+.alertify-cover {
+	position: fixed; z-index: 99999;
+	top: 0; right: 0; bottom: 0; left: 0;
+}
+	.alertify-cover-hidden {
+		display: none;
+	}
+.alertify {
+	position: fixed; z-index: 99999;
+	top: 50px; left: 50%;
+	width: 550px;
+	margin-left: -275px;
+	opacity: 1;
+}
+	.alertify-hidden {
+		-webkit-transform: translate(0,-150px);
+		   -moz-transform: translate(0,-150px);
+		    -ms-transform: translate(0,-150px);
+		     -o-transform: translate(0,-150px);
+		        transform: translate(0,-150px);
+		opacity: 0;
+		display: none\9; /* IE8 & IE7 */
+	}
+.alertify-logs {
+	position: fixed;
+	z-index: 5000;
+	bottom: 10px;
+	right: 10px;
+	width: 300px;
+}
+	.alertify-log {
+		display: block;
+		margin-top: 10px;
+		position: relative;
+		right: -300px;
+		opacity: 0;
+	}
+	.alertify-log-show {
+		right: 0;
+		opacity: 1;
+	}
+	.alertify-log-hide {
+		-webkit-transform: translate(300px, 0);
+		   -moz-transform: translate(300px, 0);
+		    -ms-transform: translate(300px, 0);
+		     -o-transform: translate(300px, 0);
+		        transform: translate(300px, 0);
+		opacity: 0;
+	}
+	.alertify-dialog {
+		padding: 25px;
+	}
+		.alertify-resetFocus {
+			border: 0;
+			clip: rect(0 0 0 0);
+			height: 1px;
+			margin: -1px;
+			overflow: hidden;
+			padding: 0;
+			position: absolute;
+			width: 1px;
+		}
+		.alertify-inner {
+			text-align: center;
+		}
+		.alertify-text {
+			margin-bottom: 15px;
+			width: 100%;
+			-webkit-box-sizing: border-box;
+			   -moz-box-sizing: border-box;
+			        box-sizing: border-box;
+			font-size: 100%;
+		}
+		.alertify-buttons {
+		}
+			.alertify-button {
+				/* line-height and font-size for input button */
+				line-height: 1.5;
+				font-size: 100%;
+				display: inline-block;
+				cursor: pointer;
+				margin-left: 5px;
+			}
+
+@media only screen and (max-width: 680px) {
+	.alertify,
+	.alertify-logs {
+		width: 90%;
+		-webkit-box-sizing: border-box;
+		   -moz-box-sizing: border-box;
+		        box-sizing: border-box;
+	}
+	.alertify {
+		left: 5%;
+		margin: 0;
+	}
+}
+
+
+/**
+ * Twitter Bootstrap Look and Feel
+ * Based on http://twitter.github.com/bootstrap/
+ */
+.alertify,
+.alertify-log {
+	font-family: sans-serif;
+}
+.alertify {
+	background: #FFF;
+	border: 1px solid #8E8E8E; /* browsers that don't support rgba */
+	border: 1px solid rgba(0,0,0,.3);
+	border-radius: 6px;
+	box-shadow: 0 3px 7px rgba(0,0,0,.3);
+	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
+	   -moz-background-clip: padding;     /* Firefox 3.6 */
+	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
+}
+.alertify-dialog {
+	padding: 0;
+}
+	.alertify-inner {
+		text-align: left;
+	}
+		.alertify-message {
+			padding: 15px;
+			margin: 0;
+		}
+		.alertify-text-wrapper {
+			padding: 0 15px;
+		}
+			.alertify-text {
+				color: #555;
+				border-radius: 4px;
+				padding: 8px;
+				background-color: #FFF;
+				border: 1px solid #CCC;
+				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+			}
+			.alertify-text:focus {
+				border-color: rgba(82,168,236,.8);
+				outline: 0;
+				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
+			}
+
+		.alertify-buttons {
+			padding: 14px 15px 15px;
+			background: #F5F5F5;
+			border-top: 1px solid #DDD;
+			border-radius: 0 0 6px 6px;
+			box-shadow: inset 0 1px 0 #FFF;
+			text-align: right;
+		}
+			.alertify-button {
+				margin-left: 10px;
+				border-radius: 4px;
+				font-weight: normal;
+				padding: 4px 12px;
+				text-decoration: none;
+				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
+				background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+				background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+				background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+				background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+				background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+			}
+			.alertify-button:focus {
+				outline: none;
+				box-shadow: 0 0 5px #2B72D5;	
+			}
+			.alertify-button:active {
+				position: relative;
+				box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+			}
+				.alertify-button-cancel {
+					text-shadow: 0 -1px 0 rgba(255,255,255,.75);
+					background-color: #E6E6E6;
+					border: 1px solid #BBB;
+					color: #333;
+					background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
+					background-image:    -moz-linear-gradient(top, #FFF, #E6E6E6);
+					background-image:     -ms-linear-gradient(top, #FFF, #E6E6E6);
+					background-image:      -o-linear-gradient(top, #FFF, #E6E6E6);
+					background-image:         linear-gradient(top, #FFF, #E6E6E6);
+				}
+				.alertify-button-cancel:hover {
+					background: #E6E6E6;
+				}
+				.alertify-button-ok {
+					text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+					background-color: #04C;
+					border: 1px solid #04C;
+					border-color: #04C #04C #002A80;
+					border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+					color: #FFF;
+				}
+				.alertify-button-ok:hover {
+					background: #04C;
+				}
+
+.alertify-log {
+	background: #D9EDF7;
+	padding: 8px 14px;
+	border-radius: 4px;
+	color: #3A8ABF;
+	text-shadow: 0 1px 0 rgba(255,255,255,.5);
+	border: 1px solid #BCE8F1;
+}
+	.alertify-log-error {
+		color: #B94A48;
+		background: #F2DEDE;
+		border: 1px solid #EED3D7;
+	}
+	.alertify-log-success {
+		color: #468847;
+		background: #DFF0D8;
+		border: 1px solid #D6E9C6;
+	}