diff options
author | Daniel García Moreno <danigm@soleta.eu> | 2021-06-01 11:40:51 +0200 |
---|---|---|
committer | OpenGnSys Support Team <soporte-og@soleta.eu> | 2021-06-01 18:25:29 +0200 |
commit | b2a0e96fbd6975d73b103d5100683e071864f3bd (patch) | |
tree | 2c34712a5901368ff445e955dfac80907305b064 /ogcp/static/AdminLTE/dist/js/pages/dashboard2.js | |
parent | 99f4b51236437ed8975148f0375e683c57b57946 (diff) |
Add initial AdminLTE template files
Add the open source AdminLTE bootstrap dashboard template to the static
folder, and some plugins that we'll use in the following changes to the
templates.
Plugins:
* jquery
* bootstrap
* font-awesome
https://adminlte.io/
Diffstat (limited to 'ogcp/static/AdminLTE/dist/js/pages/dashboard2.js')
-rw-r--r-- | ogcp/static/AdminLTE/dist/js/pages/dashboard2.js | 270 |
1 files changed, 270 insertions, 0 deletions
diff --git a/ogcp/static/AdminLTE/dist/js/pages/dashboard2.js b/ogcp/static/AdminLTE/dist/js/pages/dashboard2.js new file mode 100644 index 0000000..100a4fb --- /dev/null +++ b/ogcp/static/AdminLTE/dist/js/pages/dashboard2.js @@ -0,0 +1,270 @@ +/* global Chart:false */ + +$(function () { + 'use strict' + + /* ChartJS + * ------- + * Here we will create a few charts using ChartJS + */ + + //----------------------- + // - MONTHLY SALES CHART - + //----------------------- + + // Get context with jQuery - using jQuery's .get() method. + var salesChartCanvas = $('#salesChart').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, { + type: 'line', + data: salesChartData, + options: salesChartOptions + } + ) + + //--------------------------- + // - END MONTHLY SALES CHART - + //--------------------------- + + //------------- + // - PIE CHART - + //------------- + // Get context with jQuery - using jQuery's .get() method. + var pieChartCanvas = $('#pieChart').get(0).getContext('2d') + var pieData = { + labels: [ + 'Chrome', + 'IE', + 'FireFox', + 'Safari', + 'Opera', + 'Navigator' + ], + datasets: [ + { + data: [700, 500, 400, 600, 300, 100], + backgroundColor: ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de'] + } + ] + } + var pieOptions = { + legend: { + display: false + } + } + // 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, { + type: 'doughnut', + data: pieData, + options: pieOptions + }) + + //----------------- + // - END PIE CHART - + //----------------- + + /* jVector Maps + * ------------ + * Create a world map with markers + */ + $('#world-map-markers').mapael({ + map: { + name: 'usa_states', + zoom: { + enabled: true, + maxLevel: 10 + } + } + }) + + // $('#world-map-markers').vectorMap({ + // map : 'world_en', + // normalizeFunction: 'polynomial', + // hoverOpacity : 0.7, + // hoverColor : false, + // backgroundColor : 'transparent', + // regionStyle : { + // initial : { + // fill : 'rgba(210, 214, 222, 1)', + // 'fill-opacity' : 1, + // stroke : 'none', + // 'stroke-width' : 0, + // 'stroke-opacity': 1 + // }, + // hover : { + // 'fill-opacity': 0.7, + // cursor : 'pointer' + // }, + // selected : { + // fill: 'yellow' + // }, + // selectedHover: {} + // }, + // markerStyle : { + // initial: { + // fill : '#00a65a', + // stroke: '#111' + // } + // }, + // markers : [ + // { + // latLng: [41.90, 12.45], + // name : 'Vatican City' + // }, + // { + // latLng: [43.73, 7.41], + // name : 'Monaco' + // }, + // { + // latLng: [-0.52, 166.93], + // name : 'Nauru' + // }, + // { + // latLng: [-8.51, 179.21], + // name : 'Tuvalu' + // }, + // { + // latLng: [43.93, 12.46], + // name : 'San Marino' + // }, + // { + // latLng: [47.14, 9.52], + // name : 'Liechtenstein' + // }, + // { + // latLng: [7.11, 171.06], + // name : 'Marshall Islands' + // }, + // { + // latLng: [17.3, -62.73], + // name : 'Saint Kitts and Nevis' + // }, + // { + // latLng: [3.2, 73.22], + // name : 'Maldives' + // }, + // { + // latLng: [35.88, 14.5], + // name : 'Malta' + // }, + // { + // latLng: [12.05, -61.75], + // name : 'Grenada' + // }, + // { + // latLng: [13.16, -61.23], + // name : 'Saint Vincent and the Grenadines' + // }, + // { + // latLng: [13.16, -59.55], + // name : 'Barbados' + // }, + // { + // latLng: [17.11, -61.85], + // name : 'Antigua and Barbuda' + // }, + // { + // latLng: [-4.61, 55.45], + // name : 'Seychelles' + // }, + // { + // latLng: [7.35, 134.46], + // name : 'Palau' + // }, + // { + // latLng: [42.5, 1.51], + // name : 'Andorra' + // }, + // { + // latLng: [14.01, -60.98], + // name : 'Saint Lucia' + // }, + // { + // latLng: [6.91, 158.18], + // name : 'Federated States of Micronesia' + // }, + // { + // latLng: [1.3, 103.8], + // name : 'Singapore' + // }, + // { + // latLng: [1.46, 173.03], + // name : 'Kiribati' + // }, + // { + // latLng: [-21.13, -175.2], + // name : 'Tonga' + // }, + // { + // latLng: [15.3, -61.38], + // name : 'Dominica' + // }, + // { + // latLng: [-20.2, 57.5], + // name : 'Mauritius' + // }, + // { + // latLng: [26.02, 50.55], + // name : 'Bahrain' + // }, + // { + // latLng: [0.33, 6.73], + // name : 'São Tomé and Príncipe' + // } + // ] + // }) +}) + +// lgtm [js/unused-local-variable] |