repsheet_visualizer 0.2.3 → 1.0.0

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/stacked-horizontal.js

@@ -0,0 +1,60 @@
+$(function () {
+
+	var ds=[], data, chartOptions;
+
+	ds.push ([[2500, 1],[3400, 2],[3700, 3],[4500, 4]]);
+	ds.push ([[1300, 1],[2900, 2],[2500, 3],[2300, 4]]);
+	ds.push ([[800, 1],[1300, 2],[1900, 3],[1500, 4]]);
+
+    data = [ {
+    	label: 'Product 1',
+    	data: ds[1]
+    }, {
+    	label: 'Product 2',
+    	data: ds[0]
+    }, {
+    	label: 'Product 3',
+    	data: ds[2]
+    }];
+
+    chartOptions = {
+        xaxis: {
+            
+        },
+        grid: {
+            hoverable: true,
+            clickable: false,
+            borderWidth: 0
+        },
+        series: {
+            stack: true
+        },
+        bars: {
+        	horizontal: true,
+	    	show: true,
+            barWidth: .25,
+            fill: true,
+            lineWidth: 0,
+			fillColor: { colors: [ { opacity: 1 }, { opacity: 1 } ] }
+	    },
+		
+		tooltip: true,
+
+		tooltipOpts: {
+			content: '%s: %x'
+		},
+	    colors: App.chartColors
+    }
+
+
+    
+    var holder = $('#stacked-horizontal-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/stacked-vertical.js

@@ -0,0 +1,75 @@
+$(function () {
+
+	var d1, d2, d3, data, chartOptions;
+
+	d1 = [
+        [1325376000000, 1200], [1328054400000, 700], [1330560000000, 1000], [1333238400000, 600],
+        [1335830400000, 350]
+    ];
+ 
+    d2 = [
+        [1325376000000, 800], [1328054400000, 600], [1330560000000, 300], [1333238400000, 350],
+        [1335830400000, 300]
+    ];
+ 
+    d3 = [
+        [1325376000000, 650], [1328054400000, 450], [1330560000000, 150], [1333238400000, 200],
+        [1335830400000, 150]
+    ];
+
+    data = [{
+    	label: 'Product 1',
+    	data: d1
+    }, {
+    	label: 'Product 2',
+    	data: d2
+    }, {
+    	label: 'Product 3',
+    	data: d3
+    }];
+
+    chartOptions = {
+        xaxis: {
+            min: (new Date(2011, 11, 15)).getTime(),
+            max: (new Date(2012, 04, 18)).getTime(),
+            mode: "time",
+            tickSize: [2, "month"],
+            monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            tickLength: 0
+        },
+        grid: {
+            hoverable: true,
+            clickable: false,
+            borderWidth: 0
+        },
+        series: {
+            stack: true
+        },
+        bars: {
+	    	show: true,
+	    	barWidth: 36*24*60*60*300,
+            fill: true,
+            align: 'center',
+            lineWidth: 1,
+            lineWidth: 0,
+            fillColor: { colors: [ { opacity: 1 }, { opacity: 1 } ] }
+	    },
+        
+        tooltip: true,
+        tooltipOpts: {
+            content: '%s: %y'
+        },
+        colors: App.chartColors
+    }
+
+
+
+    var holder = $('#stacked-vertical-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/vertical.js

@@ -0,0 +1,70 @@
+$(function () {
+
+	var d1, d2, d3, data, chartOptions;
+
+	d1 = [
+        [1325376000000, 1200], [1328054400000, 700], [1330560000000, 1000], [1333238400000, 600],
+        [1335830400000, 350]
+    ];
+ 
+    d2 = [
+        [1325376000000, 800], [1328054400000, 600], [1330560000000, 300], [1333238400000, 350],
+        [1335830400000, 300]
+    ];
+ 
+    d3 = [
+        [1325376000000, 650], [1328054400000, 450], [1330560000000, 150], [1333238400000, 200],
+        [1335830400000, 150]
+    ];
+
+    data = [{
+    	label: 'Product 1',
+    	data: d1
+    }, {
+    	label: 'Product 2',
+    	data: d2
+    }, {
+    	label: 'Product 3',
+    	data: d3
+    }];
+
+    chartOptions = {
+        xaxis: {
+            min: (new Date(2011, 11, 15)).getTime(),
+            max: (new Date(2012, 04, 18)).getTime(),
+            mode: "time",
+            tickSize: [2, "month"],
+            monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            tickLength: 0
+        },
+        grid: {
+            hoverable: true,
+            clickable: false,
+            borderWidth: 0
+        },
+        bars: {
+	    	show: true,
+	    	barWidth: 12*24*60*60*300,
+            fill: true,
+            lineWidth: 1,
+            order: true,
+            lineWidth: 0,
+            fillColor: { colors: [ { opacity: 1 }, { opacity: 1 } ] }
+	    },
+        
+        tooltip: true,
+        tooltipOpts: {
+            content: '%s: %y'
+        },
+        colors: App.chartColors
+    }
+
+
+    var holder = $('#vertical-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/morris/area.js

@@ -0,0 +1,28 @@
+$(function () {
+    if (!$('#area-chart').length) { return false; }
+    area();
+    $(window).resize (App.debounce (area, 250));
+});
+
+function area () {
+    $('#area-chart').empty ();
+
+    Morris.Area ({
+        element: 'area-chart',
+        data: [
+            {date: '2013-11-06', blacklisted: 15, suspect: 90, whitelisted: 2},
+            {date: '2013-11-07', blacklisted: 5, suspect: 89, whitelisted: 1},
+            {date: '2013-11-08', blacklisted: 34, suspect: 196, whitelisted: 0},
+            {date: '2013-11-09', blacklisted: 37, suspect: 359, whitelisted: 0},
+            {date: '2013-11-10', blacklisted: 68, suspect: 560, whitelisted: 0},
+            {date: '2013-11-11', blacklisted: 23, suspect: 201, whitelisted: 1},
+            {date: '2013-11-12', blacklisted: 50, suspect: 379, whitelisted: 0}
+        ],
+        xkey: 'date',
+        ykeys: ['blacklisted', 'suspect', 'whitelisted'],
+        labels: ['Blacklisted', 'Suspect', 'Whitelisted'],
+        pointSize: 5,
+        hideHover: 'auto',
+        lineColors: [App.chartColors[0], App.chartColors[1], App.chartColors[3]]
+    });
+}

data/lib/repsheet_visualizer/application/public/js/demos/charts/morris/bar.js

@@ -0,0 +1,29 @@
+$(function () {
+
+	if (!$('#bar-chart').length) { return false; }
+	
+	bar ();
+
+	$(window).resize (App.debounce (bar, 325));
+
+});
+
+function bar () {
+	$('#bar-chart').empty ();
+
+	Morris.Bar({
+		element: 'bar-chart',
+		data: [
+			{ y: '2006', a: 100, b: 90, c: 120 },
+			{ y: '2007', a: 75,  b: 65, c: 60 },
+			{ y: '2008', a: 50,  b: 40, c: 60 },
+			{ y: '2009', a: 75,  b: 65, c: 75 },
+			{ y: '2010', a: 50,  b: 40, c: 65 },
+			{ y: '2011', a: 75,  b: 65, c: 40 }
+		],
+		xkey: 'y',
+		ykeys: ['a', 'b', 'c'],
+		labels: ['Series A', 'Series B', 'Series C'],
+		barColors: App.chartColors
+	});
+}

data/lib/repsheet_visualizer/application/public/js/demos/charts/morris/donut.js

@@ -0,0 +1,26 @@
+$(function () {
+	
+    if (!$('#donut-chart').length) { return false; }
+
+	donut ();
+
+	$(window).resize (App.debounce (donut, 325));
+
+});
+
+function donut () {
+	$('#donut-chart').empty ();
+
+	Morris.Donut({
+        element: 'donut-chart',
+        data: [
+            {label: 'Direct', value: 25 },
+            {label: 'Referrals', value: 40 },
+            {label: 'Search engines', value: 25 },
+            {label: 'Unique visitors', value: 10 }
+        ],
+        colors: App.chartColors,
+        hideHover: true,
+        formatter: function (y) { return y + "%" }
+    });
+}

data/lib/repsheet_visualizer/application/public/js/demos/charts/morris/line.js

@@ -0,0 +1,30 @@
+$(function () {
+
+	if (!$('#line-chart').length) { return false; }
+	
+	line ();
+
+	$(window).resize (App.debounce (line, 325));
+
+});
+
+function line () {
+	$('#line-chart').empty ();
+
+	Morris.Line({
+		element: 'line-chart',
+		data: [
+			{ y: '2006', a: 100, b: 90 },
+			{ y: '2007', a: 75,  b: 65 },
+			{ y: '2008', a: 50,  b: 40 },
+			{ y: '2009', a: 75,  b: 65 },
+			{ y: '2010', a: 50,  b: 40 },
+			{ y: '2011', a: 75,  b: 65 },
+			{ y: '2012', a: 100, b: 90 }
+		],
+		xkey: 'y',
+		ykeys: ['a', 'b', 'c'],
+		labels: ['Series A', 'Series B', 'Series C'],
+		lineColors: App.chartColors
+	});
+}

data/lib/repsheet_visualizer/application/public/js/demos/dashboard.js

@@ -0,0 +1,26 @@
+$(function () {
+
+	var sparkOptions = {
+		type: 'bar'
+		, height: '35px'
+		, barWidth: '5px'
+		, barSpacing: '2px'
+	};
+
+	$('#total-visits').sparkline(
+		'html', $.extend (sparkOptions, { barColor: '#e5412d' })
+	);
+
+	$('#new-visits').sparkline(
+		'html', $.extend (sparkOptions, { barColor: '#444' })
+	);
+
+	$('#unique-visits').sparkline(
+		'html', $.extend (sparkOptions, { barColor: '#999' })
+	);
+
+	$('#revenue-visits').sparkline(
+		'html', $.extend (sparkOptions, { barColor: '#5cb85c' })
+	);
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/form-extended.js

@@ -0,0 +1,61 @@
+$(function () {
+
+	$('#dp-ex-1').datepicker ()
+	$('#dp-ex-2').datepicker ()
+	$('#dp-ex-3').datepicker ()
+	$('#dp-ex-4').datepicker ()
+	$('#dp-ex-5').datepicker ()
+
+	$('#dpStart').datepicker ().on ('changeDate', function (e) {
+		$('#dpEnd').datepicker ('setStartDate', e.date);
+	})
+
+	$('#dpEnd').datepicker ().on ('changeDate', function (e) {
+		$('#dpStart').datepicker ('setEndDate', e.date)
+	})
+
+	$('#tp-ex-1').timepicker ()
+	$('#tp-ex-2').timepicker({ template: 'modal' })
+
+	$('input:checkbox, input:radio').iCheck({
+		checkboxClass: 'icheckbox_minimal-blue',
+		radioClass: 'iradio_minimal-blue',
+		inheritClass: true
+	})
+
+	$('#cp-ex-1').simplecolorpicker ();
+
+	$('#cp-ex-2').simplecolorpicker({ 
+		picker: true
+	});
+
+	$('#count-textarea1').textareaCount({
+		maxCharacterSize: -2,
+		warningNumber: 40
+	})
+
+	$('#count-textarea2').textareaCount({
+		maxCharacterSize: 200,
+		warningNumber: 40,
+		displayFormat : '#input/#max | #words words'
+	})
+
+	$('#s2_basic').select2 ({
+		allowClear: true,
+		placeholder: "Select..."
+	})
+
+	$('#s2_multi_value').select2 ({
+		placeholder: "Select..."
+	})
+
+	$('#s2_tokenization').select2 ({
+		placeholder: "Select...",
+		tags:["red", "green", "blue", "black", "orange", "white"],
+		tokenSeparators: [",", " "]
+	})
+
+	$('#as-ex-1').autosize ()
+	$('#as-ex-2').autosize ().addClass ('autosize-animate')
+			
+})

data/lib/repsheet_visualizer/application/public/js/demos/popups.js

@@ -0,0 +1,16 @@
+$(function () {
+
+	$('.howler').click (function (e) {
+
+		$.howl ({
+			type: $(this).data ('type')
+			, title: 'Howl Message'
+			, content: 'Lorem ipsum dolor sit amet, consect adipisicing elit.'
+			, sticky: $(this).data ('sticky')
+			, lifetime: 7500
+			, iconCls: $(this).data ('icon')
+		});
+
+	});
+		
+});

data/lib/repsheet_visualizer/application/public/js/demos/pricing.js

@@ -0,0 +1,10 @@
+$(function () {
+
+	$('.pricing-help').popover ({
+		placement: 'right',
+		trigger: 'hover',
+		container: 'body',
+		delay: { show: 250, hide: 250 }
+	})
+
+})