carga

2025-04-17 00:18:43 -06:00
parent 212fea81b2
commit f5dcfba2b6
306 changed files with 112862 additions and 2 deletions
--- a/static/assets/js/Chart.bundle.min.js
+++ b/static/assets/js/Chart.bundle.min.js
--- a/static/assets/js/bootstrap.min.js
+++ b/static/assets/js/bootstrap.min.js
--- a/static/assets/js/c6b758e399.js
+++ b/static/assets/js/c6b758e399.js
--- a/static/assets/js/chartist-plugin-legend.min.js
+++ b/static/assets/js/chartist-plugin-legend.min.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using UglifyJS v3.4.1.
+ * Original file: /npm/chartist-plugin-legend@0.6.2/chartist-plugin-legend.js
+ * 
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(t,s){"function"==typeof define&&define.amd?define(["chartist"],function(e){return t.returnExportsGlobal=s(e)}):"object"==typeof exports?module.exports=s(require("chartist")):t["Chartist.plugins.legend"]=s(t.Chartist)}(this,function(n){"use strict";var t={className:"",classNames:!1,removeAll:!1,legendNames:!1,clickable:!0,onClick:null,position:"top"};return n.plugins=n.plugins||{},n.plugins.legend=function(u){function f(e,t){return e-t}if(u&&u.position){if(!("top"===u.position||"bottom"===u.position||u.position instanceof HTMLElement))throw Error("The position you entered is not a valid position");if(u.position instanceof HTMLElement){var e=u.position;delete u.position}}return u=n.extend({},t,u),e&&(u.position=e),function(l){var e=l.container.querySelector(".ct-legend");if(e&&e.parentNode.removeChild(e),u.clickable){var t=l.data.series.map(function(e,t){return"object"!=typeof e&&(e={value:e}),e.className=e.className||l.options.classNames.series+"-"+n.alphaNumerate(t),e});l.data.series=t}var o=document.createElement("ul"),s=l instanceof n.Pie;o.className="ct-legend",l instanceof n.Pie&&o.classList.add("ct-legend-inside"),"string"==typeof u.className&&0<u.className.length&&o.classList.add(u.className),l.options.width&&(o.style.cssText="width: "+l.options.width+"px;margin: 0 auto;");var r=[],c=l.data.series.slice(0),i=l.data.series,d=s&&l.data.labels&&l.data.labels.length;if(d){var p=l.data.labels.slice(0);i=l.data.labels}i=u.legendNames||i;var a=Array.isArray(u.classNames)&&u.classNames.length===i.length;i.forEach(function(e,t){var s=document.createElement("li");s.className="ct-series-"+t,a&&(s.className+=" "+u.classNames[t]),s.setAttribute("data-legend",t),s.textContent=e.name||e,o.appendChild(s)}),l.on("created",function(e){if(u.position instanceof HTMLElement)u.position.insertBefore(o,null);else switch(u.position){case"top":l.container.insertBefore(o,l.container.childNodes[0]);break;case"bottom":l.container.insertBefore(o,null)}}),u.clickable&&o.addEventListener("click",function(e){var t=e.target;if(t.parentNode===o&&t.hasAttribute("data-legend")){e.preventDefault();var s=parseInt(t.getAttribute("data-legend")),i=r.indexOf(s);if(-1<i)r.splice(i,1),t.classList.remove("inactive");else if(u.removeAll)r.push(s),t.classList.add("inactive");else if(1<l.data.series.length)r.push(s),t.classList.add("inactive");else r=[],Array.prototype.slice.call(o.childNodes).forEach(function(e){e.classList.remove("inactive")});var a=c.slice(0);if(d)var n=p.slice(0);r.sort(f).reverse(),r.forEach(function(e){a.splice(e,1),d&&n.splice(e,1)}),u.onClick&&u.onClick(l,e),l.data.series=a,d&&(l.data.labels=n),l.update()}})}},n.plugins.legend});
+//# sourceMappingURL=/sm/d9b6e7e5dd3ae068eedc2e2b6df5e6ac436656d1104243b6982be9cd6795b213.map
--- a/static/assets/js/chartist.min.js
+++ b/static/assets/js/chartist.min.js
--- a/static/assets/js/dashboard.js
+++ b/static/assets/js/dashboard.js
@@ -0,0 +1,514 @@
+( function ( $ ) {
+  "use strict";
+
+ // Flot Charts
+
+ $.plot("#flotBar1", [{
+  data: [[0, 3], [2, 8], [4, 5], [6, 13],[8,5], [10,7],[12,4], [14,6]],
+  bars: {
+    show: true,
+    lineWidth: 0,
+    fillColor: '#85c988'          
+  }
+}], {
+  grid: {
+    show: false,
+    hoverable: true
+  }
+});
+
+
+ $.plot("#flotBar2", [{
+  data: [[0, 3], [2, 8], [4, 5], [6, 13],[8,5], [10,7],[12,4], [14,6]],
+  bars: {
+    show: true,
+    lineWidth: 0,
+    fillColor: '#f58f8d'
+  }
+}], {
+  grid: {
+    show: false
+  }
+});
+
+
+
+ var plot = $.plot($('#flotLine1'),[{
+  data: [[0, 1], [1, 3], [2,6], [3, 5], [4, 7], [5, 8], [6, 10]],
+  color: '#fff'
+}],
+{
+  series: {
+    lines: {
+      show: false
+    },
+    splines: {
+      show: true,
+      tension: 0.4,
+      lineWidth: 2
+        //fill: 0.4
+      },
+      shadowSize: 0
+    },
+    points: {
+      show: false,
+    },
+    legend: {
+      noColumns: 1,
+      position: 'nw'
+    },
+    grid: {
+      hoverable: true,
+      clickable: true,
+      show: false
+    },
+    yaxis: {
+      min: 0,
+      max: 10,
+      color: '#eee',
+      font: {
+        size: 10,
+        color: '#6a7074'
+      }
+    },
+    xaxis: {
+      color: '#eee',
+      font: {
+        size: 10,
+        color: '#6a7074'
+      }
+    }
+  });
+
+
+ var plot = $.plot($('#flotLine2'),[{
+  data: [[0, 8], [1, 5], [2,7], [3, 8], [4, 7], [5, 10], [6, 8], [7, 5], [8, 8], [9, 6], [10, 4]],
+  label: 'New Data Flow',
+  color: '#42a5f5'
+}],
+{
+  series: {
+    lines: {
+      show: false
+    },
+    splines: {
+      show: true,
+      tension: 0.4,
+      lineWidth: 1,
+      fill: 0.25
+    },
+    shadowSize: 0
+  },
+  points: {
+    show: false
+  },
+  legend: {
+    show: false
+  },
+  grid: {
+    show: false
+  }
+});
+
+ var plot = $.plot($('#flotLine3'),[{
+  data: [[0, 8], [1, 5], [2,7], [3, 8], [4, 7], [5, 10], [6, 8], [7, 5], [8, 8], [9, 6], [10, 4]],
+  label: 'New Data Flow',
+  color: '#ffa726'
+}],
+{
+  series: {
+    lines: {
+      show: false
+    },
+    splines: {
+      show: true,
+      tension: 0.4,
+      lineWidth: 1,
+      fill: 0.25
+    },
+    shadowSize: 0
+  },
+  points: {
+    show: false
+  },
+  legend: {
+    show: false
+  },
+  grid: {
+    show: false
+  }
+});
+
+ var plot = $.plot($('#flotLine4'),[{
+  data: [[0, 8], [1, 5], [2,7], [3, 8], [4, 7], [5, 10], [6, 8], [7, 5], [8, 8], [9, 6], [10, 4]],
+  label: 'New Data Flow',
+  color: '#5c6bc0'
+}],
+{
+  series: {
+    lines: {
+      show: false
+    },
+    splines: {
+      show: true,
+      tension: 0.4,
+      lineWidth: 1,
+      fill: 0.25
+    },
+    shadowSize: 0
+  },
+  points: {
+    show: false
+  },
+  legend: {
+    show: false
+  },
+  grid: {
+    show: false
+  }
+});
+
+
+ var newCust = [[0, 3], [1, 5], [2,4], [3, 7], [4, 9], [5, 3], [6, 6], [7, 4], [8, 10]];
+
+ var plot = $.plot($('#flotLine5'),[{
+  data: newCust,
+  label: 'New Data Flow',
+  color: '#fff'
+}],
+{
+  series: {
+    lines: {
+      show: true,
+      lineColor: '#fff',
+      lineWidth: 1
+    },
+    points: {
+      show: true,
+      fill: true,
+      fillColor: "#ffffff",
+      symbol: "circle",
+      radius: 3
+    },
+    shadowSize: 0
+  },
+  points: {
+    show: true,
+  },
+  legend: {
+    show: false
+  },
+  grid: {
+    show: false
+  }
+});
+
+
+ /**************** PIE CHART *******************/
+ var piedata = [
+ { label: "Desktop visits", data: [[1,32]], color: '#5c6bc0'},
+ { label: "Tab visits", data: [[1,33]], color: '#ef5350'},
+ { label: "Mobile visits", data: [[1,35]], color: '#66bb6a'}
+ ];
+
+ $.plot('#flotPie1', piedata, {
+  series: {
+    pie: {
+      show: true,
+      radius: 1,
+      innerRadius: 0.4,
+      label: {
+        show: true,
+        radius: 2/3,
+        threshold: 1
+      },
+      stroke: { 
+        width: 0.1
+      }
+    }
+  },
+  grid: {
+    hoverable: true,
+    clickable: true
+  }
+});
+
+
+// Real Time Chart
+
+
+var data = [], totalPoints = 50;
+
+function getRandomData() {
+  if (data.length > 0)
+    data = data.slice(1);
+  while (data.length < totalPoints) {
+    var prev = data.length > 0 ? data[data.length - 1] : 50,
+    y = prev + Math.random() * 10 - 5;
+    if (y < 0) {
+      y = 0;
+    } else if (y > 100) {
+      y = 100;
+    }
+    data.push(y);
+  }
+  var res = [];
+  for (var i = 0; i < data.length; ++i) {
+    res.push([i, data[i]])
+  }
+  return res;
+}
+
+
+  // Set up the control widget
+  var updateInterval = 1000;
+
+  var plot5 = $.plot('#flotRealtime2', [ getRandomData() ], {
+    colors: ['#5c6bc0'],
+
+    series: {
+      // label: 'Upload',
+      lines: {
+        show: true,
+        lineWidth: 0,
+        fill: 0.9
+      },
+      shadowSize: 0 // Drawing is faster without shadows
+    },
+    grid: {
+      show: false
+    },
+    xaxis: {
+      color: '#eee',
+      font: {
+        size: 10,
+        color: '#6a7074'
+      }
+    },
+    yaxis: {
+      min: 0,
+      max: 100,
+      color: '#eee',
+      font: {
+        size: 10,
+        color: '#6a7074'
+      }
+    }
+  });
+
+  function update_plot5() {
+    plot5.setData([getRandomData()]);
+    plot5.draw();
+    setTimeout(update_plot5, updateInterval);
+  }
+
+  update_plot5();
+
+
+// Traffic Chart
+
+  if ($('#traffic-chart').length) {
+    var chart = new Chartist.Line('#traffic-chart', {
+      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+      series: [
+      [13000, 18000, 35000, 18000, 25000, 26000, 22000, 20000, 18000, 35000, 18000, 25000],
+      [15000, 23000, 15000, 30000, 20000, 31000, 15000, 15000, 23000, 15000, 30000, 20000],
+      [25000, 15000, 38000, 25500, 15000, 22500, 30000, 25000, 15000, 38000, 25500, 15000]
+      ]
+    }, {
+      low: 0,
+      showArea: true,
+      showLine: false,
+      showPoint: false,
+      fullWidth: true,
+      axisX: {
+        showGrid: true
+      }
+    });
+
+    chart.on('draw', function(data) {
+      if(data.type === 'line' || data.type === 'area') {
+        data.element.animate({
+          d: {
+            begin: 2000 * data.index,
+            dur: 2000,
+            from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
+            to: data.path.clone().stringify(),
+            easing: Chartist.Svg.Easing.easeOutQuint
+          }
+        });
+      }
+    });
+  }
+
+/* Gauge Chart */
+
+  var g1;
+
+  document.addEventListener("DOMContentLoaded", function(event) {
+    g1 = new JustGage({
+      id: "g1",
+      value: 72,
+      //title: "Completed",
+      fill: '#ffa726',
+      symbol: '%',
+      min: 0,
+      max: 100,
+      donut: true,
+      gaugeWidthScale: 0.4,
+      counter: true,
+      hideInnerShadow: true
+    });
+
+  });
+
+  /* Sparkline Tab Charts */
+
+  $('#sparklinedash, #sparklinedash6, #sparklinedash11').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
+    type: 'bar',
+    height: '30',
+    barWidth: '5',
+    disableHiddenCheck: true,
+    resize: true,
+    barSpacing: '2',
+    barColor: '#42a5f5'
+  });
+  
+  $('#sparklinedash2, #sparklinedash7, #sparklinedash12').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
+    type: 'bar',
+    height: '30',
+    barWidth: '5',
+    resize: true,
+    barSpacing: '2',
+    barColor: '#ef5350'
+  });
+  $('#sparklinedash3, #sparklinedash8, #sparklinedash13').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
+    type: 'bar',
+    height: '30',
+    barWidth: '5',
+    resize: true,
+    barSpacing: '2',
+    barColor: '#66bb6a'
+  });
+  $('#sparklinedash4, #sparklinedash9, #sparklinedash14').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
+    type: 'bar',
+    height: '30',
+    barWidth: '5',
+    resize: true,
+    barSpacing: '2',
+    barColor: '#5c6bc0'
+  });
+  $('#sparklinedash5, #sparklinedash10, #sparklinedash15').sparkline([ 0, 5, 6, 10, 9, 12, 4, 9], {
+    type: 'bar',
+    height: '30',
+    barWidth: '5',
+    resize: true,
+    barSpacing: '2',
+    barColor: '#ffa726'
+  });
+
+ // Chartist
+
+  var ctx = document.getElementById('area_chart').getContext('2d');
+
+  var chart = new Chart(ctx, {
+        // The type of chart we want to create
+        type: 'line',
+
+        // The data for our dataset
+        data: {
+          labels: ["Jan", "Feb", "Mar", "Jun", "Jul", "Aug", "Sep"],
+          datasets: [{
+            label: "My First dataset",
+            backgroundColor: 'transparent',
+            borderColor: '#4fabf5',
+            pointBackgroundColor: "#ffffff",
+            data: [5000, 2700, 8500, 5500, 4500, 4900, 3000]
+          },
+          {
+            label: "My Second dataset",
+            backgroundColor: 'rgba(230,240,244,.5)',
+            borderColor: '#6ebe73',
+            pointBackgroundColor: "#ffffff",
+            data: [5500, 2900, 7000, 3500, 5000, 3300, 4800 ]
+          },
+          {
+            label: "My Third dataset",
+            backgroundColor: 'transparent',
+            borderColor: '#5c6bc0',
+            pointBackgroundColor: "#ffffff",
+            data: [2700, 7000, 3500, 6900, 2600, 6500, 2200]
+          }]
+        },
+
+        // Configuration options go here
+        options: {
+          maintainAspectRatio: true,
+          legend: {
+            display: false
+          },
+
+          scales: {
+            xAxes: [{
+              display: true
+            }],
+            yAxes: [{
+              display: true,
+              gridLines: {
+                zeroLineColor: '#e8e9ef',
+                color: '#e8e9ef',
+                drawBorder: true
+              }
+            }]
+
+          },
+          elements: {
+            line: {
+              tension: 0.00001,
+              borderWidth: 1
+            },
+            point: {
+              radius: 4,
+              hitRadius: 10,
+              hoverRadius: 4,
+              borderWidth: 2
+            }
+          }
+        }
+      });
+
+
+
+
+})( jQuery );
+
+
+/*Knob*/
+
+if (Gauge) {
+
+  var opts = {
+        lines: 12, // The number of lines to draw
+        angle: 0, // The length of each line
+        lineWidth: 0.05, // The line thickness
+        pointer: {
+            length: .75, // The radius of the inner circle
+            strokeWidth: 0.03, // The rotation offset
+            color: '#000' // Fill color
+          },
+        limitMax: 'true', // If true, the pointer will not go past the end of the gauge
+        colorStart: '#42a5f5', // Colors
+        colorStop: '#42a5f5', // just experiment with them
+        strokeColor: '#fbfbfc', // to see which ones work best for you
+        generateGradient: true
+      };
+
+
+    var target = document.getElementById('g2'); // your canvas element
+    var gauge = new Gauge(target).setOptions(opts); // create sexy gauge!
+    gauge.maxValue = 3000; // set max gauge value
+    gauge.animationSpeed = 32; // set animation speed (32 is default value)
+    gauge.set(1150); // set actual value
+    //gauge.setTextField(document.getElementById("gauge-textfield"));
+
+  }
--- a/static/assets/js/desktop.ini
+++ b/static/assets/js/desktop.ini
@@ -0,0 +1,14 @@
+[LocalizedFileNames]
+chartist-plugin-legend.min.js=@chartist-plugin-legend.min.js,0
+Chart.bundle.min.js=@Chart.bundle.min.js,0
+chartist.min.js=@chartist.min.js,0
+jquery.matchHeight.min.js=@jquery.matchHeight.min.js,0
+bootstrap.min.js=@bootstrap.min.js,0
+popper.min.js=@popper.min.js,0
+jquery.min.js=@jquery.min.js,0
+jquery.simpleWeather.min.js=@jquery.simpleWeather.min.js,0
+fullcalendar.min.js=@fullcalendar.min.js,0
+moment.min.js=@moment.min.js,0
+jquery.flot.pie.min.js=@jquery.flot.pie.min.js,0
+jquery.flot.spline.min.js=@jquery.flot.spline.min.js,0
+jquery.flot.min.js=@jquery.flot.min.js,0
--- a/static/assets/js/fullcalendar.min.js
+++ b/static/assets/js/fullcalendar.min.js
--- a/static/assets/js/init/chartjs-init.js
+++ b/static/assets/js/init/chartjs-init.js
@@ -0,0 +1,418 @@
+( function ( $ ) {
+    "use strict";
+
+    //Team chart
+    var ctx = document.getElementById( "team-chart" );
+    ctx.height = 150;
+    var myChart = new Chart( ctx, {
+        type: 'line',
+        data: {
+            labels: [ "2012", "2013", "2014", "2015", "2016", "2017", "2018" ],
+            type: 'line',
+            defaultFontFamily: 'Montserrat',
+            datasets: [ {
+                data: [ 0, 7, 3, 5, 2, 8, 6 ],
+                label: "Expense",
+                backgroundColor: 'rgba(0,200,155,.35)',
+                borderColor: 'rgba(0,200,155,0.60)',
+                borderWidth: 3.5,
+                pointStyle: 'circle',
+                pointRadius: 5,
+                pointBorderColor: 'transparent',
+                pointBackgroundColor: 'rgba(0,200,155,0.60)',
+                    },
+                    {
+                data: [ 0, 6, 3, 4, 3, 7, 10 ],
+                label: "Profit",
+                backgroundColor: 'rgba(0,194,146,.25)',
+                borderColor: 'rgba(0,194,146,0.5)',
+                borderWidth: 3.5,
+                pointStyle: 'circle',
+                pointRadius: 5,
+                pointBorderColor: 'transparent',
+                pointBackgroundColor: 'rgba(0,194,146,0.5)',
+                    }, ]
+        },
+        options: {
+            responsive: true,
+            tooltips: {
+                mode: 'index',
+                titleFontSize: 12,
+                titleFontColor: '#000',
+                bodyFontColor: '#000',
+                backgroundColor: '#fff',
+                titleFontFamily: 'Montserrat',
+                bodyFontFamily: 'Montserrat',
+                cornerRadius: 3,
+                intersect: false,
+            },
+            legend: {
+                display: false,
+                position: 'top',
+                labels: {
+                    usePointStyle: true,
+                    fontFamily: 'Montserrat',
+                },
+
+
+            },
+            scales: {
+                xAxes: [ {
+                    display: true,
+                    gridLines: {
+                        display: false,
+                        drawBorder: false
+                    },
+                    scaleLabel: {
+                        display: false,
+                        labelString: 'Month'
+                    }
+                        } ],
+                yAxes: [ {
+                    display: true,
+                    gridLines: {
+                        display: false,
+                        drawBorder: false
+                    },
+                    scaleLabel: {
+                        display: true,
+                        labelString: 'Value'
+                    }
+                        } ]
+            },
+            title: {
+                display: false,
+            }
+        }
+    } );
+
+
+    //Sales chart
+    var ctx = document.getElementById( "sales-chart" );
+    ctx.height = 150;
+    var myChart = new Chart( ctx, {
+        type: 'line',
+        data: {
+            labels: [ "2012", "2013", "2014", "2015", "2016", "2017", "2018" ],
+            type: 'line',
+            defaultFontFamily: 'Montserrat',
+            datasets: [ {
+                label: "Foods",
+                data: [ 0, 30, 15, 110, 50, 63, 120 ],
+                backgroundColor: 'transparent',
+                borderColor: 'rgba(220,53,69,0.75)',
+                borderWidth: 3,
+                pointStyle: 'circle',
+                pointRadius: 5,
+                pointBorderColor: 'transparent',
+                pointBackgroundColor: 'rgba(220,53,69,0.75)',
+                    }, {
+                label: "Electronics",
+                data: [ 0, 50, 40, 80, 35, 99, 80 ],
+                backgroundColor: 'transparent',
+                borderColor: 'rgba(40,167,69,0.75)',
+                borderWidth: 3,
+                pointStyle: 'circle',
+                pointRadius: 5,
+                pointBorderColor: 'transparent',
+                pointBackgroundColor: 'rgba(40,167,69,0.75)',
+                    } ]
+        },
+        options: {
+            responsive: true,
+
+            tooltips: {
+                mode: 'index',
+                titleFontSize: 12,
+                titleFontColor: '#000',
+                bodyFontColor: '#000',
+                backgroundColor: '#fff',
+                titleFontFamily: 'Montserrat',
+                bodyFontFamily: 'Montserrat',
+                cornerRadius: 3,
+                intersect: false,
+            },
+            legend: {
+                display: false,
+                labels: {
+                    usePointStyle: true,
+                    fontFamily: 'Montserrat',
+                },
+            },
+            scales: {
+                xAxes: [ {
+                    display: true,
+                    gridLines: {
+                        display: false,
+                        drawBorder: false
+                    },
+                    scaleLabel: {
+                        display: false,
+                        labelString: 'Month'
+                    }
+                        } ],
+                yAxes: [ {
+                    display: true,
+                    gridLines: {
+                        display: false,
+                        drawBorder: false
+                    },
+                    scaleLabel: {
+                        display: true,
+                        labelString: 'Value'
+                    }
+                        } ]
+            },
+            title: {
+                display: false,
+                text: 'Normal Legend'
+            }
+        }
+    } );
+
+
+
+
+
+
+
+    //line chart
+    var ctx = document.getElementById( "lineChart" );
+    ctx.height = 150;
+    var myChart = new Chart( ctx, {
+        type: 'line',
+        data: {
+            labels: [ "January", "February", "March", "April", "May", "June", "July" ],
+            datasets: [
+                {
+                    label: "My First dataset",
+                    borderColor: "rgba(0,0,0,.09)",
+                    borderWidth: "1",
+                    backgroundColor: "rgba(0,0,0,.07)",
+                    data: [ 20, 47, 35, 43, 65, 45, 35 ]
+                            },
+                {
+                    label: "My Second dataset",
+                    borderColor: "rgba(0, 194, 146, 0.9)",
+                    borderWidth: "1",
+                    backgroundColor: "rgba(0, 194, 146, 0.5)",
+                    pointHighlightStroke: "rgba(26,179,148,1)",
+                    data: [ 16, 32, 18, 27, 42, 33, 44 ]
+                            }
+                        ]
+        },
+        options: {
+            responsive: true,
+            tooltips: {
+                mode: 'index',
+                intersect: false
+            },
+            hover: {
+                mode: 'nearest',
+                intersect: true
+            }
+
+        }
+    } );
+
+
+    //bar chart
+    var ctx = document.getElementById( "barChart" );
+    //    ctx.height = 200;
+    var myChart = new Chart( ctx, {
+        type: 'bar',
+        data: {
+            labels: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul" ],
+            datasets: [
+                {
+                    label: "My First dataset",
+                    data: [ 65, 59, 80, 81, 56, 55, 45 ],
+                    borderColor: "rgba(0, 194, 146, 0.9)",
+                    borderWidth: "0",
+                    backgroundColor: "rgba(0, 194, 146, 0.5)"
+                            },
+                {
+                    label: "My Second dataset",
+                    data: [ 28, 48, 40, 19, 86, 27, 76 ],
+                    borderColor: "rgba(0,0,0,0.09)",
+                    borderWidth: "0",
+                    backgroundColor: "rgba(0,0,0,0.07)"
+                            }
+                        ]
+        },
+        options: {
+            scales: {
+                yAxes: [ {
+                    ticks: {
+                        beginAtZero: true
+                    }
+                                } ]
+            }
+        }
+    } );
+
+    //radar chart
+    var ctx = document.getElementById( "radarChart" );
+    ctx.height = 160;
+    var myChart = new Chart( ctx, {
+        type: 'radar',
+        data: {
+            labels: [ [ "Eating", "Dinner" ], [ "Drinking", "Water" ], "Sleeping", [ "Designing", "Graphics" ], "Coding", "Cycling", "Running" ],
+            datasets: [
+                {
+                    label: "My First dataset",
+                    data: [ 65, 70, 66, 45, 5, 55, 40 ],
+                    borderColor: "rgba(0, 194, 146, 0.6)",
+                    borderWidth: "1",
+                    backgroundColor: "rgba(0, 194, 146, 0.4)"
+                            },
+                {
+                    label: "My Second dataset",
+                    data: [ 28, 5, 55, 19, 63, 27, 68 ],
+                    borderColor: "rgba(0, 194, 146, 0.7",
+                    borderWidth: "1",
+                    backgroundColor: "rgba(0, 194, 146, 0.5)"
+                            }
+                        ]
+        },
+        options: {
+            legend: {
+                position: 'top'
+            },
+            scale: {
+                ticks: {
+                    beginAtZero: true
+                }
+            }
+        }
+    });
+
+
+    //pie chart
+    var ctx = document.getElementById( "pieChart" );
+    ctx.height = 300;
+    var myChart = new Chart( ctx, {
+        type: 'pie',
+        data: {
+            datasets: [ {
+                data: [ 45, 25, 20, 10 ],
+                backgroundColor: [
+                                    "rgba(0, 194, 146,0.9)",
+                                    "rgba(0, 194, 146,0.7)",
+                                    "rgba(0, 194, 146,0.5)",
+                                    "rgba(0,0,0,0.07)"
+                                ],
+                hoverBackgroundColor: [
+                                    "rgba(0, 194, 146,0.9)",
+                                    "rgba(0, 194, 146,0.7)",
+                                    "rgba(0, 194, 146,0.5)",
+                                    "rgba(0,0,0,0.07)"
+                                ]
+
+                            } ],
+            labels: [
+                            "green",
+                            "green",
+                            "green"
+                        ]
+        },
+        options: {
+            responsive: true
+        }
+    } );
+
+    //doughut chart
+    var ctx = document.getElementById( "doughutChart" );
+    ctx.height = 150;
+    var myChart = new Chart( ctx, {
+        type: 'doughnut',
+        data: {
+            datasets: [ {
+                data: [ 35, 40, 20, 5 ],
+                backgroundColor: [
+                                    "rgba(0, 194, 146,0.9)",
+                                    "rgba(0, 194, 146,0.7)",
+                                    "rgba(0, 194, 146,0.5)",
+                                    "rgba(0,0,0,0.07)"
+                                ],
+                hoverBackgroundColor: [
+                                    "rgba(0, 194, 146,0.9)",
+                                    "rgba(0, 194, 146,0.7)",
+                                    "rgba(0, 194, 146,0.5)",
+                                    "rgba(0,0,0,0.07)"
+                                ]
+
+                            } ],
+            labels: [
+                            "green",
+                            "green",
+                            "green",
+                            "green"
+                        ]
+        },
+        options: {
+            responsive: true
+        }
+    } );
+
+    //polar chart
+    var ctx = document.getElementById( "polarChart" );
+    ctx.height = 150;
+    var myChart = new Chart( ctx, {
+        type: 'polarArea',
+        data: {
+            datasets: [ {
+                data: [ 15, 18, 10, 7, 19],
+                backgroundColor: [
+                                    "rgba(0, 194, 146,0.9)",
+                                    "rgba(0, 194, 146,0.8)",
+                                    "rgba(0, 194, 146,0.7)",
+                                    "rgba(0,0,0,0.2)",
+                                    "rgba(0, 194, 146,0.5)"
+                                ]
+
+                            } ],
+            labels: [
+                            "green",
+                            "green",
+                            "green",
+                            "green"
+                        ]
+        },
+        options: {
+            responsive: true
+        }
+    } );
+
+    // single bar chart
+    var ctx = document.getElementById( "singelBarChart" );
+    ctx.height = 150;
+    var myChart = new Chart( ctx, {
+        type: 'bar',
+        data: {
+            labels: [ "Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat" ],
+            datasets: [
+                {
+                    label: "My First dataset",
+                    data: [ 55, 50, 75, 80, 56, 55, 60 ],
+                    borderColor: "rgba(0, 194, 146, 0.9)",
+                    borderWidth: "0",
+                    backgroundColor: "rgba(0, 194, 146, 0.5)"
+                            }
+                        ]
+        },
+        options: {
+            scales: {
+                yAxes: [ {
+                    ticks: {
+                        beginAtZero: true
+                    }
+                                } ]
+            }
+        }
+    } );
+
+
+
+
+} )( jQuery );
--- a/static/assets/js/init/datatables-init.js
+++ b/static/assets/js/init/datatables-init.js
@@ -0,0 +1,53 @@
+(function ($) {
+    //    "use strict";
+
+
+    /*  Data Table
+    -------------*/
+
+
+
+
+    $('#bootstrap-data-table').DataTable({
+        lengthMenu: [[10, 20, 50, -1], [10, 20, 50, "All"]],
+    });
+
+
+
+    $('#bootstrap-data-table-export').DataTable({
+        dom: 'lBfrtip',
+        lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
+        buttons: [
+            'copy', 'csv', 'excel', 'pdf', 'print'
+        ]
+    });
+	
+	$('#row-select').DataTable( {
+			initComplete: function () {
+				this.api().columns().every( function () {
+					var column = this;
+					var select = $('<select class="form-control"><option value=""></option></select>')
+						.appendTo( $(column.footer()).empty() )
+						.on( 'change', function () {
+							var val = $.fn.dataTable.util.escapeRegex(
+								$(this).val()
+							);
+	 
+							column
+								.search( val ? '^'+val+'$' : '', true, false )
+								.draw();
+						} );
+	 
+					column.data().unique().sort().each( function ( d, j ) {
+						select.append( '<option value="'+d+'">'+d+'</option>' )
+					} );
+				} );
+			}
+		} );
+
+
+
+
+
+
+})(jQuery);
--- a/static/assets/js/init/flot-chart-init.js
+++ b/static/assets/js/init/flot-chart-init.js
@@ -0,0 +1,379 @@
+ (function($){
+
+ "use strict"; // Start of use strict
+
+ var SufeeAdmin = {
+
+    cpuLoad: function(){
+
+        var data = [],
+            totalPoints = 300;
+
+        function getRandomData() {
+
+            if ( data.length > 0 )
+                data = data.slice( 1 );
+
+            // Do a random walk
+
+            while ( data.length < totalPoints ) {
+
+                var prev = data.length > 0 ? data[ data.length - 1 ] : 50,
+                    y = prev + Math.random() * 10 - 5;
+
+                if ( y < 0 ) {
+                    y = 0;
+                } else if ( y > 100 ) {
+                    y = 100;
+                }
+
+                data.push( y );
+            }
+
+            // Zip the generated y values with the x values
+
+            var res = [];
+            for ( var i = 0; i < data.length; ++i ) {
+                res.push( [ i, data[ i ] ] )
+            }
+
+            return res;
+        }
+
+        // Set up the control widget
+
+        var updateInterval = 30;
+        $( "#updateInterval" ).val( updateInterval ).change( function () {
+            var v = $( this ).val();
+            if ( v && !isNaN( +v ) ) {
+                updateInterval = +v;
+                if ( updateInterval < 1 ) {
+                    updateInterval = 1;
+                } else if ( updateInterval > 3000 ) {
+                    updateInterval = 3000;
+                }
+                $( this ).val( "" + updateInterval );
+            }
+        } );
+
+        var plot = $.plot( "#cpu-load", [ getRandomData() ], {
+            series: {
+                shadowSize: 0 // Drawing is faster without shadows
+            },
+            yaxis: {
+                min: 0,
+                max: 100
+            },
+            xaxis: {
+                show: false
+            },
+            colors: [ "#00c292" ],
+            grid: {
+                color: "transparent",
+                hoverable: true,
+                borderWidth: 0,
+                backgroundColor: 'transparent'
+            },
+            tooltip: true,
+            tooltipOpts: {
+                content: "Y: %y",
+                defaultTheme: false
+            }
+
+
+        } );
+
+        function update() {
+
+            plot.setData( [ getRandomData() ] );
+
+            // Since the axes don't change, we don't need to call plot.setupGrid()
+
+            plot.draw();
+            setTimeout( update, updateInterval );
+        }
+
+        update();
+
+    },
+
+    lineFlot: function(){
+
+        var sin = [],
+            cos = [];
+
+        for ( var i = 0; i < 10; i += 0.1 ) {
+            sin.push( [ i, Math.sin( i ) ] );
+            cos.push( [ i, Math.cos( i ) ] );
+        }
+
+        var plot = $.plot( "#flot-line", [
+            {
+                data: sin,
+                label: "sin(x)"
+            },
+            {
+                data: cos,
+                label: "cos(x)"
+            }
+            ], {
+            series: {
+                lines: {
+                    show: true
+                },
+                points: {
+                    show: true
+                }
+            },
+            yaxis: {
+                min: -1.2,
+                max: 1.2
+            },
+            colors: [ "#00c292", "#F44336" ],
+            grid: {
+                color: "#fff",
+                hoverable: true,
+                borderWidth: 0,
+                backgroundColor: 'transparent'
+            },
+            tooltip: true,
+            tooltipOpts: {
+                content: "'%s' of %x.1 is %y.4",
+                shifts: {
+                    x: -65,
+                    y: 25
+                }
+            }
+        } );
+    },
+
+    pieFlot: function(){
+
+        var data = [
+            {
+                label: " Data 1",
+                data: 2,
+                color: "#8fc9fb"
+            },
+            {
+                label: " Data 2",
+                data: 4,
+                color: "#007BFF"
+            },
+            {
+                label: " Data 3",
+                data: 7,
+                color: "#00c292"
+            },
+            {
+                label: " Data 4",
+                data: 15,
+                color: "#F44336"
+            },
+            {
+                label: " Data 5",
+                data: 10,
+                color: "#32c39f"
+            }
+        ];
+
+        var plotObj = $.plot( $( "#flot-pie" ), data, {
+            series: {
+                pie: {
+                    show: true,
+                    radius: 1,
+                    label: {
+                        show: false,
+
+                    }
+                }
+            },
+            grid: {
+                hoverable: true
+            },
+            tooltip: {
+                show: true,
+                content: "%p.0%, %s, n=%n", // show percentages, rounding to 2 decimal places
+                shifts: {
+                    x: 20,
+                    y: 0
+                },
+                defaultTheme: false
+            }
+        } );
+    },
+
+    line2Flot: function(){
+
+        // first chart
+        var chart1Options = {
+            series: {
+                lines: {
+                    show: true
+                },
+                points: {
+                    show: true
+                }
+            },
+            xaxis: {
+                mode: "time",
+                timeformat: "%m/%d",
+                minTickSize: [ 1, "day" ]
+            },
+            grid: {
+                hoverable: true
+            },
+            legend: {
+                show: false
+            },
+            grid: {
+                color: "#fff",
+                hoverable: true,
+                borderWidth: 0,
+                backgroundColor: 'transparent'
+            },
+            tooltip: {
+                show: true,
+                content: "y: %y"
+            }
+        };
+        var chart1Data = {
+            label: "chart1",
+            color: "#007BFF",
+            data: [
+          [ 1354521600000, 6322 ],
+          [ 1354840000000, 6340 ],
+          [ 1355223600000, 6368 ],
+          [ 1355306400000, 6374 ],
+          [ 1355487300000, 6388 ],
+          [ 1355571900000, 6400 ]
+        ]
+        };
+        $.plot( $( "#chart1" ), [ chart1Data ], chart1Options );
+    },
+
+    barFlot: function(){
+
+        // second chart
+        var flotBarOptions = {
+            series: {
+                bars: {
+                    show: true,
+                    barWidth: 43200000
+                }
+            },
+            xaxis: {
+                mode: "time",
+                timeformat: "%m/%d",
+                minTickSize: [ 1, "day" ]
+            },
+            grid: {
+                hoverable: true
+            },
+            legend: {
+                show: false
+            },
+            grid: {
+                color: "#fff",
+                hoverable: true,
+                borderWidth: 0,
+                backgroundColor: 'transparent'
+            },
+            tooltip: {
+                show: true,
+                content: "x: %x, y: %y"
+            }
+        };
+        var flotBarData = {
+            label: "flotBar",
+            color: "#007BFF",
+            data: [
+          [ 1354921600000, 1000 ],
+          [ 1355040000000, 1500 ],
+          [ 1355223600000, 2000 ],
+          [ 1355306400000, 2500 ],
+          [ 1355487300000, 3000 ],
+          [ 1355571900000, 4000 ]
+        ]
+        };
+        $.plot( $( "#flotBar" ), [ flotBarData ], flotBarOptions );
+
+    },
+
+    plotting: function(){
+
+        var d1 = [ [ 20, 20 ], [ 30, 34 ], [ 42, 60 ], [ 54, 20 ], [ 80, 90 ] ];
+
+        //flot options
+        var options = {
+            legend: {
+                show: false
+            },
+            series: {
+                label: "Curved Lines Test",
+                curvedLines: {
+                    active: true,
+                    nrSplinePoints: 20
+                }
+            },
+
+            grid: {
+                color: "#fff",
+                hoverable: true,
+                borderWidth: 0,
+                backgroundColor: 'transparent'
+            },
+            tooltip: {
+                show: true,
+                content: "%s | x: %x; y: %y"
+            },
+            yaxes: [ {
+                min: 10,
+                max: 90
+            }, {
+                position: 'right'
+            } ]
+        };
+
+        //plotting
+        $.plot( $( "#flotCurve" ), [
+            {
+                data: d1,
+                lines: {
+                    show: true,
+                    fill: true,
+                    fillColor: "rgba(0,123,255,.15)",
+                    lineWidth: 3
+                },
+                //curve the line  (old pre 1.0.0 plotting function)
+                curvedLines: {
+                    apply: true,
+                    show: true,
+                    fill: true,
+                    fillColor: "rgba(0,123,255,.15)",
+
+                }
+          }, {
+                data: d1,
+                points: {
+                    show: true,
+                    fill: true,
+                    fillColor: "rgba(0,123,255,.15)",
+                }
+          }
+          ], options );
+    }
+
+};
+
+$(document).ready(function() {
+    SufeeAdmin.cpuLoad();
+    SufeeAdmin.lineFlot();
+    SufeeAdmin.pieFlot();
+    SufeeAdmin.line2Flot();
+    SufeeAdmin.barFlot();
+    SufeeAdmin.plotting();
+
+});
+
+})(jQuery);
--- a/static/assets/js/init/fullcalendar-init.js
+++ b/static/assets/js/init/fullcalendar-init.js
@@ -0,0 +1,193 @@
+
+!function($) {
+    "use strict";
+
+    var CalendarApp = function() {
+        this.$body = $("body")
+        this.$modal = $('#event-modal'),
+        this.$event = ('#external-events div.external-event'),
+        this.$calendar = $('#calendar'),
+        this.$saveCategoryBtn = $('.save-category'),
+        this.$categoryForm = $('#add-category form'),
+        this.$extEvents = $('#external-events'),
+        this.$calendarObj = null
+    };
+
+
+    /* on drop */
+    CalendarApp.prototype.onDrop = function (eventObj, date) { 
+        var $this = this;
+            // retrieve the dropped element's stored Event Object
+            var originalEventObject = eventObj.data('eventObject');
+            var $categoryClass = eventObj.attr('data-class');
+            // we need to copy it, so that multiple events don't have a reference to the same object
+            var copiedEventObject = $.extend({}, originalEventObject);
+            // assign it the date that was reported
+            copiedEventObject.start = date;
+            if ($categoryClass)
+                copiedEventObject['className'] = [$categoryClass];
+            // render the event on the calendar
+            $this.$calendar.fullCalendar('renderEvent', copiedEventObject, true);
+            // is the "remove after drop" checkbox checked?
+            if ($('#drop-remove').is(':checked')) {
+                // if so, remove the element from the "Draggable Events" list
+                eventObj.remove();
+            }
+    },
+    /* on click on event */
+    CalendarApp.prototype.onEventClick =  function (calEvent, jsEvent, view) {
+        var $this = this;
+            var form = $("<form></form>");
+            form.append("<label>Change event name</label>");
+            form.append("<div class='input-group'><input class='form-control' type=text value='" + calEvent.title + "' /><span class='input-group-btn'><button type='submit' class='btn btn-success waves-effect waves-light'><i class='fa fa-check'></i> Save</button></span></div>");
+            $this.$modal.modal({
+                backdrop: 'static'
+            });
+            $this.$modal.find('.delete-event').show().end().find('.save-event').hide().end().find('.modal-body').empty().prepend(form).end().find('.delete-event').unbind('click').click(function () {
+                $this.$calendarObj.fullCalendar('removeEvents', function (ev) {
+                    return (ev._id == calEvent._id);
+                });
+                $this.$modal.modal('hide');
+            });
+            $this.$modal.find('form').on('submit', function () {
+                calEvent.title = form.find("input[type=text]").val();
+                $this.$calendarObj.fullCalendar('updateEvent', calEvent);
+                $this.$modal.modal('hide');
+                return false;
+            });
+    },
+    /* on select */
+    CalendarApp.prototype.onSelect = function (start, end, allDay) {
+        var $this = this;
+            $this.$modal.modal({
+                backdrop: 'static'
+            });
+            var form = $("<form></form>");
+            form.append("<div class='row'></div>");
+            form.find(".row")
+                .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Event Name</label><input class='form-control' placeholder='Insert Event Name' type='text' name='title'/></div></div>")
+                .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Category</label><select class='form-control' name='category'></select></div></div>")
+                .find("select[name='category']")
+                .append("<option value='bg-danger'>Danger</option>")
+                .append("<option value='bg-success'>Success</option>")
+                .append("<option value='bg-dark'>Dark</option>")
+                .append("<option value='bg-primary'>Primary</option>")
+                .append("<option value='bg-pink'>Pink</option>")
+                .append("<option value='bg-info'>Info</option>")
+                .append("<option value='bg-warning'>Warning</option></div></div>");
+            $this.$modal.find('.delete-event').hide().end().find('.save-event').show().end().find('.modal-body').empty().prepend(form).end().find('.save-event').unbind('click').click(function () {
+                form.submit();
+            });
+            $this.$modal.find('form').on('submit', function () {
+                var title = form.find("input[name='title']").val();
+                var beginning = form.find("input[name='beginning']").val();
+                var ending = form.find("input[name='ending']").val();
+                var categoryClass = form.find("select[name='category'] option:checked").val();
+                if (title !== null && title.length != 0) {
+                    $this.$calendarObj.fullCalendar('renderEvent', {
+                        title: title,
+                        start:start,
+                        end: end,
+                        allDay: false,
+                        className: categoryClass
+                    }, true);  
+                    $this.$modal.modal('hide');
+                }
+                else{
+                    alert('You have to give a title to your event');
+                }
+                return false;
+                
+            });
+            $this.$calendarObj.fullCalendar('unselect');
+    },
+    CalendarApp.prototype.enableDrag = function() {
+        //init events
+        $(this.$event).each(function () {
+            // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
+            // it doesn't need to have a start or end
+            var eventObject = {
+                title: $.trim($(this).text()) // use the element's text as the event title
+            };
+            // store the Event Object in the DOM element so we can get to it later
+            $(this).data('eventObject', eventObject);
+            // make the event draggable using jQuery UI
+            $(this).draggable({
+                zIndex: 999,
+                revert: true,      // will cause the event to go back to its
+                revertDuration: 0  //  original position after the drag
+            });
+        });
+    }
+    /* Initializing */
+    CalendarApp.prototype.init = function() {
+        this.enableDrag();
+        /*  Initialize the calendar  */
+        var date = new Date();
+        var d = date.getDate();
+        var m = date.getMonth();
+        var y = date.getFullYear();
+        var form = '';
+        var today = new Date($.now());
+
+        var defaultEvents =  [{
+                title: 'Hey!',
+                start: new Date($.now() + 158000000),
+                className: 'bg-dark'
+            }, {
+                title: 'See John Deo',
+                start: today,
+                end: today,
+                className: 'bg-danger'
+            }, {
+                title: 'Buy a Theme',
+                start: new Date($.now() + 338000000),
+                className: 'bg-primary'
+            }];
+
+        var $this = this;
+        $this.$calendarObj = $this.$calendar.fullCalendar({
+            slotDuration: '00:15:00', /* If we want to split day time each 15minutes */
+            minTime: '08:00:00',
+            maxTime: '19:00:00',  
+            defaultView: 'month',  
+            handleWindowResize: true,   
+            height: $(window).height() - 200,   
+            header: {
+                left: 'prev,next today',
+                center: 'title',
+                right: 'month,agendaWeek,agendaDay'
+            },
+            events: defaultEvents,
+            editable: true,
+            droppable: true, // this allows things to be dropped onto the calendar !!!
+            eventLimit: true, // allow "more" link when too many events
+            selectable: true,
+            drop: function(date) { $this.onDrop($(this), date); },
+            select: function (start, end, allDay) { $this.onSelect(start, end, allDay); },
+            eventClick: function(calEvent, jsEvent, view) { $this.onEventClick(calEvent, jsEvent, view); }
+
+        });
+
+        //on new event
+        this.$saveCategoryBtn.on('click', function(){
+            var categoryName = $this.$categoryForm.find("input[name='category-name']").val();
+            var categoryColor = $this.$categoryForm.find("select[name='category-color']").val();
+            if (categoryName !== null && categoryName.length != 0) {
+                $this.$extEvents.append('<div class="external-event bg-' + categoryColor + '" data-class="bg-' + categoryColor + '" style="position: relative;"><i class="fa fa-move"></i>' + categoryName + '</div>')
+                $this.enableDrag();
+            }
+
+        });
+    },
+
+   //init CalendarApp
+    $.CalendarApp = new CalendarApp, $.CalendarApp.Constructor = CalendarApp
+    
+}(window.jQuery),
+
+//initializing CalendarApp
+function($) {
+    "use strict";
+    $.CalendarApp.init()
+}(window.jQuery);
--- a/static/assets/js/init/gmap-init.js
+++ b/static/assets/js/init/gmap-init.js
@@ -0,0 +1,246 @@
+(function($){
+
+var map;
+$(document).ready(function(){
+    map = new GMaps({
+        el: '#basic-map',
+        lat: -12.043333,
+        lng: -77.028333,
+        zoomControl : true,
+        zoomControlOpt: {
+            style : 'SMALL',
+            position: 'TOP_LEFT'
+        },
+        panControl : false,
+        streetViewControl : false,
+        mapTypeControl: false,
+        overviewMapControl: false
+    });
+});
+
+
+
+
+var map, infoWindow;
+$(document).ready(function(){
+    infoWindow = new google.maps.InfoWindow({});
+    map = new GMaps({
+        el: '#map-2',
+        zoom: 11,
+        lat: 41.850033,
+        lng: -87.6500523
+    });
+    map.loadFromFusionTables({
+        query: {
+            select: '\'Geocodable address\'',
+            from: '1mZ53Z70NsChnBMm-qEYmSDOvLXgrreLTkQUvvg'
+        },
+        suppressInfoWindows: true,
+        events: {
+            click: function(point){
+                infoWindow.setContent('You clicked here!');
+                infoWindow.setPosition(point.latLng);
+                infoWindow.open(map.map);
+            }
+        }
+    });
+});
+
+
+
+
+var map, rectangle, polygon, circle;
+$(document).ready(function(){
+    map = new GMaps({
+        el: '#map-3',
+        lat: -12.043333,
+        lng: -77.028333
+    });
+    var bounds = [[-12.030397656836609,-77.02373871559225],[-12.034804866577001,-77.01154422636042]];
+    rectangle = map.drawRectangle({
+        bounds: bounds,
+        strokeColor: '#BBD8E9',
+        strokeOpacity: 1,
+        strokeWeight: 3,
+        fillColor: '#BBD8E9',
+        fillOpacity: 0.6
+    });
+
+    var paths = [[-12.040397656836609,-77.03373871559225],[-12.040248585302038,-77.03993927003302],[-12.050047116528843,-77.02448169303511],[-12.044804866577001,-77.02154422636042]];
+    polygon = map.drawPolygon({
+        paths: paths,
+        strokeColor: '#25D359',
+        strokeOpacity: 1,
+        strokeWeight: 3,
+        fillColor: '#25D359',
+        fillOpacity: 0.6
+    });
+    var lat = -12.040504866577001;
+    var lng = -77.02024422636042;
+    circle = map.drawCircle({
+        lat: lat,
+        lng: lng,
+        radius: 350,
+        strokeColor: '#432070',
+        strokeOpacity: 1,
+        strokeWeight: 3,
+        fillColor: '#432070',
+        fillOpacity: 0.6
+    });
+    for(var i in paths){
+        bounds.push(paths[i]);
+    }
+    var b = [];
+    for(var i in bounds){
+        latlng = new google.maps.LatLng(bounds[i][0], bounds[i][1]);
+        b.push(latlng);
+    }
+    for(var i in paths){
+        latlng = new google.maps.LatLng(paths[i][0], paths[i][1]);
+        b.push(latlng);
+    }
+    map.fitLatLngBounds(b);
+});
+
+
+
+
+
+
+var map;
+$(document).ready(function(){
+    map = new GMaps({
+        el: '#map-4',
+        lat: -12.043333,
+        lng: -77.028333
+    });
+    //locations request
+    map.getElevations({
+        locations : [[-12.040397656836609,-77.03373871559225], [-12.050047116528843,-77.02448169303511],  [-12.044804866577001,-77.02154422636042]],
+        callback : function (result, status){
+            if (status == google.maps.ElevationStatus.OK) {
+                for (var i in result){
+                    map.addMarker({
+                        lat: result[i].location.lat(),
+                        lng: result[i].location.lng(),
+                        title: 'Marker with InfoWindow',
+                        infoWindow: {
+                            content: '<p>The elevation is '+result[i].elevation+' in meters</p>'
+                        }
+                    });
+                }
+            }
+        }
+    });
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var map;
+$(document).ready(function(){
+    var map = new GMaps({
+        el: '#map-5',
+        lat: -12.043333,
+        lng: -77.028333
+    });
+
+    GMaps.geolocate({
+        success: function(position){
+            map.setCenter(position.coords.latitude, position.coords.longitude);
+        },
+        error: function(error){
+            alert('Geolocation failed: '+error.message);
+        },
+        not_supported: function(){
+            alert("Your browser does not support geolocation");
+        },
+        always: function(){
+            alert("Done!");
+        }
+    });
+});
+
+
+
+
+
+
+
+
+
+
+
+var map, infoWindow;
+$(document).ready(function(){
+    infoWindow = new google.maps.InfoWindow({});
+    map = new GMaps({
+        el: '#map-6',
+        zoom: 12,
+        lat: 40.65,
+        lng: -73.95
+    });
+    map.loadFromKML({
+        url: 'https://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss',
+        suppressInfoWindows: true,
+        events: {
+            click: function(point){
+                infoWindow.setContent(point.featureData.infoWindowHtml);
+                infoWindow.setPosition(point.latLng);
+                infoWindow.open(map.map);
+            }
+        }
+    });
+});
+
+
+
+
+
+var map;
+$(function () {
+    map = new GMaps({
+        el: "#map-7",
+        lat: -12.043333,
+        lng: -77.028333,
+        zoom: 3
+    });
+
+    map.addLayer('weather', {
+        clickable: false
+    });
+    map.addLayer('clouds');
+});
+
+
+
+
+
+
+map = new GMaps({
+    el: '#map-8',
+    zoom: 16,
+    lat: -12.043333,
+    lng: -77.028333,
+    click: function(e){
+        alert('click');
+    },
+    dragend: function(e){
+        alert('dragend');
+    }
+});
+
+
+})(jQuery);
--- a/static/assets/js/init/peitychart-init.js
+++ b/static/assets/js/init/peitychart-init.js
@@ -0,0 +1,100 @@
+(function($){
+
+ "use strict"; // Start of use strict
+
+$(function() {
+    "use strict";
+    // Just the defaults.
+    $("span.pie").peity("pie",{
+        width: '50',
+        height: '50'
+    })
+
+    $('span.donut').peity('donut',{
+        width: '50',
+        height: '50'
+    })
+
+
+    $(".peity-line").peity("line",{
+        width: '300',
+        height: '100'
+    })
+
+    $(".bar").peity("bar",{
+        width: '300',
+        height: '100'
+    })
+
+    $(".bar-colours-1").peity("bar", {
+        fill: ["red", "green", "blue"],
+        width: '100',
+        height: '100'
+    })
+
+    $(".bar-colours-2").peity("bar", {
+        fill: function(value) {
+            return value > 0 ? "green" : "red"
+        },
+        width: '100',
+        height: '100'
+    })
+
+    $(".bar-colours-3").peity("bar", {
+        fill: function(_, i, all) {
+            var g = parseInt((i / all.length) * 255)
+            return "rgb(255, " + g + ", 0)"
+        },
+        width: '100',
+        height: '100'
+    })
+
+    $(".pie-colours-1").peity("pie", {
+        fill: ["cyan", "magenta", "yellow", "black"],
+        width: '100',
+        height: '100'
+    })
+
+    $(".pie-colours-2").peity("pie", {
+        fill: function(_, i, all) {
+            var g = parseInt((i / all.length) * 255)
+            return "rgb(255, " + g + ", 0)"
+        },
+        width: '100',
+        height: '100'
+    })
+
+    // Using data attributes
+    $(".data-attributes span").peity("donut")
+
+    // Evented example.
+    $("select").change(function() {
+        var text = $(this).val() + "/" + 5
+
+        $(this)
+            .siblings("span.graph")
+            .text(text)
+            .change()
+
+        $("#notice").text("Chart updated: " + text)
+    }).change()
+
+    $("span.graph").peity("pie")
+
+    // Updating charts.
+    var updatingChart = $(".updating-chart").peity("line", { width: "100%",height:100 })
+
+    setInterval(function() {
+        var random = Math.round(Math.random() * 10)
+        var values = updatingChart.text().split(",")
+        values.shift()
+        values.push(random)
+
+        updatingChart
+            .text(values.join(","))
+            .change()
+    }, 1000)
+})
+
+
+})(jQuery);
--- a/static/assets/js/init/vector-init.js
+++ b/static/assets/js/init/vector-init.js
@@ -0,0 +1,223 @@
+( function ( $ ) {
+    "use strict";
+
+
+
+
+
+    jQuery( '#vmap' ).vectorMap( {
+        map: 'world_en',
+        backgroundColor: null,
+        color: '#ffffff',
+        hoverOpacity: 0.7,
+        selectedColor: '#1de9b6',
+        enableZoom: true,
+        showTooltip: true,
+        values: sample_data,
+        scaleColors: [ '#1de9b6', '#03a9f5' ],
+        normalizeFunction: 'polynomial'
+    } );
+
+    jQuery( '#vmap2' ).vectorMap( {
+        map: 'dz_fr',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        borderOpacity: 1,
+        enableZoom: true,
+        showTooltip: true
+    } );
+
+    jQuery( '#vmap3' ).vectorMap( {
+        map: 'argentina_en',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap4' ).vectorMap( {
+        map: 'brazil_br',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap5' ).vectorMap( {
+        map: 'france_fr',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        enableZoom: true,
+        showTooltip: true
+    } );
+
+    jQuery( '#vmap6' ).vectorMap( {
+        map: 'germany_en',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap7' ).vectorMap( {
+        map: 'greece',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap8' ).vectorMap( {
+        map: 'iran_ir',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap9' ).vectorMap( {
+        map: 'iraq',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap10' ).vectorMap( {
+        map: 'russia_en',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        hoverOpacity: 0.7,
+        selectedColor: '#999999',
+        enableZoom: true,
+        showTooltip: true,
+        scaleColors: [ '#C8EEFF', '#006491' ],
+        normalizeFunction: 'polynomial'
+    } );
+
+    jQuery( '#vmap11' ).vectorMap( {
+        map: 'tunisia',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+
+            alert( message );
+        }
+    } );
+
+    jQuery( '#vmap12' ).vectorMap( {
+        map: 'europe_en',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        enableZoom: true,
+        showTooltip: true
+    } );
+
+    jQuery( '#vmap13' ).vectorMap( {
+        map: 'usa_en',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        enableZoom: true,
+        showTooltip: true,
+        selectedColor: null,
+        hoverColor: null,
+        colors: {
+            mo: '#001BFF',
+            fl: '#001BFF',
+            or: '#001BFF'
+        },
+        onRegionClick: function ( event, code, region ) {
+            event.preventDefault();
+        }
+    } );
+
+    jQuery( '#vmap14' ).vectorMap( {
+        map: 'turkey',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        onRegionClick: function ( element, code, region ) {
+            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
+            alert( message );
+        }
+    } );
+
+
+
+} )( jQuery );
+
+
+
+var map;
+
+jQuery( document ).ready( function () {
+
+    // Store currentRegion
+    var currentRegion = 'fl';
+
+    // List of Regions we'll let clicks through for
+    var enabledRegions = [ 'mo', 'fl', 'or' ];
+
+    map = jQuery( '#vmap15' ).vectorMap( {
+        map: 'usa_en',
+        color: '#007BFF',
+        borderColor: '#fff',
+        backgroundColor: '#fff',
+        enableZoom: true,
+        showTooltip: true,
+        selectedColor: '#001BFF',
+        selectedRegions: [ 'fl' ],
+        hoverColor: null,
+        colors: {
+            mo: '#001BFF',
+            fl: '#001BFF',
+            or: '#001BFF'
+        },
+        onRegionClick: function ( event, code, region ) {
+            // Check if this is an Enabled Region, and not the current selected on
+            if ( enabledRegions.indexOf( code ) === -1 || currentRegion === code ) {
+                // Not an Enabled Region
+                event.preventDefault();
+            } else {
+                // Enabled Region. Update Newly Selected Region.
+                currentRegion = code;
+            }
+        },
+        onRegionSelect: function ( event, code, region ) {
+            console.log( map.selectedRegions );
+        },
+        onLabelShow: function ( event, label, code ) {
+            if ( enabledRegions.indexOf( code ) === -1 ) {
+                event.preventDefault();
+            }
+        }
+    } );
+} );
--- a/static/assets/js/init/weather-init.js
+++ b/static/assets/js/init/weather-init.js
@@ -0,0 +1,140 @@
+(function ($) {
+    //"use strict";
+
+    function loadWeather(location, woeid) {
+        $.simpleWeather({
+            location: location,
+            woeid: woeid,
+            unit: 'f',
+            success: function (weather) { 
+                html = '<div class="top">';
+                html += '<i class="wi wi-yahoo-' + weather.code + '"></i>';
+                html += '<div class="currently">' + weather.currently + '</div>'; 
+                html += '<div class="updates">' + weather.forecast[0].day + ', ' + weather.forecast[0].date+ '</div>'; 
+                html += '</div>';
+
+
+                html += '<div class="middle">';
+                html += '<div class="city">' + weather.city + '  <span> '+ weather.region + '</span></div>';
+                html += '<div class="temp">' + weather.alt.temp + '<span>&deg;C</span> </div>'; 
+                html += '</div>';
+                
+                html += '<div class="nextdays">';
+                
+                html += '<div class="days day2"><span class="d">' + weather.forecast[1].day + '</span> <span class="h">' + weather.forecast[1].alt.high + '&deg; </span> <span class="h">' + weather.forecast[1].alt.low + '&deg;  </div>';
+                html += '<div class="days day3"><span class="d">' + weather.forecast[2].day + '</span> <span class="h">' + weather.forecast[2].alt.high + '&deg; </span> <span class="h">' + weather.forecast[2].alt.low + '&deg;  </div>';
+                html += '<div class="days day4"><span class="d">' + weather.forecast[3].day + '</span> <span class="h">' + weather.forecast[3].alt.high + '&deg; </span> <span class="h">' + weather.forecast[3].alt.low + '&deg;  </div>';
+                html += '<div class="days day5"><span class="d">' + weather.forecast[4].day + '</span> <span class="h">' + weather.forecast[4].alt.high + '&deg; </span> <span class="h">' + weather.forecast[4].alt.low + '&deg;  </div>';
+                html += '<div class="days day1"><span class="d">' + weather.forecast[5].day + '</span> <span class="h">' + weather.forecast[5].alt.high + '&deg; </span> <span class="h">' + weather.forecast[5].alt.low + '&deg;  </div>';
+                html += '</div>';
+
+                $("#weather-one").html(html);
+            },
+            error: function (error) {
+                $("#weather-one").html('<p>' + error + '</p>');
+            }
+        });
+    }
+
+
+    // init
+    loadWeather('New York City', '');
+
+})(jQuery);
+
+
+(function ($) {
+    //"use strict";
+
+    function loadWeather(location, woeid) {
+        $.simpleWeather({
+            location: location,
+            woeid: woeid,
+            unit: 'f',
+            success: function (weather) {
+
+                html = '<i class="wi wi-yahoo-' + weather.code + '"></i><h2> ' + weather.temp + '&deg;' + weather.units.temp + '</h2>';
+                html += '<div class="city">' + weather.city + ', ' + weather.region + '</div>';
+                html += '<div class="currently">' + weather.currently + '</div>';
+                html += '<div class="celcious">' + weather.alt.temp + '&deg;C</div>';
+
+                $("#weather-two").html(html);
+            },
+            error: function (error) {
+                $("#weather-two").html('<p>' + error + '</p>');
+            }
+        });
+    }
+
+
+    // init
+    loadWeather('New York City', '');
+
+})(jQuery);
+
+
+
+(function ($) {
+    //"use strict";
+
+    function loadWeather(location, woeid) {
+        $.simpleWeather({
+            location: location,
+            woeid: woeid,
+            unit: 'f',
+            success: function (weather) {
+
+                html = '<i class="wi wi-yahoo-' + weather.code + '"></i><h2> ' + weather.temp + '&deg;' + weather.units.temp + '</h2>';
+                html += '<div class="city">' + weather.city + ', ' + weather.region + '</div>';
+                html += '<div class="currently">' + weather.currently + '</div>';
+                html += '<div class="celcious">' + weather.alt.temp + '&deg;C</div>';
+
+                $("#weather-three").html(html);
+            },
+            error: function (error) {
+                $("#weather-three").html('<p>' + error + '</p>');
+            }
+        });
+    }
+
+
+    // init
+    loadWeather('Sydney', '');
+
+})(jQuery);
+
+
+(function ($) {
+    //"use strict";
+
+    function loadWeather(location, woeid) {
+        $.simpleWeather({
+            location: location,
+            woeid: woeid,
+            unit: 'f',
+            success: function (weather) {
+
+                html = '<i class="wi wi-yahoo-' + weather.code + '"></i><h2> ' + weather.temp + '&deg;' + weather.units.temp + '</h2>';
+                html += '<div class="city">' + weather.city + ', ' + weather.region + '</div>';
+                html += '<div class="currently">' + weather.currently + '</div>';
+                html += '<div class="celcious">' + weather.alt.temp + '&deg;C</div>';
+
+                $("#weather-four").html(html);
+            },
+            error: function (error) {
+                $("#weather-four").html('<p>' + error + '</p>');
+            }
+        });
+    }
+
+
+    // init
+    loadWeather('New York', '');
+
+})(jQuery);
+
+
+
+
+
+
--- a/static/assets/js/jquery.flot.min.js
+++ b/static/assets/js/jquery.flot.min.js
--- a/static/assets/js/jquery.flot.pie.min.js
+++ b/static/assets/js/jquery.flot.pie.min.js
--- a/static/assets/js/jquery.flot.spline.min.js
+++ b/static/assets/js/jquery.flot.spline.min.js
@@ -0,0 +1 @@
+!function(a){"use strict";function b(a,b,c,d,e,f,g){var j,k,l,m,n,o,p,q,h=Math.pow,i=Math.sqrt;return j=i(h(c-a,2)+h(d-b,2)),k=i(h(e-c,2)+h(f-d,2)),l=g*j/(j+k),m=g-l,n=c+l*(a-e),o=d+l*(b-f),p=c-m*(a-e),q=d-m*(b-f),[n,o,p,q]}function d(b,c,d,e,f){var g=a.color.parse(f);g.a="number"==typeof e?e:.3,g.normalize(),g=g.toString(),c.beginPath(),c.moveTo(b[0][0],b[0][1]);for(var h=b.length,i=0;h>i;i++)c[b[i][3]].apply(c,b[i][2]);c.stroke(),c.lineWidth=0,c.lineTo(b[h-1][0],d),c.lineTo(b[0][0],d),c.closePath(),e!==!1&&(c.fillStyle=g,c.fill())}function e(a,b,d,e){(void 0===b||"bezier"!==b&&"quadratic"!==b)&&(b="quadratic"),b+="CurveTo",0==c.length?c.push([d[0],d[1],e.concat(d.slice(2)),b]):"quadraticCurveTo"==b&&2==d.length?(e=e.slice(0,2).concat(d),c.push([d[0],d[1],e,b])):c.push([d[2],d[3],e.concat(d.slice(2)),b])}function f(f,g,h){if(h.splines.show===!0){var k,l,m,i=[],j=h.splines.tension||.5,n=h.datapoints.points,o=h.datapoints.pointsize,p=f.getPlotOffset(),q=n.length,r=[];if(c=[],4>q/o)return a.extend(h.lines,h.splines),void 0;for(k=0;q>k;k+=o)l=n[k],m=n[k+1],null==l||l<h.xaxis.min||l>h.xaxis.max||m<h.yaxis.min||m>h.yaxis.max||r.push(h.xaxis.p2c(l)+p.left,h.yaxis.p2c(m)+p.top);for(q=r.length,k=0;q-2>k;k+=2)i=i.concat(b.apply(this,r.slice(k,k+6).concat([j])));for(g.save(),g.strokeStyle=h.color,g.lineWidth=h.splines.lineWidth,e(g,"quadratic",r.slice(0,4),i.slice(0,2)),k=2;q-3>k;k+=2)e(g,"bezier",r.slice(k,k+4),i.slice(2*k-2,2*k+2));e(g,"quadratic",r.slice(q-2,q),[i[2*q-10],i[2*q-9],r[q-4],r[q-3]]),d(c,g,f.height()+10,h.splines.fill,h.color),g.restore()}}var c=[];a.plot.plugins.push({init:function(a){a.hooks.drawSeries.push(f)},options:{series:{splines:{show:!1,lineWidth:2,tension:.5,fill:!1}}},name:"spline",version:"0.8.2"})}(jQuery);
--- a/static/assets/js/jquery.matchHeight.min.js
+++ b/static/assets/js/jquery.matchHeight.min.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using UglifyJS v3.4.4.
+ * Original file: /npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.js
+ * 
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(l){var n=-1,a=-1,h=function(t){return parseFloat(t)||0},c=function(t){var e=l(t),n=null,a=[];return e.each(function(){var t=l(this),e=t.offset().top-h(t.css("margin-top")),o=0<a.length?a[a.length-1]:null;null===o?a.push(t):Math.floor(Math.abs(n-e))<=1?a[a.length-1]=o.add(t):a.push(t),n=e}),a},p=function(t){var e={byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof t?l.extend(e,t):("boolean"==typeof t?e.byRow=t:"remove"===t&&(e.remove=!0),e)},u=l.fn.matchHeight=function(t){var e=p(t);if(e.remove){var o=this;return this.css(e.property,""),l.each(u._groups,function(t,e){e.elements=e.elements.not(o)}),this}return this.length<=1&&!e.target||(u._groups.push({elements:this,options:e}),u._apply(this,e)),this};u.version="0.7.2",u._groups=[],u._throttle=80,u._maintainScroll=!1,u._beforeUpdate=null,u._afterUpdate=null,u._rows=c,u._parse=h,u._parseOptions=p,u._apply=function(t,e){var i=p(e),o=l(t),n=[o],a=l(window).scrollTop(),r=l("html").outerHeight(!0),s=o.parents().filter(":hidden");return s.each(function(){var t=l(this);t.data("style-cache",t.attr("style"))}),s.css("display","block"),i.byRow&&!i.target&&(o.each(function(){var t=l(this),e=t.css("display");"inline-block"!==e&&"flex"!==e&&"inline-flex"!==e&&(e="block"),t.data("style-cache",t.attr("style")),t.css({display:e,"padding-top":"0","padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),n=c(o),o.each(function(){var t=l(this);t.attr("style",t.data("style-cache")||"")})),l.each(n,function(t,e){var o=l(e),a=0;if(i.target)a=i.target.outerHeight(!1);else{if(i.byRow&&o.length<=1)return void o.css(i.property,"");o.each(function(){var t=l(this),e=t.attr("style"),o=t.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block");var n={display:o};n[i.property]="",t.css(n),t.outerHeight(!1)>a&&(a=t.outerHeight(!1)),e?t.attr("style",e):t.css("display","")})}o.each(function(){var t=l(this),e=0;i.target&&t.is(i.target)||("border-box"!==t.css("box-sizing")&&(e+=h(t.css("border-top-width"))+h(t.css("border-bottom-width")),e+=h(t.css("padding-top"))+h(t.css("padding-bottom"))),t.css(i.property,a-e+"px"))})}),s.each(function(){var t=l(this);t.attr("style",t.data("style-cache")||null)}),u._maintainScroll&&l(window).scrollTop(a/r*l("html").outerHeight(!0)),this},u._applyDataApi=function(){var o={};l("[data-match-height], [data-mh]").each(function(){var t=l(this),e=t.attr("data-mh")||t.attr("data-match-height");o[e]=e in o?o[e].add(t):t}),l.each(o,function(){this.matchHeight(!0)})};var i=function(t){u._beforeUpdate&&u._beforeUpdate(t,u._groups),l.each(u._groups,function(){u._apply(this.elements,this.options)}),u._afterUpdate&&u._afterUpdate(t,u._groups)};u._update=function(t,e){if(e&&"resize"===e.type){var o=l(window).width();if(o===n)return;n=o}t?-1===a&&(a=setTimeout(function(){i(e),a=-1},u._throttle)):i(e)},l(u._applyDataApi);var t=l.fn.on?"on":"bind";l(window)[t]("load",function(t){u._update(!1,t)}),l(window)[t]("resize orientationchange",function(t){u._update(!0,t)})});
+//# sourceMappingURL=/sm/b4cfb12116f687afdd35ab790d38b199ddbb3bc498bfed1cecd28dc238e65261.map
--- a/static/assets/js/jquery.min.js
+++ b/static/assets/js/jquery.min.js
--- a/static/assets/js/jquery.simpleWeather.min.js
+++ b/static/assets/js/jquery.simpleWeather.min.js
@@ -0,0 +1,2 @@
+/*! simpleWeather v3.1.0 - http://simpleweatherjs.com */
+!function(t){"use strict";function e(t,e){return"f"===t?Math.round(5/9*(e-32)):Math.round(1.8*e+32)}t.extend({simpleWeather:function(i){i=t.extend({location:"",woeid:"",unit:"f",success:function(t){},error:function(t){}},i);var o=new Date,n="https://query.yahooapis.com/v1/public/yql?format=json&rnd="+o.getFullYear()+o.getMonth()+o.getDay()+o.getHours()+"&diagnostics=true&callback=?&q=";if(""!==i.location){var r="";r=/^(\-?\d+(\.\d+)?),\s*(\-?\d+(\.\d+)?)$/.test(i.location)?"("+i.location+")":i.location,n+='select * from weather.forecast where woeid in (select woeid from geo.places(1) where text="'+r+'") and u="'+i.unit+'"'}else{if(""===i.woeid)return i.error("Could not retrieve weather due to an invalid location."),!1;n+="select * from weather.forecast where woeid="+i.woeid+' and u="'+i.unit+'"'}return t.getJSON(encodeURI(n),function(t){if(null!==t&&null!==t.query&&null!==t.query.results&&"Yahoo! Weather Error"!==t.query.results.channel.description){var o,n=t.query.results.channel,r={},s=["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW","N"],a="https://s.yimg.com/os/mit/media/m/weather/images/icons/l/44d-100567.png";r.title=n.item.title,r.temp=n.item.condition.temp,r.code=n.item.condition.code,r.todayCode=n.item.forecast[0].code,r.currently=n.item.condition.text,r.high=n.item.forecast[0].high,r.low=n.item.forecast[0].low,r.text=n.item.forecast[0].text,r.humidity=n.atmosphere.humidity,r.pressure=n.atmosphere.pressure,r.rising=n.atmosphere.rising,r.visibility=n.atmosphere.visibility,r.sunrise=n.astronomy.sunrise,r.sunset=n.astronomy.sunset,r.description=n.item.description,r.city=n.location.city,r.country=n.location.country,r.region=n.location.region,r.updated=n.item.pubDate,r.link=n.item.link,r.units={temp:n.units.temperature,distance:n.units.distance,pressure:n.units.pressure,speed:n.units.speed},r.wind={chill:n.wind.chill,direction:s[Math.round(n.wind.direction/22.5)],speed:n.wind.speed},n.item.condition.temp<80&&n.atmosphere.humidity<40?r.heatindex=-42.379+2.04901523*n.item.condition.temp+10.14333127*n.atmosphere.humidity-.22475541*n.item.condition.temp*n.atmosphere.humidity-6.83783*Math.pow(10,-3)*Math.pow(n.item.condition.temp,2)-5.481717*Math.pow(10,-2)*Math.pow(n.atmosphere.humidity,2)+1.22874*Math.pow(10,-3)*Math.pow(n.item.condition.temp,2)*n.atmosphere.humidity+8.5282*Math.pow(10,-4)*n.item.condition.temp*Math.pow(n.atmosphere.humidity,2)-1.99*Math.pow(10,-6)*Math.pow(n.item.condition.temp,2)*Math.pow(n.atmosphere.humidity,2):r.heatindex=n.item.condition.temp,"3200"==n.item.condition.code?(r.thumbnail=a,r.image=a):(r.thumbnail="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.condition.code+"ds.png",r.image="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.condition.code+"d.png"),r.alt={temp:e(i.unit,n.item.condition.temp),high:e(i.unit,n.item.forecast[0].high),low:e(i.unit,n.item.forecast[0].low)},"f"===i.unit?r.alt.unit="c":r.alt.unit="f",r.forecast=[];for(var m=0;m<n.item.forecast.length;m++)o=n.item.forecast[m],o.alt={high:e(i.unit,n.item.forecast[m].high),low:e(i.unit,n.item.forecast[m].low)},"3200"==n.item.forecast[m].code?(o.thumbnail=a,o.image=a):(o.thumbnail="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.forecast[m].code+"ds.png",o.image="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.forecast[m].code+"d.png"),r.forecast.push(o);i.success(r)}else i.error("There was a problem retrieving the latest weather information.")}),this}})}(jQuery);
--- a/static/assets/js/main.js
+++ b/static/assets/js/main.js
@@ -0,0 +1,90 @@
+$.noConflict();
+
+jQuery(document).ready(function($) {
+
+	"use strict";
+
+	[].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) {
+		new SelectFx(el);
+	});
+
+	jQuery('.selectpicker').selectpicker;
+
+
+	
+
+	$('.search-trigger').on('click', function(event) {
+		event.preventDefault();
+		event.stopPropagation();
+		$('.search-trigger').parent('.header-left').addClass('open');
+	});
+
+	$('.search-close').on('click', function(event) {
+		event.preventDefault();
+		event.stopPropagation();
+		$('.search-trigger').parent('.header-left').removeClass('open');
+	});
+
+	$('.equal-height').matchHeight({
+		property: 'max-height'
+	});
+
+	// var chartsheight = $('.flotRealtime2').height();
+	// $('.traffic-chart').css('height', chartsheight-122);
+
+
+	// Counter Number
+	$('.count').each(function () {
+		$(this).prop('Counter',0).animate({
+			Counter: $(this).text()
+		}, {
+			duration: 3000,
+			easing: 'swing',
+			step: function (now) {
+				$(this).text(Math.ceil(now));
+			}
+		});
+	});
+
+
+	 
+	 
+	// Menu Trigger
+	$('#menuToggle').on('click', function(event) {
+		var windowWidth = $(window).width();   		 
+		if (windowWidth<1010) { 
+			$('body').removeClass('open'); 
+			if (windowWidth<760){ 
+				$('#left-panel').slideToggle(); 
+			} else {
+				$('#left-panel').toggleClass('open-menu');  
+			} 
+		} else {
+			$('body').toggleClass('open');
+			$('#left-panel').removeClass('open-menu');  
+		} 
+			 
+	}); 
+
+	 
+	$(".menu-item-has-children.dropdown").each(function() {
+		$(this).on('click', function() {
+			var $temp_text = $(this).children('.dropdown-toggle').html();
+			$(this).children('.sub-menu').prepend('<li class="subtitle">' + $temp_text + '</li>'); 
+		});
+	});
+
+
+	// Load Resize 
+	$(window).on("load resize", function(event) { 
+		var windowWidth = $(window).width();  		 
+		if (windowWidth<1010) {
+			$('body').addClass('small-device'); 
+		} else {
+			$('body').removeClass('small-device');  
+		} 
+		
+	});
+  
+ 
+});
--- a/static/assets/js/moment.min.js
+++ b/static/assets/js/moment.min.js
--- a/static/assets/js/popper.min.js
+++ b/static/assets/js/popper.min.js
--- a/static/assets/js/vmap.sampledata.js
+++ b/static/assets/js/vmap.sampledata.js
@@ -0,0 +1 @@
+var sample_data = {"af":"16.63","al":"11.58","dz":"158.97","ao":"85.81","ag":"1.1","ar":"351.02","am":"8.83","au":"1219.72","at":"366.26","az":"52.17","bs":"7.54","bh":"21.73","bd":"105.4","bb":"3.96","by":"52.89","be":"461.33","bz":"1.43","bj":"6.49","bt":"1.4","bo":"19.18","ba":"16.2","bw":"12.5","br":"2023.53","bn":"11.96","bg":"44.84","bf":"8.67","bi":"1.47","kh":"11.36","cm":"21.88","ca":"1563.66","cv":"1.57","cf":"2.11","td":"7.59","cl":"199.18","cn":"5745.13","co":"283.11","km":"0.56","cd":"12.6","cg":"11.88","cr":"35.02","ci":"22.38","hr":"59.92","cy":"22.75","cz":"195.23","dk":"304.56","dj":"1.14","dm":"0.38","do":"50.87","ec":"61.49","eg":"216.83","sv":"21.8","gq":"14.55","er":"2.25","ee":"19.22","et":"30.94","fj":"3.15","fi":"231.98","fr":"2555.44","ga":"12.56","gm":"1.04","ge":"11.23","de":"3305.9","gh":"18.06","gr":"305.01","gd":"0.65","gt":"40.77","gn":"4.34","gw":"0.83","gy":"2.2","ht":"6.5","hn":"15.34","hk":"226.49","hu":"132.28","is":"12.77","in":"1430.02","id":"695.06","ir":"337.9","iq":"84.14","ie":"204.14","il":"201.25","it":"2036.69","jm":"13.74","jp":"5390.9","jo":"27.13","kz":"129.76","ke":"32.42","ki":"0.15","kr":"986.26","undefined":"5.73","kw":"117.32","kg":"4.44","la":"6.34","lv":"23.39","lb":"39.15","ls":"1.8","lr":"0.98","ly":"77.91","lt":"35.73","lu":"52.43","mk":"9.58","mg":"8.33","mw":"5.04","my":"218.95","mv":"1.43","ml":"9.08","mt":"7.8","mr":"3.49","mu":"9.43","mx":"1004.04","md":"5.36","mn":"5.81","me":"3.88","ma":"91.7","mz":"10.21","mm":"35.65","na":"11.45","np":"15.11","nl":"770.31","nz":"138","ni":"6.38","ne":"5.6","ng":"206.66","no":"413.51","om":"53.78","pk":"174.79","pa":"27.2","pg":"8.81","py":"17.17","pe":"153.55","ph":"189.06","pl":"438.88","pt":"223.7","qa":"126.52","ro":"158.39","ru":"1476.91","rw":"5.69","ws":"0.55","st":"0.19","sa":"434.44","sn":"12.66","rs":"38.92","sc":"0.92","sl":"1.9","sg":"217.38","sk":"86.26","si":"46.44","sb":"0.67","za":"354.41","es":"1374.78","lk":"48.24","kn":"0.56","lc":"1","vc":"0.58","sd":"65.93","sr":"3.3","sz":"3.17","se":"444.59","ch":"522.44","sy":"59.63","tw":"426.98","tj":"5.58","tz":"22.43","th":"312.61","tl":"0.62","tg":"3.07","to":"0.3","tt":"21.2","tn":"43.86","tr":"729.05","tm":0,"ug":"17.12","ua":"136.56","ae":"239.65","gb":"2258.57","us":"14624.18","uy":"40.71","uz":"37.72","vu":"0.72","ve":"285.21","vn":"101.99","ye":"30.02","zm":"15.69","zw":"5.57"};
--- a/static/assets/js/widgets.js
+++ b/static/assets/js/widgets.js
@@ -0,0 +1,69 @@
+( function ( $ ) {
+    "use strict";
+
+
+    
+ $.plot("#flotBar1", [{
+  data: [[0, 3], [2, 8], [4, 5], [6, 13],[8,5], [10,7],[12,4], [14,6]],
+  bars: {
+    show: true,
+    lineWidth: 0,
+    fillColor: '#85c988'          
+  }
+}], {
+  grid: {
+    show: false,
+    hoverable: true
+  }
+});
+
+
+
+ var plot = $.plot($('#flotLine1'),[{
+  data: [[0, 1], [1, 3], [2,6], [3, 5], [4, 7], [5, 8], [6, 10]],
+  color: '#fff'
+}],
+{
+  series: {
+    lines: {
+      show: false
+    },
+    splines: {
+      show: true,
+      tension: 0.4,
+      lineWidth: 2
+        //fill: 0.4
+      },
+      shadowSize: 0
+    },
+    points: {
+      show: false,
+    },
+    legend: {
+      noColumns: 1,
+      position: 'nw'
+    },
+    grid: {
+      hoverable: true,
+      clickable: true,
+      show: false
+    },
+    yaxis: {
+      min: 0,
+      max: 10,
+      color: '#eee',
+      font: {
+        size: 10,
+        color: '#6a7074'
+      }
+    },
+    xaxis: {
+      color: '#eee',
+      font: {
+        size: 10,
+        color: '#6a7074'
+      }
+    }
+  });
+
+} )( jQuery );
				`@@ -0,0 +1 @@`
				!function(a){"use strict";function b(a,b,c,d,e,f,g){var j,k,l,m,n,o,p,q,h=Math.pow,i=Math.sqrt;return j=i(h(c-a,2)+h(d-b,2)),k=i(h(e-c,2)+h(f-d,2)),l=gj/(j+k),m=g-l,n=c+l(a-e),o=d+l(b-f),p=c-m(a-e),q=d-m(b-f),[n,o,p,q]}function d(b,c,d,e,f){var g=a.color.parse(f);g.a="number"==typeof e?e:.3,g.normalize(),g=g.toString(),c.beginPath(),c.moveTo(b[0][0],b[0][1]);for(var h=b.length,i=0;h>i;i++)c[b[i][3]].apply(c,b[i][2]);c.stroke(),c.lineWidth=0,c.lineTo(b[h-1][0],d),c.lineTo(b[0][0],d),c.closePath(),e!==!1&&(c.fillStyle=g,c.fill())}function e(a,b,d,e){(void 0===b\|\|"bezier"!==b&&"quadratic"!==b)&&(b="quadratic"),b+="CurveTo",0==c.length?c.push([d[0],d[1],e.concat(d.slice(2)),b]):"quadraticCurveTo"==b&&2==d.length?(e=e.slice(0,2).concat(d),c.push([d[0],d[1],e,b])):c.push([d[2],d[3],e.concat(d.slice(2)),b])}function f(f,g,h){if(h.splines.show===!0){var k,l,m,i=[],j=h.splines.tension\|\|.5,n=h.datapoints.points,o=h.datapoints.pointsize,p=f.getPlotOffset(),q=n.length,r=[];if(c=[],4>q/o)return a.extend(h.lines,h.splines),void 0;for(k=0;q>k;k+=o)l=n[k],m=n[k+1],null==l\|\|l<h.xaxis.min\|\|l>h.xaxis.max\|\|m<h.yaxis.min\|\|m>h.yaxis.max\|\|r.push(h.xaxis.p2c(l)+p.left,h.yaxis.p2c(m)+p.top);for(q=r.length,k=0;q-2>k;k+=2)i=i.concat(b.apply(this,r.slice(k,k+6).concat([j])));for(g.save(),g.strokeStyle=h.color,g.lineWidth=h.splines.lineWidth,e(g,"quadratic",r.slice(0,4),i.slice(0,2)),k=2;q-3>k;k+=2)e(g,"bezier",r.slice(k,k+4),i.slice(2k-2,2k+2));e(g,"quadratic",r.slice(q-2,q),[i[2q-10],i[2*q-9],r[q-4],r[q-3]]),d(c,g,f.height()+10,h.splines.fill,h.color),g.restore()}}var c=[];a.plot.plugins.push({init:function(a){a.hooks.drawSeries.push(f)},options:{series:{splines:{show:!1,lineWidth:2,tension:.5,fill:!1}}},name:"spline",version:"0.8.2"})}(jQuery);
				`@@ -0,0 +1 @@`
				var sample_data = {"af":"16.63","al":"11.58","dz":"158.97","ao":"85.81","ag":"1.1","ar":"351.02","am":"8.83","au":"1219.72","at":"366.26","az":"52.17","bs":"7.54","bh":"21.73","bd":"105.4","bb":"3.96","by":"52.89","be":"461.33","bz":"1.43","bj":"6.49","bt":"1.4","bo":"19.18","ba":"16.2","bw":"12.5","br":"2023.53","bn":"11.96","bg":"44.84","bf":"8.67","bi":"1.47","kh":"11.36","cm":"21.88","ca":"1563.66","cv":"1.57","cf":"2.11","td":"7.59","cl":"199.18","cn":"5745.13","co":"283.11","km":"0.56","cd":"12.6","cg":"11.88","cr":"35.02","ci":"22.38","hr":"59.92","cy":"22.75","cz":"195.23","dk":"304.56","dj":"1.14","dm":"0.38","do":"50.87","ec":"61.49","eg":"216.83","sv":"21.8","gq":"14.55","er":"2.25","ee":"19.22","et":"30.94","fj":"3.15","fi":"231.98","fr":"2555.44","ga":"12.56","gm":"1.04","ge":"11.23","de":"3305.9","gh":"18.06","gr":"305.01","gd":"0.65","gt":"40.77","gn":"4.34","gw":"0.83","gy":"2.2","ht":"6.5","hn":"15.34","hk":"226.49","hu":"132.28","is":"12.77","in":"1430.02","id":"695.06","ir":"337.9","iq":"84.14","ie":"204.14","il":"201.25","it":"2036.69","jm":"13.74","jp":"5390.9","jo":"27.13","kz":"129.76","ke":"32.42","ki":"0.15","kr":"986.26","undefined":"5.73","kw":"117.32","kg":"4.44","la":"6.34","lv":"23.39","lb":"39.15","ls":"1.8","lr":"0.98","ly":"77.91","lt":"35.73","lu":"52.43","mk":"9.58","mg":"8.33","mw":"5.04","my":"218.95","mv":"1.43","ml":"9.08","mt":"7.8","mr":"3.49","mu":"9.43","mx":"1004.04","md":"5.36","mn":"5.81","me":"3.88","ma":"91.7","mz":"10.21","mm":"35.65","na":"11.45","np":"15.11","nl":"770.31","nz":"138","ni":"6.38","ne":"5.6","ng":"206.66","no":"413.51","om":"53.78","pk":"174.79","pa":"27.2","pg":"8.81","py":"17.17","pe":"153.55","ph":"189.06","pl":"438.88","pt":"223.7","qa":"126.52","ro":"158.39","ru":"1476.91","rw":"5.69","ws":"0.55","st":"0.19","sa":"434.44","sn":"12.66","rs":"38.92","sc":"0.92","sl":"1.9","sg":"217.38","sk":"86.26","si":"46.44","sb":"0.67","za":"354.41","es":"1374.78","lk":"48.24","kn":"0.56","lc":"1","vc":"0.58","sd":"65.93","sr":"3.3","sz":"3.17","se":"444.59","ch":"522.44","sy":"59.63","tw":"426.98","tj":"5.58","tz":"22.43","th":"312.61","tl":"0.62","tg":"3.07","to":"0.3","tt":"21.2","tn":"43.86","tr":"729.05","tm":0,"ug":"17.12","ua":"136.56","ae":"239.65","gb":"2258.57","us":"14624.18","uy":"40.71","uz":"37.72","vu":"0.72","ve":"285.21","vn":"101.99","ye":"30.02","zm":"15.69","zw":"5.57"};