summaryrefslogtreecommitdiffstats
path: root/ogcp/static/AdminLTE/dist/js/pages/dashboard2.js
diff options
context:
space:
mode:
authorDaniel García Moreno <danigm@soleta.eu>2021-06-01 11:40:51 +0200
committerOpenGnSys Support Team <soporte-og@soleta.eu>2021-06-01 18:25:29 +0200
commitb2a0e96fbd6975d73b103d5100683e071864f3bd (patch)
tree2c34712a5901368ff445e955dfac80907305b064 /ogcp/static/AdminLTE/dist/js/pages/dashboard2.js
parent99f4b51236437ed8975148f0375e683c57b57946 (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.js270
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]