From a4f14dd39ce9984e09d1dd5d84b4d3768c7938e6 Mon Sep 17 00:00:00 2001
From: christianesperar <christianesperar@gmail.com>
Date: Mon, 18 Apr 2016 23:08:03 +0800
Subject: [PATCH] Misspelling and some sample data enhancement

---
 production/index2.html  | 95 +++++++++++++++++++----------------------
 production/widgets.html |  1 +
 2 files changed, 44 insertions(+), 52 deletions(-)

diff --git a/production/index2.html b/production/index2.html
index a8a37837..6d501dbe 100755
--- a/production/index2.html
+++ b/production/index2.html
@@ -584,7 +584,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item One Tittle</a>
+                      <a class="title" href="#">Item One Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -594,7 +594,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -604,7 +604,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -614,7 +614,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -624,7 +624,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Three Tittle</a>
+                      <a class="title" href="#">Item Three Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -660,7 +660,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item One Tittle</a>
+                      <a class="title" href="#">Item One Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -670,7 +670,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -680,7 +680,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -690,7 +690,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -700,7 +700,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Three Tittle</a>
+                      <a class="title" href="#">Item Three Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -736,7 +736,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item One Tittle</a>
+                      <a class="title" href="#">Item One Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -746,7 +746,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -756,7 +756,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -766,7 +766,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Two Tittle</a>
+                      <a class="title" href="#">Item Two Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -776,7 +776,7 @@
                       <p class="day">23</p>
                     </a>
                     <div class="media-body">
-                      <a class="title" href="#">Item Three Tittle</a>
+                      <a class="title" href="#">Item Three Title</a>
                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                   </article>
@@ -977,31 +977,20 @@
         spotColor: '#34495E',
         minSpotColor: '#34495E'
       });
+    });
+  </script>
 
-      var doughnutData = [{
-        value: 30,
-        color: "#455C73"
-      }, {
-        value: 30,
-        color: "#9B59B6"
-      }, {
-        value: 60,
-        color: "#BDC3C7"
-      }, {
-        value: 100,
-        color: "#26B99A"
-      }, {
-        value: 120,
-        color: "#3498DB"
-      }];
+  <!-- Doughnut Chart -->
+  <script>
+    $('document').ready(function() {
+      var canvasDoughnut,
+          options = {
+            legend: false,
+            responsive: false
+          };
 
-      Chart.defaults.global.legend = {
-        enabled: false
-      };
-
-      var canvasDoughnut = new Chart(document.getElementById("canvas1i"), {
+      new Chart(document.getElementById("canvas1i"), {
         type: 'doughnut',
-        showTooltips: false,
         tooltipFillColor: "rgba(51, 51, 51, 0.55)",
         data: {
           labels: [
@@ -1016,25 +1005,25 @@
             backgroundColor: [
               "#BDC3C7",
               "#9B59B6",
-              "#455C73",
+              "#E74C3C",
               "#26B99A",
               "#3498DB"
             ],
             hoverBackgroundColor: [
               "#CFD4D8",
               "#B370CF",
-              "#34495E",
+              "#E95E4F",
               "#36CAAB",
               "#49A9EA"
             ]
 
           }]
-        }
+        },
+        options: options
       });
 
-      var canvasDoughnut = new Chart(document.getElementById("canvas1i2"), {
+      new Chart(document.getElementById("canvas1i2"), {
         type: 'doughnut',
-        showTooltips: false,
         tooltipFillColor: "rgba(51, 51, 51, 0.55)",
         data: {
           labels: [
@@ -1049,25 +1038,25 @@
             backgroundColor: [
               "#BDC3C7",
               "#9B59B6",
-              "#455C73",
+              "#E74C3C",
               "#26B99A",
               "#3498DB"
             ],
             hoverBackgroundColor: [
               "#CFD4D8",
               "#B370CF",
-              "#34495E",
+              "#E95E4F",
               "#36CAAB",
               "#49A9EA"
             ]
 
           }]
-        }
+        },
+        options: options
       });
 
-      var canvasDoughnut = new Chart(document.getElementById("canvas1i3"), {
+      new Chart(document.getElementById("canvas1i3"), {
         type: 'doughnut',
-        showTooltips: false,
         tooltipFillColor: "rgba(51, 51, 51, 0.55)",
         data: {
           labels: [
@@ -1082,24 +1071,26 @@
             backgroundColor: [
               "#BDC3C7",
               "#9B59B6",
-              "#455C73",
+              "#E74C3C",
               "#26B99A",
               "#3498DB"
             ],
             hoverBackgroundColor: [
               "#CFD4D8",
               "#B370CF",
-              "#34495E",
+              "#E95E4F",
               "#36CAAB",
               "#49A9EA"
             ]
 
           }]
-        }
+        },
+        options: options
       });
     });
   </script>
-  <!-- -->
+  <!-- /Doughnut Chart -->
+
   <!-- datepicker -->
   <script type="text/javascript">
     $(document).ready(function() {
@@ -1108,7 +1099,7 @@
         console.log(start.toISOString(), end.toISOString(), label);
         $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
         //alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]");
-      }
+      };
 
       var optionSet1 = {
         startDate: moment().subtract(29, 'days'),
diff --git a/production/widgets.html b/production/widgets.html
index 66bc132b..00694272 100755
--- a/production/widgets.html
+++ b/production/widgets.html
@@ -1135,6 +1135,7 @@
       });
     });
   </script>
+  
   <script>
     $('document').ready(function() {
       $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {