First Part of Statistic Graph implemented

Application/Data/Statistics/sternenkindsaga.php

@@ -2,6 +2,7 @@
 
 use SCF\Core\DI;
 use SCF\Core\Database;
+use SCF\Core\StatsGenerator;
 
 $acl = DI::getInstance()->get('acl');
 
@@ -25,23 +26,30 @@ if($acl->acl('see_SKS') == 1) {
     $db_slave->execute();
     $Download['all'] = $db_slave->rowCount();
 
+    $db_slave->query("SELECT COUNT(guid) AS visit_count, DAY(FROM_UNIXTIME(`timestamp`)) as visit_day, MONTH(FROM_UNIXTIME(`timestamp`)) as visit_month, YEAR(FROM_UNIXTIME(`timestamp`)) AS visit_year FROM sks_unique_dls GROUP BY visit_year DESC, visit_month DESC, visit_day DESC LIMIT 10");
+    $downloadsPerDay = $db_slave->fetchArray();
+
     $db_slave->query("SELECT * FROM `sks_unique_user` WHERE `timestamp` != 0");
     $db_slave->execute();
     $allVistors = $db_slave->rowCount();
 
-        $db_slave->query("SELECT COUNT(guid) AS visit_count, DAY(FROM_UNIXTIME(`timestamp`)) as visit_day, MONTH(FROM_UNIXTIME(`timestamp`)) as visit_month, YEAR(FROM_UNIXTIME(`timestamp`)) AS visit_year FROM sks_unique_user GROUP BY visit_year DESC, visit_month DESC, visit_day DESC LIMIT 10");
-        $bla = $db_slave->fetchArray();
+    $db_slave->query("SELECT COUNT(guid) AS visit_count, DAY(FROM_UNIXTIME(`timestamp`)) as visit_day, MONTH(FROM_UNIXTIME(`timestamp`)) as visit_month, YEAR(FROM_UNIXTIME(`timestamp`)) AS visit_year FROM sks_unique_user GROUP BY visit_year DESC, visit_month DESC, visit_day DESC LIMIT 10");
+    $visitorsPerDay = $db_slave->fetchArray();
 
 
+    $stats = new StatsGenerator($db_slave);
 
     $genTraffic = round((($Download['all']*555008)/1024)/1024,2);
 
 
-    $tpl->assign('downloadArray', $Download);
+    $tpl->assign('downloadArray', $downloadsPerDay);
+    $tpl->assign('visitorArray', $visitorsPerDay);
     $tpl->assign('allVisitors', $allVistors);
+    $tpl->assign('allDownloads', $Download['all']);
     $tpl->assign('traffic', $genTraffic);
+    $tpl->assign('stats', $stats);
 
-    $tpl->assign('vardump', $bla);
+    //$tpl->assign('vardump', $stats);
     $tpl->display('Data/specific/sternenkindsaga.tpl');
 }
 else {

Application/scf/Core/StatsGenerator.php

@@ -0,0 +1,177 @@
+<?php
+
+namespace SCF\Core;
+
+use SCF\Core\Database;
+
+class StatsGenerator {
+
+    /**
+     * @var \SCF\Core\Database
+     */
+    private $_db;
+
+    /**
+     * @var array
+     */
+    private $statValues = [];
+
+    /**
+     * @var array
+     */
+    private $dateLabels = [];
+
+    /**
+     * @var array
+     */
+    private $dateRows = [];
+
+    /**
+     * StatsGenerator constructor.
+     * @param \SCF\Core\Database $db
+     */
+    public function __construct(Database $db)
+    {
+        $this->_db = $db;
+
+        $this->readDatabaseToArray();
+        $this->setDateLabels(25,12,2014,10);
+        $this->setDateRows(25,12,2014,10);
+
+    }
+
+    /**
+     * @return array
+     */
+    private function readDatabaseToArray()
+    {
+        $this->_db->query("SELECT COUNT(guid) AS visit_count, DAY(FROM_UNIXTIME(`timestamp`)) as visit_day, MONTH(FROM_UNIXTIME(`timestamp`)) as visit_month, YEAR(FROM_UNIXTIME(`timestamp`)) AS visit_year FROM sks_unique_user GROUP BY visit_year DESC, visit_month DESC, visit_day DESC");
+        $visitorsPerDay = $this->_db->fetchArray();
+
+        foreach ($visitorsPerDay as $key => $value) {
+            $day = ($value['visit_day'] < 10 ? '0'.$value['visit_day'] : $value['visit_day']);
+            $month = ($value['visit_month'] < 10 ? '0'.$value['visit_month'] : $value['visit_month']);
+            $year = $value['visit_year'];
+            $this->statValues[$day.'.'.$month.'.'.$year] = (int) $value['visit_count'];
+        }
+
+
+       return $this->statValues;
+    }
+
+    /**
+     * @param string $day
+     * @param string $month
+     * @param string $year
+     * @param string $range
+     * @return array
+     */
+    private function generateLabels($day = "", $month="", $year="", $range="")
+    {
+        $genDates = [];
+        $dateValue = $day.'.'.$month.'.'.$year;
+
+        $genStart = new \DateTime($dateValue);
+        $interval = new \DateInterval('P1D');
+        if(is_numeric($range)) {
+            $range = ($range > 30 ? 30 : $range);
+            $genStart = $genStart->modify("-" . $range . " days");
+            $genEnd = clone $genStart;
+            $genEnd = $genEnd->modify("+" . ($range * 2) . " days");
+        } else {
+            $genEnd = clone $genStart;
+            $genEnd->add(new \DateInterval("P1M"));
+        }
+
+        $dateRange = new \DatePeriod($genStart,$interval,$genEnd);
+
+        foreach ($dateRange as $date) {
+            $genDates[] = $date->format("d.m.Y");
+        }
+
+        return $genDates;
+
+    }
+
+    /**
+     * @param string $day
+     * @param string $month
+     * @param string $year
+     * @param string $range
+     * @return array
+     */
+    private function generateRows($day = "", $month="", $year="", $range="")
+    {
+        $rowArray = $this->statValues;
+        $genRows = [];
+        $dateValue = $day.'.'.$month.'.'.$year;
+
+        $genStart = new \DateTime($dateValue);
+        $interval = new \DateInterval('P1D');
+        if(is_numeric($range)) {
+            $range = ($range > 30 ? 30 : $range);
+            $genStart = $genStart->modify("-" . $range . " days");
+            $genEnd = clone $genStart;
+            $genEnd = $genEnd->modify("+" . ($range * 2) . " days");
+        } else {
+            $genEnd = clone $genStart;
+            $genEnd->add(new \DateInterval("P1M"));
+        }
+
+        $dateRange = new \DatePeriod($genStart,$interval,$genEnd);
+
+        $genEnd = clone $genStart;
+        $genEnd->add(new \DateInterval("P1M"));
+
+        foreach ($dateRange as $date) {
+            $realDate = $date->format("d.m.Y");
+            if(array_key_exists($realDate, $rowArray))
+            {
+                $genRows[] = $rowArray[$realDate];
+            } else {
+                $genRows[] = 0;
+            }
+            //var_dump($rowArray);
+        }
+
+        return $genRows;
+    }
+
+    /**
+     * @param string $day
+     * @param string $month
+     * @param string $year
+     * @param string $range
+     */
+    public function setDateLabels($day = "", $month="", $year="", $range="")
+    {
+        $this->dateLabels = $this->generateLabels($day,$month,$year,$range);
+    }
+
+    /**
+     * @return array
+     */
+    public function getDateLabels()
+    {
+        return json_encode($this->dateLabels);
+    }
+
+    /**
+     * @param string $day
+     * @param string $month
+     * @param string $year
+     * @param string $range
+     */
+    public function setDateRows($day = "", $month="", $year="", $range="")
+    {
+        $this->dateRows = $this->generateRows($day,$month,$year,$range);
+    }
+
+    /**
+     * @return array
+     */
+    public function getDateRows()
+    {
+        return json_encode($this->dateRows);
+    }
+}

Application/templates/SmartAdmin/Data/specific/sternenkindsaga.tpl

@@ -1,11 +1,132 @@
 {extends "Data/statistics.tpl"}
 {block name="minifiedStats"}
     <li class="sparks-info">
-        <h5> Site Traffic <span class="txt-color-purple"><i class="fa fa-arrow-circle-up"></i>&nbsp;45%</span></h5>
+        <h5> Downloads <span class="txt-color-purple"><i class="fa fa-download"></i>&nbsp;{$allDownloads}</span></h5>
         <div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm">
             {foreach item=dl from=$downloadArray name=downloads}
-                {$dl}{if $smarty.foreach.downloads.last}{else},{/if}
+                {$dl.visit_count}{if $smarty.foreach.downloads.last}{else},{/if}
             {/foreach}
         </div>
     </li>
+    <li class="sparks-info">
+        <h5> Besucher <span class="txt-color-green"><i class="fa fa-users"></i>&nbsp;{$allVisitors}</span></h5>
+        <div class="sparkline txt-color-green hidden-mobile hidden-md hidden-sm">
+            {foreach item=visit from=$visitorArray name=visitors}
+                {$visit.visit_count}{if $smarty.foreach.visitors.last}{else},{/if}
+            {/foreach}
+        </div>
+    </li>
+{/block}
+{block name="body"}
+
+
+
+    <!-- widget grid -->
+    <section id="widget-grid" class="">
+
+        <!-- row -->
+        <div class="row">
+            <div class="container">
+                <article class="col-sm-12">
+                    <!-- new widget -->
+                    <div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-togglebutton="false" data-widget-editbutton="false" data-widget-fullscreenbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false">
+                        <!-- widget options:
+                        usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
+
+                        data-widget-colorbutton="false"
+                        data-widget-editbutton="false"
+                        data-widget-togglebutton="false"
+                        data-widget-deletebutton="false"
+                        data-widget-fullscreenbutton="false"
+                        data-widget-custombutton="false"
+                        data-widget-collapsed="true"
+                        data-widget-sortable="false"
+
+                        -->
+                        <header>
+                            <span class="widget-icon"> <i class="fa fa-info-circle txt-color-darken"></i> </span>
+                            <h2>Statistik</h2>
+                        </header>
+
+                        <div class="no-padding">
+
+                            <div class="widget-body">
+                                <canvas id="lineChart" style="height:250px"></canvas>
+
+                            </div>
+                        </div>
+                    </div>
+                </article>
+            </div>
+        </div>
+    </section>
+{/block}
+{block name="additionalJSFiles"}
+    <script src="lib/SmartAdmin/js/plugin/chartjs/chart.min.js"></script>
+{/block}
+{block name="additionalJSCode"}
+
+var areaChartData = {
+    type: "line",
+labels: {$stats->getDateLabels()},
+datasets: [
+{
+label: "Users Per Day",
+fillColor: "rgba(60,141,188,0.9)",
+strokeColor: "rgba(60,141,188,0.8)",
+pointColor: "#3b8bba",
+pointStrokeColor: "rgba(60,141,188,1)",
+pointHighlightFill: "#fff",
+pointHighlightStroke: "rgba(60,141,188,1)",
+data: {$stats->getDateRows()}
+}
+]
+};
+
+
+var areaChartOptions = {
+//Boolean - If we should show the scale at all
+showScale: true,
+//Boolean - Whether grid lines are shown across the chart
+scaleShowGridLines: false,
+//String - Colour of the grid lines
+scaleGridLineColor: "rgba(0,0,0,.05)",
+//Number - Width of the grid lines
+scaleGridLineWidth: 1,
+//Boolean - Whether to show horizontal lines (except X axis)
+scaleShowHorizontalLines: true,
+//Boolean - Whether to show vertical lines (except Y axis)
+scaleShowVerticalLines: true,
+//Boolean - Whether the line is curved between points
+bezierCurve: true,
+//Number - Tension of the bezier curve between points
+bezierCurveTension: 0.3,
+//Boolean - Whether to show a dot for each point
+pointDot: true,
+//Number - Radius of each point dot in pixels
+pointDotRadius: 2.5,
+//Number - Pixel width of point dot stroke
+pointDotStrokeWidth: 1,
+//Number - amount extra to add to the radius to cater for hit detection outside the drawn point
+pointHitDetectionRadius: 2,
+//Boolean - Whether to show a stroke for datasets
+datasetStroke: true,
+//Number - Pixel width of dataset stroke
+datasetStrokeWidth: 2,
+//Boolean - Whether to fill the dataset with a color
+datasetFill: true,
+//String - A legend template
+{literal}
+legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].lineColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
+//Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
+maintainAspectRatio: true,
+//Boolean - whether to make the chart responsive to window resizing
+responsive: true
+};
+var lineChartCanvas = $("#lineChart").get(0).getContext("2d");
+var lineChart = new Chart(lineChartCanvas);
+var lineChartOptions = areaChartOptions;
+lineChartOptions.datasetFill = false;
+lineChart.Line(areaChartData, lineChartOptions);{/literal}
+
 {/block}

Application/templates/SmartAdmin/Data/statistics.tpl

@@ -1,4 +1,4 @@
 {include file="header.tpl"}
 {block name="body"}{/block}
-{$vardump|var_dump}
+<!--{$vardump|var_dump}-->
 {include file="footer.tpl"}

Application/templates/SmartAdmin/meta/htmlFooter.tpl

@@ -22,9 +22,6 @@
 <!-- JARVIS WIDGETS -->
 <script src="lib/SmartAdmin/js/smartwidgets/jarvis.widget.min.js"></script>
 
-<!-- EASY PIE CHARTS -->
-<script src="lib/SmartAdmin/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
-
 <!-- SPARKLINES -->
 <script src="lib/SmartAdmin/js/plugin/sparkline/jquery.sparkline.min.js"></script>
 
@@ -45,6 +42,7 @@
 
 <!-- FastClick: For mobile devices -->
 <script src="lib/SmartAdmin/js/plugin/fastclick/fastclick.min.js"></script>
+{block name="additionalJSFiles"}{/block}
 
 <!--[if IE 8]>
 
@@ -63,22 +61,11 @@
 <script src="lib/SmartAdmin/js/smart-chat-ui/smart.chat.ui.min.js"></script>
 <script src="lib/SmartAdmin/js/smart-chat-ui/smart.chat.manager.min.js"></script>
 
-<!-- PAGE RELATED PLUGIN(S) -->
-
-<!-- Flot Chart Plugin: Flot Engine, Flot Resizer, Flot Tooltip -->
-<script src="lib/SmartAdmin/js/plugin/flot/jquery.flot.cust.min.js"></script>
-<script src="lib/SmartAdmin/js/plugin/flot/jquery.flot.resize.min.js"></script>
-<script src="lib/SmartAdmin/js/plugin/flot/jquery.flot.time.min.js"></script>
-<script src="lib/SmartAdmin/js/plugin/flot/jquery.flot.tooltip.min.js"></script>
-
-<!-- Vector Maps Plugin: Vectormap engine, Vectormap language -->
-<script src="lib/SmartAdmin/js/plugin/vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-<script src="lib/SmartAdmin/js/plugin/vectormap/jquery-jvectormap-world-mill-en.js"></script>
 
 <!-- Full Calendar -->
 <script src="lib/SmartAdmin/js/plugin/moment/moment.min.js"></script>
 <script src="lib/SmartAdmin/js/plugin/fullcalendar/jquery.fullcalendar.min.js"></script>
-
+{block name="additionalJSFiles"}{/block}
 <script>
     {literal}
     $(document).ready(function() {
@@ -180,60 +167,9 @@
         $('#td').click(function() {
             $('#calendar').fullCalendar('changeView', 'agendaDay');
         });
-
-        /*
-         * CHAT
-         */
-
-        $.filter_input = $('#filter-chat-list');
-        $.chat_users_container = $('#chat-container > .chat-list-body')
-        $.chat_users = $('#chat-users')
-        $.chat_list_btn = $('#chat-container > .chat-list-open-close');
-        $.chat_body = $('#chat-body');
-
-        /*
-        * LIST FILTER (CHAT)
-        */
-
-        // custom css expression for a case-insensitive contains()
-        jQuery.expr[':'].Contains = function(a, i, m) {
-            return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
-        };
-
-        function listFilter(list) {// header is any element, list is an unordered list
-            // create and add the filter form to the header
-
-            $.filter_input.change(function() {
-                var filter = $(this).val();
-                if (filter) {
-                    // this finds all links in a list that contain the input,
-                    // and hide the ones not containing the input while showing the ones that do
-                    $.chat_users.find("a:not(:Contains(" + filter + "))").parent().slideUp();
-                    $.chat_users.find("a:Contains(" + filter + ")").parent().slideDown();
-                } else {
-                    $.chat_users.find("li").slideDown();
-                }
-                return false;
-            }).keyup(function() {
-                // fire the above change event after every letter
-                $(this).change();
-
-            });
-
-        }
-
-        // on dom ready
-        listFilter($.chat_users);
-
-        // open chat list
-        $.chat_list_btn.click(function() {
-            $(this).parent('#chat-container').toggleClass('open');
-        })
-
-        $.chat_body.animate({
-            scrollTop : $.chat_body[0].scrollHeight
-        }, 500);
-
+        {/literal}
+        {block name="additionalJSCode"}{/block}
+        {literal}
     });
     {/literal}
 </script>

Application/templates/SmartAdmin/misc/contentHeader.tpl

@@ -1,6 +1,6 @@
 <div class="row">
     <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
-        <h1 class="page-title txt-color-blueDark"><i class="fa-fw fa fa-home"></i> {$pageHeader.pageTitle} {if $paheHeader.subTitle}<span>> {$pageHeader.subTitle}</span>{/if}</h1>
+        <h1 class="page-title txt-color-blueDark"><i class="fa-fw fa fa-home"></i> {$pageHeader.pageTitle} {if $pageHeader.subTitle}<span>> {$pageHeader.subTitle}</span>{/if}</h1>
     </div>
     <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">