text: /*
   * Author: Abdullah A Almsaeed
   * Date: 4 Jan 2014
   * Description:
   *      This is a demo file used only for the main dashboard (index.html)
   **/
  
  $(function() {
      "use strict";
  
      //Make the dashboard widgets sortable Using jquery UI
      $(".connectedSortable").sortable({
          placeholder: "sort-highlight",
          connectWith: ".connectedSortable",
          handle: ".box-header, .nav-tabs",
          forcePlaceholderSize: true,
          zIndex: 999999
      }).disableSelection();
      $(".connectedSortable .box-header, .connectedSortable .nav-tabs-custom").css("cursor", "move");
      //jQuery UI sortable for the todo list
      $(".task-list").sortable({
          placeholder: "sort-highlight",
          handle: ".handle",
          forcePlaceholderSize: true,
          zIndex: 999999
      }).disableSelection();
      ;
  
      //bootstrap WYSIHTML5 - text editor
      // $(".textarea").wysihtml5();
  
      $('.daterange').daterangepicker(
              {
                  ranges: {
                      'Today': [moment(), moment()],
                      'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                      'Last 7 Days': [moment().subtract('days', 6), moment()],
                      'Last 30 Days': [moment().subtract('days', 29), moment()],
                      'This Month': [moment().startOf('month'), moment().endOf('month')],
                      'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
                  },
                  startDate: moment().subtract('days', 29),
                  endDate: moment()
              },
      function(start, end) {
          alert("You chose: " + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
      });
  
      /* jQueryKnob */
      $(".knob").knob();
  
      //jvectormap data
      var visitorsData = {
          "US": 398, //USA
          "SA": 400, //Saudi Arabia
          "CA": 1000, //Canada
          "DE": 500, //Germany
          "FR": 760, //France
          "CN": 300, //China
          "AU": 700, //Australia
          "BR": 600, //Brazil
          "IN": 800, //India
          "GB": 320, //Great Britain
          "RU": 3000 //Russia
      };
      //World map by jvectormap
      $('#world-map').vectorMap({
          map: 'world_mill_en',
          backgroundColor: "transparent",
          regionStyle: {
              initial: {
                  fill: '#e4e4e4',
                  "fill-opacity": 1,
                  stroke: 'none',
                  "stroke-width": 0,
                  "stroke-opacity": 1
              }
          },
          series: {
              regions: [{
                      values: visitorsData,
                      scale: ["#92c1dc", "#ebf4f9"],
                      normalizeFunction: 'polynomial'
                  }]
          },
          onRegionLabelShow: function(e, el, code) {
              if (typeof visitorsData[code] != "undefined")
                  el.html(el.html() + ': ' + visitorsData[code] + ' new visitors');
          }
      });
  
      //Sparkline charts
      var myvalues = [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021];
      $('#sparkline-1').sparkline(myvalues, {
          type: 'line',
          lineColor: '#92c1dc',
          fillColor: "#ebf4f9",
          height: '50',
          width: '80'
      });
      myvalues = [515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921];
      $('#sparkline-2').sparkline(myvalues, {
          type: 'line',
          lineColor: '#92c1dc',
          fillColor: "#ebf4f9",
          height: '50',
          width: '80'
      });
      myvalues = [15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21];
      $('#sparkline-3').sparkline(myvalues, {
          type: 'line',
          lineColor: '#92c1dc',
          fillColor: "#ebf4f9",
          height: '50',
          width: '80'
      });
  
      //The Calender
      // $("#calendar").datepicker();
  
  
  
      //SLIMSCROLL FOR CHAT WIDGET
      // $('#chat-box').slimScroll({
      //     height: '373px',
      //     size: '5px',
      //     BorderRadius: '5px'
      // });
      //SLIMSCROLL FOR online users WIDGET
      // $('ul.online-users').slimScroll({
      //     height: '307px',
      //     size: '5px',
      //     BorderRadius: '5px'
      // });
  
  
  
  
              /* Morris.js Charts */
              // Sales chart
              var area = new Morris.Area({
                  element: 'graph-area',
                  padding: 10,
                  behaveLikeLine: true,
                  gridEnabled: false,
                  gridLineColor: '#dddddd',
                  axes: true,
                  fillOpacity:.7,
                  data: [
                      {period: '2012 Q1', google: 50, facebook: 55, twitter: 90},
                      {period: '2012 Q2', google: 1778, facebook: 10294, twitter: 7441},
                      {period: '2012 Q3', google: 4912, facebook: 4969, twitter: 3501},
                      {period: '2012 Q4', google: 3767, facebook: 10597, twitter: 5689},
                      {period: '2013 Q1', google: 2810, facebook: 1914, twitter: 2293},
                      {period: '2013 Q2', google: 9270, facebook: 6293, twitter: 2881},
                      {period: '2013 Q3', google: 4820, facebook: 3795, twitter: 1588},
                      {period: '2013 Q4', google: 12073, facebook: 5967, twitter: 5175},
                      {period: '2014 Q1', google: 6687, facebook: 11460, twitter: 10028},
                      {period: '2014 Q2', google: 1000, facebook: 5713, twitter: 2791}
  
  
                  ],
                  lineColors:['#a0d0e0','#3c8dbc','#2980b9'],
                  xkey: 'period',
                  ykeys: ['google', 'facebook', 'twitter'],
                  labels: ['google', 'facebook', 'twitter'],
                  pointSize: 0,
                  lineWidth: 0,
                  hideHover: 'auto'
              });
  
  
  // this is index morris test
  
              var area = new Morris.Area({
                      element: 'revenue-chart',
                      resize: true,
                      data: [
                          {y: '2011 Q1', item1: 2666, item2: 2666},
                          {y: '2011 Q2', item1: 2778, item2: 2294},
                          {y: '2011 Q3', item1: 4912, item2: 1969},
                          {y: '2011 Q4', item1: 3767, item2: 3597},
                          {y: '2012 Q1', item1: 6810, item2: 1914},
                          {y: '2012 Q2', item1: 5670, item2: 4293},
                          {y: '2012 Q3', item1: 4820, item2: 3795},
                          {y: '2012 Q4', item1: 15073, item2: 5967},
                          {y: '2013 Q1', item1: 10687, item2: 4460},
                          {y: '2013 Q2', item1: 8432, item2: 5713}
                      ],
                      xkey: 'y',
                      ykeys: ['item1', 'item2'],
                      labels: ['Item 1', 'Item 2'],
                      lineColors: ['#a0d0e0', '#3c8dbc'],
                      hideHover: 'auto'
                  });
  
  
      var line = new Morris.Line({
          element: 'line-chart',
          resize: true,
          data: [
              {y: '2011 Q1', item1: 2666},
              {y: '2011 Q2', item1: 2778},
              {y: '2011 Q3', item1: 4912},
              {y: '2011 Q4', item1: 3767},
              {y: '2012 Q1', item1: 6810},
              {y: '2012 Q2', item1: 5670},
              {y: '2012 Q3', item1: 4820},
              {y: '2012 Q4', item1: 15073},
              {y: '2013 Q1', item1: 10687},
              {y: '2013 Q2', item1: 8432}
          ],
          xkey: 'y',
          ykeys: ['item1'],
          labels: ['Item 1'],
          lineColors: ['#efefef'],
          lineWidth: 2,
          hideHover: 'auto',
          gridTextColor: "#fff",
          gridStrokeWidth: 0.4,
          pointSize: 4,
          pointStrokeColors: ["#efefef"],
          gridLineColor: "#efefef",
          gridTextFamily: "Open Sans",
          gridTextSize: 10
      });
  
      //Donut Chart
      var donut = new Morris.Donut({
          element: 'sales-chart',
          resize: true,
          colors: ["#3c8dbc", "#f56954", "#00a65a"],
          data: [
              {label: "Download Sales", value: 12},
              {label: "In-Store Sales", value: 30},
              {label: "Mail-Order Sales", value: 20}
          ],
          hideHover: 'auto'
      });
      //Bar chart
      var bar = new Morris.Bar({
          element: 'bar-chart',
          resize: true,
          data: [
              {y: '2006', a: 100, b: 90},
              {y: '2007', a: 75, b: 65},
              {y: '2008', a: 50, b: 40},
              {y: '2009', a: 75, b: 65},
              {y: '2010', a: 50, b: 40},
              {y: '2011', a: 75, b: 65},
              {y: '2012', a: 100, b: 90}
          ],
          barColors: ['#00a65a', '#f56954'],
          xkey: 'y',
          ykeys: ['a', 'b'],
          labels: ['CPU', 'DISK'],
          hideHover: 'auto'
      });
      //Fix for charts under tabs
      $('.box ul.nav a').on('shown.bs.tab', function(e) {
          area.redraw();
          donut.redraw();
      });
  
  
      /* BOX REFRESH PLUGIN EXAMPLE (usage with morris charts) */
      $("#loading-example").boxRefresh({
          source: "ajax/dashboard-boxrefresh-demo.php",
          onLoadDone: function(box) {
              bar = new Morris.Bar({
                  element: 'bar-chart',
                  resize: true,
                  data: [
                      {y: '2006', a: 100, b: 90},
                      {y: '2007', a: 75, b: 65},
                      {y: '2008', a: 50, b: 40},
                      {y: '2009', a: 75, b: 65},
                      {y: '2010', a: 50, b: 40},
                      {y: '2011', a: 75, b: 65},
                      {y: '2012', a: 100, b: 90}
                  ],
                  barColors: ['#00a65a', '#f56954'],
                  xkey: 'y',
                  ykeys: ['a', 'b'],
                  labels: ['CPU', 'DISK'],
                  hideHover: 'auto'
              });
          }
      });
  
      /* The todo list plugin */
      $(".todo-list").todolist({
          onCheck: function(ele) {
              console.log("The element has been checked")
          },
          onUncheck: function(ele) {
              //console.log("The element has been unchecked")
          }
      });
  
      $(function() {
      $.plot($("#visitors-chart #visitors-container"), [{
          data: data7_1,
          label: "Page View",
          lines: {
              fill: true
          }
      }, {
          data: data7_2,
          label: "Online User",
  
          points: {
              show: true
          },
          lines: {
              show: true
          },
          yaxis: 2
      }
      ],
          {
              series: {
                  lines: {
                      show: true,
                      fill: false
                  },
                  points: {
                      show: true,
                      lineWidth: 2,
                      fill: true,
                      fillColor: "#ffffff",
                      symbol: "circle",
                      radius: 5
                  },
                  shadowSize: 0
              },
              grid: {
                  hoverable: true,
                  clickable: true,
                  tickColor: "#f9f9f9",
                  borderWidth: 1,
                  borderColor: "#eeeeee"
              },
              colors: ["#00a65a", "#f56954"],
              tooltip: true,
              tooltipOpts: {
                  defaultTheme: false
              },
              xaxis: {
                  mode: "time"
  
  
              },
              yaxes: [{
                  /* First y axis */
              }, {
                  /* Second y axis */
                  position: "right" /* left or right */
              }]
          }
      );
  });
  
  });
  
  