Misspelling and some sample data enhancement

pull/85/head
christianesperar 2016-04-18 23:08:03 +08:00
parent b424ea012b
commit a4f14dd39c
2 changed files with 44 additions and 52 deletions

View File

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

View File

@ -1135,6 +1135,7 @@
}); });
}); });
</script> </script>
<script> <script>
$('document').ready(function() { $('document').ready(function() {
$(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {