From 467d442c22390659f5d420f77e9dc8d41b9b3709 Mon Sep 17 00:00:00 2001
From: Abdullah Almsaeed <almasaeed2010@gmail.com>
Date: Fri, 3 Apr 2015 21:33:33 -0400
Subject: [PATCH] Added new chartjs preview page

---
 index.html                          |  1 +
 index2.html                         |  1 +
 pages/UI/buttons.html               |  1 +
 pages/UI/general.html               |  1 +
 pages/UI/icons.html                 |  1 +
 pages/UI/modals.html                |  1 +
 pages/UI/sliders.html               |  1 +
 pages/UI/timeline.html              |  1 +
 pages/calendar.html                 |  1 +
 pages/charts/chartjs.html           | 13 ++++++-------
 pages/charts/flot.html              |  1 +
 pages/charts/inline.html            |  1 +
 pages/charts/morris.html            |  1 +
 pages/examples/404.html             |  1 +
 pages/examples/500.html             |  1 +
 pages/examples/blank.html           |  1 +
 pages/examples/invoice.html         |  1 +
 pages/forms/advanced.html           |  1 +
 pages/forms/editors.html            |  1 +
 pages/forms/general.html            |  1 +
 pages/layout/boxed.html             |  1 +
 pages/layout/collapsed-sidebar.html |  1 +
 pages/layout/fixed.html             |  1 +
 pages/mailbox/compose.html          |  1 +
 pages/mailbox/mailbox.html          |  1 +
 pages/mailbox/read-mail.html        |  1 +
 pages/tables/data.html              |  1 +
 pages/widgets.html                  |  1 +
 28 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index d6006b95..0945afcc 100644
--- a/index.html
+++ b/index.html
@@ -350,6 +350,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="pages/charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/index2.html b/index2.html
index 83023c5b..c1bb159e 100644
--- a/index2.html
+++ b/index2.html
@@ -348,6 +348,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="pages/charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 63cf32f7..54360443 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 5b435d8e..050d9288 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -369,6 +369,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 9e1b5e23..113bc118 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -387,6 +387,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index 8067ba87..c403cb20 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -351,6 +351,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 9a29fa44..c59cfb58 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -347,6 +347,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 97e03838..795ad191 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/calendar.html b/pages/calendar.html
index 150cac4a..06e1dbcf 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -340,6 +340,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 32cb0e77..a1dc327d 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -233,7 +233,8 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
-                <li class="active"><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
+                <li class="active"><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
+                <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
               </ul>
@@ -363,7 +364,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="margin">
+                  <div class="chart">
                     <canvas id="areaChart" height="250"></canvas>
                   </div>
                 </div><!-- /.box-body -->
@@ -379,9 +380,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="chart-responsive">
-                    <canvas id="pieChart" height="250"></canvas>
-                  </div>
+                    <canvas id="pieChart" height="250"></canvas>                  
                 </div><!-- /.box-body -->
               </div><!-- /.box -->
 
@@ -397,7 +396,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="margin">
+                  <div class="chart">
                     <canvas id="lineChart" height="250"></canvas>
                   </div>
                 </div><!-- /.box-body -->
@@ -413,7 +412,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="margin">
+                  <div class="chart">
                     <canvas id="barChart" height="230"></canvas>
                   </div>
                 </div><!-- /.box-body -->
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index 1ec8b75f..051a0551 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li class="active"><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index 886ff2a8..23120901 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li  class="active"><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index 4b7179c8..2d3b0423 100644
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -343,6 +343,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li class="active"><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/404.html b/pages/examples/404.html
index 1e9c262f..27bd1820 100644
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -340,6 +340,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/500.html b/pages/examples/500.html
index 5b790451..fc6404f1 100644
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index a15a133b..6797aa45 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -237,6 +237,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 76d89300..4b714668 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index a730ddcf..f5fe5e9d 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -351,6 +351,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 43c2d9b4..c1e46032 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -343,6 +343,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 9649e5a4..f99f06ff 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index cc407da6..ddda064e 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -235,6 +235,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index e4558c83..138716f7 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -238,6 +238,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/layout/fixed.html b/pages/layout/fixed.html
index 680251c4..3171b697 100644
--- a/pages/layout/fixed.html
+++ b/pages/layout/fixed.html
@@ -233,6 +233,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index bd9570af..1a62c226 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -240,6 +240,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index 02c0efb1..f9659bfd 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -237,6 +237,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index 1767620d..fcf06236 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -237,6 +237,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 4dfac816..f1f9a6c9 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -343,6 +343,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/widgets.html b/pages/widgets.html
index 096656e4..5442474b 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>