progress indicators, bug fixes, after a while

public/assets/js/dashboard copy.js

@@ -0,0 +1,267 @@
+$(document).ready(function(){
+	//init_flot_chart();
+		init_sparklines()
+		$.ajax({
+	        type: "get",
+	        url: base_url + '/dashboard/get_events',
+	        // data : formData,
+	        processData: false,
+	        contentType: false,
+	        async: false,
+	        success: function (data){
+	        	init_calendar(data);
+		    },
+		    error: function(error){
+	            var output = $.parseJSON(error.responseText);
+	            console.log(output.errors);
+	            $('#ipNotifyArea').removeClass('hidden');
+	            $('#ipNotifyArea').addClass('alert alert-danger');
+	            $.each(output.errors, function (key, value) {
+	                //console.log(value[0]);
+	                $('#ipNotifyArea').text(value[0]);
+	            });
+		    }
+	    }); 
+		
+	if ($('#mybarChart').length ){ 
+			  
+	  	var ctx = document.getElementById("mybarChart");
+	  	var mybarChart = new Chart(ctx, {
+			type: 'bar',
+			data: {
+		  		labels: ["January", "February", "March", "April", "May", "June", "July"],
+		  		datasets: [{
+					label: '# of Votes',
+					backgroundColor: "#26B99A",
+					data: [51, 30, 40, 28, 92, 50, 45]
+				}]
+			},
+
+			options: {
+			  scales: {
+				yAxes: [{
+				  ticks: {
+					beginAtZero: true
+				  }
+				}]
+			  }
+			}
+	  });
+	  
+	} 
+
+
+	function  init_calendar(theData) {
+		//console.log(theData);
+		$.each(theData, function (key, value) {
+	        	//console.log(value);      
+	        });
+		if( typeof ($.fn.fullCalendar) === 'undefined'){ return; }
+		// console.log('init_calendar');
+			
+		var date = new Date(),
+			d = date.getDate(),
+			m = date.getMonth(),
+			y = date.getFullYear(),
+			started,
+			categoryClass;
+
+		var calendar = $('#calendar').fullCalendar({
+		  header: {
+			left: 'prev,next today',
+			center: 'title',
+			right: 'month,agendaWeek,agendaDay,listMonth'
+		  },
+		  selectable: true,
+		  selectHelper: true,
+		  select: function(start, end, allDay) {
+			$('#fc_create').click();
+
+			started = start;
+			ended = end;
+
+			$(".antosubmit").on("click", function() {
+			  var title = $("#title").val();
+			  if (end) {
+				ended = end;
+			  }
+
+			  categoryClass = $("#event_type").val();
+
+			  if (title) {
+				calendar.fullCalendar('renderEvent', {
+					title: title,
+					start: started,
+					end: end,
+					allDay: allDay
+				  },
+				  true // make the event "stick"
+				);
+			  }
+
+			  $('#title').val('');
+
+			  calendar.fullCalendar('unselect');
+
+			  $('.antoclose').click();
+
+			  return false;
+			});
+		  },
+		  	eventClick: function(calEvent, jsEvent, view) {
+			$('#fc_edit').click();
+			$('#title2').val(calEvent.title);
+
+			categoryClass = $("#event_type").val();
+
+			$(".antosubmit2").on("click", function() {
+			  calEvent.title = $("#title2").val();
+
+			  calendar.fullCalendar('updateEvent', calEvent);
+			  $('.antoclose2').click();
+			});
+
+			calendar.fullCalendar('unselect');
+		  },
+		  	editable: true,
+		  	events: [
+		  		{
+					title: 'All Day Event',
+					start: new Date(y, m, 1)
+				}		
+		  	]
+
+		});
+		
+	};
+	function gd(year, month, day) {
+		return new Date(year, month - 1, day).getTime();
+	}
+
+	function init_flot_chart(){
+			
+			if( typeof ($.plot) === 'undefined'){ return; }
+			
+			console.log('init_flot_chart');
+			
+			var arr_data2 = [
+			  [gd(2023, 10, 1), 82],
+			  [gd(2023, 10, 2), 23],
+			  [gd(2023, 10, 3), 66],
+			  [gd(2023, 10, 4), 9],
+			  [gd(2023, 10, 5), 119],
+			  [gd(2023, 10, 6), 6],
+			  [gd(2023, 10, 7), 9]
+			];
+			
+			var chart_plot_02_data = [];
+			// console.log(chart_plot_02_data.reverse()[0]);
+
+			for (var i = 0; i < 30; i++) {
+			  //console.log([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
+			  chart_plot_02_data.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
+			}
+					
+			
+			
+			var chart_plot_02_settings = {
+				grid: {
+					show: true,
+					aboveData: true,
+					color: "#3f3f3f",
+					labelMargin: 10,
+					axisMargin: 0,
+					borderWidth: 0,
+					borderColor: null,
+					minBorderMargin: 5,
+					clickable: true,
+					hoverable: true,
+					autoHighlight: true,
+					mouseActiveRadius: 100
+				},
+				series: {
+					lines: {
+						show: true,
+						fill: true,
+						lineWidth: 2,
+						steps: false
+					},
+					points: {
+						show: true,
+						radius: 4.5,
+						symbol: "circle",
+						lineWidth: 3.0
+					}
+				},
+				legend: {
+					position: "ne",
+					margin: [0, -25],
+					noColumns: 0,
+					labelBoxBorderColor: null,
+					labelFormatter: function(label, series) {
+						return label + '&nbsp;&nbsp;';
+					},
+					width: 40,
+					height: 1
+				},
+				colors: ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'],
+				shadowSize: 0,
+				tooltip: true,
+				tooltipOpts: {
+					content: "%s: %y.0",
+					xDateFormat: "%d/%m",
+				shifts: {
+					x: -30,
+					y: -50
+				},
+				defaultTheme: false
+				},
+				yaxis: {
+					min: 0
+				},
+				xaxis: {
+					mode: "time",
+					minTickSize: [1, "day"],
+					timeformat: "%d/%m/%y",
+					min: chart_plot_02_data[0][0],
+					//max: chart_plot_02_data.reverse()[0]
+					max: chart_plot_02_data[20][0]
+				}
+			};	
+		
+			if ($("#chart_plot_02").length){
+				console.log('Plot2');
+				
+				$.plot( $("#chart_plot_02"), 
+				[{ 
+					label: "Logins", 
+					data: chart_plot_02_data, 
+					lines: { 
+						fillColor: "rgba(150, 202, 89, 0.12)" 
+					}, 
+					points: { 
+						fillColor: "#fff" } 
+				}], chart_plot_02_settings);
+				
+			}
+		  
+	}
+	function init_sparklines() {
+				
+		if(typeof (jQuery.fn.sparkline) === 'undefined'){ return; }
+		console.log('init_sparklines'); 
+		
+		
+		$(".sparkline_dash").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
+			type: 'bar',
+			height: '125',
+			barWidth: 13,
+			colorMap: {
+				'7': '#a1a1a1'
+			},
+			barSpacing: 2,
+			barColor: '#26B99A'
+		});
+	};
+
+});