/*
 |--------------------------------------------------------------------------
 | Shards Dashboards: Blog Overview Template
 |--------------------------------------------------------------------------
 */

// 'use strict';

// (function ($) {
//   $(document).ready(function () {

//     // Blog overview date range init.
//     $('#blog-overview-date-range').datepicker({});

//     //
//     // Small Stats
//     //

//     // Datasets
//     var boSmallStatsDatasets = [
//       {
//         backgroundColor: 'rgba(0, 184, 216, 0.1)',
//         borderColor: 'rgb(0, 184, 216)',
//         data: [1, 2, 1, 3, 5, 4, 7],
//       },
//       {
//         backgroundColor: 'rgba(23,198,113,0.1)',
//         borderColor: 'rgb(23,198,113)',
//         data: [1, 2, 3, 3, 3, 4, 4]
//       },
//       {
//         backgroundColor: 'rgba(255,180,0,0.1)',
//         borderColor: 'rgb(255,180,0)',
//         data: [2, 3, 3, 3, 4, 3, 3]
//       },
//       {
//         backgroundColor: 'rgba(255,65,105,0.1)',
//         borderColor: 'rgb(255,65,105)',
//         data: [1, 7, 1, 3, 1, 4, 8]
//       },
//       {
//         backgroundColor: 'rgb(0,123,255,0.1)',
//         borderColor: 'rgb(0,123,255)',
//         data: [3, 2, 3, 2, 4, 5, 4]
//       }
//     ];

//     // Options
//     function boSmallStatsOptions(max) {
//       return {
//         maintainAspectRatio: true,
//         responsive: true,
//         // Uncomment the following line in order to disable the animations.
//         // animation: false,
//         legend: {
//           display: false
//         },
//         tooltips: {
//           enabled: false,
//           custom: false
//         },
//         elements: {
//           point: {
//             radius: 0
//           },
//           line: {
//             tension: 0.3
//           }
//         },
//         scales: {
//           xAxes: [{
//             gridLines: false,
//             scaleLabel: false,
//             ticks: {
//               display: false
//             }
//           }],
//           yAxes: [{
//             gridLines: false,
//             scaleLabel: false,
//             ticks: {
//               display: false,
//               // Avoid getting the graph line cut of at the top of the canvas.
//               // Chart.js bug link: https://github.com/chartjs/Chart.js/issues/4790
//               suggestedMax: max
//             }
//           }],
//         },
//       };
//     }

//     // Generate the small charts
//     boSmallStatsDatasets.map(function (el, index) {
//       var chartOptions = boSmallStatsOptions(Math.max.apply(Math, el.data) + 1);
//       var ctx = document.getElementsByClassName('blog-overview-stats-small-' + (index + 1));
//       new Chart(ctx, {
//         type: 'line',
//         data: {
//           labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5", "Label 6", "Label 7"],
//           datasets: [{
//             label: 'Today',
//             fill: 'start',
//             data: el.data,
//             backgroundColor: el.backgroundColor,
//             borderColor: el.borderColor,
//             borderWidth: 1.5,
//           }]
//         },
//         options: chartOptions
//       });
//     });


//     //
//     // Blog Overview Users
//     //

//     var bouCtx = document.getElementsByClassName('blog-overview-users')[0];


//     //
//     // Users by device pie chart
//     //

//     // Data
//     var ubdData = {
//       datasets: [{
//         hoverBorderColor: '#ffffff',
//         data: [68.3, 24.2, 7.5],
//         backgroundColor: [
//           '#033600',
//           'rgb(145, 34, 34)',
//           '#fcae2c'
//         ]
//       }],
//       labels: ["Can't Read", "Can read sentences only", "Can read and understand sentences"]
//     };

//     // Options
//     var ubdOptions = {
//       legend: {
//         position: 'bottom',
//         labels: {
//           padding: 25,
//           boxWidth: 20
//         }
//       },
//       cutoutPercentage: 0,
//       // Uncomment the following line in order to disable the animations.
//       // animation: false,
//       tooltips: {
//         custom: false,
//         mode: 'index',
//         position: 'nearest'
//       }
//     };

//     var ubdCtx = document.getElementsByClassName('blog-users-by-device')[0];

//     // Generate the users by device chart.
//     window.ubdChart = new Chart(ubdCtx, {
//       type: 'pie',
//       data: ubdData,
//       options: ubdOptions
//     });

//   });
// })(jQuery);
