first commit - report data

2025-03-21 10:22:45 +07:00
commit 59963790c0
3493 changed files with 1353173 additions and 0 deletions
@@ -0,0 +1,101 @@
+"use strict";
+
+var statistics_chart = document.getElementById("myChart").getContext('2d');
+
+var myChart = new Chart(statistics_chart, {
+  type: 'line',
+  data: {
+    labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+    datasets: [{
+      label: 'Statistics',
+      data: [640, 387, 530, 302, 430, 270, 488],
+      borderWidth: 5,
+      borderColor: '#6777ef',
+      backgroundColor: 'transparent',
+      pointBackgroundColor: '#fff',
+      pointBorderColor: '#6777ef',
+      pointRadius: 4
+    }]
+  },
+  options: {
+    legend: {
+      display: false
+    },
+    scales: {
+      yAxes: [{
+        gridLines: {
+          display: false,
+          drawBorder: false,
+        },
+        ticks: {
+          stepSize: 150
+        }
+      }],
+      xAxes: [{
+        gridLines: {
+          color: '#fbfbfb',
+          lineWidth: 2
+        }
+      }]
+    },
+  }
+});
+
+$('#visitorMap').vectorMap(
+{
+  map: 'world_en',
+  backgroundColor: '#ffffff',
+  borderColor: '#f2f2f2',
+  borderOpacity: .8,
+  borderWidth: 1,
+  hoverColor: '#000',
+  hoverOpacity: .8,
+  color: '#ddd',
+  normalizeFunction: 'linear',
+  selectedRegions: false,
+  showTooltip: true,
+  pins: {
+    id: '<div class="jqvmap-circle"></div>',
+    my: '<div class="jqvmap-circle"></div>',
+    th: '<div class="jqvmap-circle"></div>',
+    sy: '<div class="jqvmap-circle"></div>',
+    eg: '<div class="jqvmap-circle"></div>',
+    ae: '<div class="jqvmap-circle"></div>',
+    nz: '<div class="jqvmap-circle"></div>',
+    tl: '<div class="jqvmap-circle"></div>',
+    ng: '<div class="jqvmap-circle"></div>',
+    si: '<div class="jqvmap-circle"></div>',
+    pa: '<div class="jqvmap-circle"></div>',
+    au: '<div class="jqvmap-circle"></div>',
+    ca: '<div class="jqvmap-circle"></div>',
+    tr: '<div class="jqvmap-circle"></div>',
+  },
+});
+
+// weather
+getWeather();
+setInterval(getWeather, 600000);
+
+function getWeather() {
+  $.simpleWeather({
+  location: 'Bogor, Indonesia',
+  unit: 'c',
+  success: function(weather) {
+    var html = '';
+    html += '<div class="weather">';
+    html += '<div class="weather-icon text-primary"><span class="wi wi-yahoo-' + weather.code + '"></span></div>';
+    html += '<div class="weather-desc">';
+    html += '<h4>' + weather.temp + '&deg;' + weather.units.temp + '</h4>';
+    html += '<div class="weather-text">' + weather.currently + '</div>';
+    html += '<ul><li>' + weather.city + ', ' + weather.region + '</li>';
+    html += '<li> <i class="wi wi-strong-wind"></i> ' + weather.wind.speed+' '+weather.units.speed + '</li></ul>';
+    html += '</div>';
+    html += '</div>';
+
+    $("#myWeather").html(html);
+  },
+  error: function(error) {
+    $("#myWeather").html('<div class="alert alert-danger">'+error+'</div>');
+  }
+  });
+}