diff options
Diffstat (limited to 'ogcp/static/AdminLTE/dist/js/pages/dashboard.js')
-rw-r--r-- | ogcp/static/AdminLTE/dist/js/pages/dashboard.js | 267 |
1 files changed, 267 insertions, 0 deletions
diff --git a/ogcp/static/AdminLTE/dist/js/pages/dashboard.js b/ogcp/static/AdminLTE/dist/js/pages/dashboard.js new file mode 100644 index 0000000..56539f2 --- /dev/null +++ b/ogcp/static/AdminLTE/dist/js/pages/dashboard.js @@ -0,0 +1,267 @@ +/* + * Author: Abdullah A Almsaeed + * Date: 4 Jan 2014 + * Description: + * This is a demo file used only for the main dashboard (index.html) + **/ + +/* global moment:false, Chart:false, Sparkline:false */ + +$(function () { + 'use strict' + + // Make the dashboard widgets sortable Using jquery UI + $('.connectedSortable').sortable({ + placeholder: 'sort-highlight', + connectWith: '.connectedSortable', + handle: '.card-header, .nav-tabs', + forcePlaceholderSize: true, + zIndex: 999999 + }) + $('.connectedSortable .card-header').css('cursor', 'move') + + // jQuery UI sortable for the todo list + $('.todo-list').sortable({ + placeholder: 'sort-highlight', + handle: '.handle', + forcePlaceholderSize: true, + zIndex: 999999 + }) + + // bootstrap WYSIHTML5 - text editor + $('.textarea').summernote() + + $('.daterange').daterangepicker({ + ranges: { + Today: [moment(), moment()], + Yesterday: [moment().subtract(1, 'days'), moment().subtract(1, 'days')], + 'Last 7 Days': [moment().subtract(6, 'days'), moment()], + 'Last 30 Days': [moment().subtract(29, 'days'), moment()], + 'This Month': [moment().startOf('month'), moment().endOf('month')], + 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] + }, + startDate: moment().subtract(29, 'days'), + endDate: moment() + }, function (start, end) { + // eslint-disable-next-line no-alert + alert('You chose: ' + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')) + }) + + /* jQueryKnob */ + $('.knob').knob() + + // jvectormap data + var visitorsData = { + US: 398, // USA + SA: 400, // Saudi Arabia + CA: 1000, // Canada + DE: 500, // Germany + FR: 760, // France + CN: 300, // China + AU: 700, // Australia + BR: 600, // Brazil + IN: 800, // India + GB: 320, // Great Britain + RU: 3000 // Russia + } + // World map by jvectormap + $('#world-map').vectorMap({ + map: 'usa_en', + backgroundColor: 'transparent', + regionStyle: { + initial: { + fill: 'rgba(255, 255, 255, 0.7)', + 'fill-opacity': 1, + stroke: 'rgba(0,0,0,.2)', + 'stroke-width': 1, + 'stroke-opacity': 1 + } + }, + series: { + regions: [{ + values: visitorsData, + scale: ['#ffffff', '#0154ad'], + normalizeFunction: 'polynomial' + }] + }, + onRegionLabelShow: function (e, el, code) { + if (typeof visitorsData[code] !== 'undefined') { + el.html(el.html() + ': ' + visitorsData[code] + ' new visitors') + } + } + }) + + // Sparkline charts + var sparkline1 = new Sparkline($('#sparkline-1')[0], { width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9' }) + var sparkline2 = new Sparkline($('#sparkline-2')[0], { width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9' }) + var sparkline3 = new Sparkline($('#sparkline-3')[0], { width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9' }) + + sparkline1.draw([1000, 1200, 920, 927, 931, 1027, 819, 930, 1021]) + sparkline2.draw([515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921]) + sparkline3.draw([15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21]) + + // The Calender + $('#calendar').datetimepicker({ + format: 'L', + inline: true + }) + + // SLIMSCROLL FOR CHAT WIDGET + $('#chat-box').overlayScrollbars({ + height: '250px' + }) + + /* Chart.js Charts */ + // Sales chart + var salesChartCanvas = document.getElementById('revenue-chart-canvas').getContext('2d') + // $('#revenue-chart').get(0).getContext('2d'); + + var salesChartData = { + labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], + datasets: [ + { + label: 'Digital Goods', + backgroundColor: 'rgba(60,141,188,0.9)', + borderColor: 'rgba(60,141,188,0.8)', + pointRadius: false, + pointColor: '#3b8bba', + pointStrokeColor: 'rgba(60,141,188,1)', + pointHighlightFill: '#fff', + pointHighlightStroke: 'rgba(60,141,188,1)', + data: [28, 48, 40, 19, 86, 27, 90] + }, + { + label: 'Electronics', + backgroundColor: 'rgba(210, 214, 222, 1)', + borderColor: 'rgba(210, 214, 222, 1)', + pointRadius: false, + pointColor: 'rgba(210, 214, 222, 1)', + pointStrokeColor: '#c1c7d1', + pointHighlightFill: '#fff', + pointHighlightStroke: 'rgba(220,220,220,1)', + data: [65, 59, 80, 81, 56, 55, 40] + } + ] + } + + var salesChartOptions = { + maintainAspectRatio: false, + responsive: true, + legend: { + display: false + }, + scales: { + xAxes: [{ + gridLines: { + display: false + } + }], + yAxes: [{ + gridLines: { + display: false + } + }] + } + } + + // This will get the first returned node in the jQuery collection. + // eslint-disable-next-line no-unused-vars + var salesChart = new Chart(salesChartCanvas, { // lgtm[js/unused-local-variable] + type: 'line', + data: salesChartData, + options: salesChartOptions + }) + + // Donut Chart + var pieChartCanvas = $('#sales-chart-canvas').get(0).getContext('2d') + var pieData = { + labels: [ + 'Instore Sales', + 'Download Sales', + 'Mail-Order Sales' + ], + datasets: [ + { + data: [30, 12, 20], + backgroundColor: ['#f56954', '#00a65a', '#f39c12'] + } + ] + } + var pieOptions = { + legend: { + display: false + }, + maintainAspectRatio: false, + responsive: true + } + // Create pie or douhnut chart + // You can switch between pie and douhnut using the method below. + // eslint-disable-next-line no-unused-vars + var pieChart = new Chart(pieChartCanvas, { // lgtm[js/unused-local-variable] + type: 'doughnut', + data: pieData, + options: pieOptions + }) + + // Sales graph chart + var salesGraphChartCanvas = $('#line-chart').get(0).getContext('2d') + // $('#revenue-chart').get(0).getContext('2d'); + + var salesGraphChartData = { + labels: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2', '2012 Q3', '2012 Q4', '2013 Q1', '2013 Q2'], + datasets: [ + { + label: 'Digital Goods', + fill: false, + borderWidth: 2, + lineTension: 0, + spanGaps: true, + borderColor: '#efefef', + pointRadius: 3, + pointHoverRadius: 7, + pointColor: '#efefef', + pointBackgroundColor: '#efefef', + data: [2666, 2778, 4912, 3767, 6810, 5670, 4820, 15073, 10687, 8432] + } + ] + } + + var salesGraphChartOptions = { + maintainAspectRatio: false, + responsive: true, + legend: { + display: false + }, + scales: { + xAxes: [{ + ticks: { + fontColor: '#efefef' + }, + gridLines: { + display: false, + color: '#efefef', + drawBorder: false + } + }], + yAxes: [{ + ticks: { + stepSize: 5000, + fontColor: '#efefef' + }, + gridLines: { + display: true, + color: '#efefef', + drawBorder: false + } + }] + } + } + + // This will get the first returned node in the jQuery collection. + // eslint-disable-next-line no-unused-vars + var salesGraphChart = new Chart(salesGraphChartCanvas, { // lgtm[js/unused-local-variable] + type: 'line', + data: salesGraphChartData, + options: salesGraphChartOptions + }) +}) |