From bcd14b1d02c88568615d26f4e7c18e753a368596 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Tue, 19 Apr 2022 16:24:53 +0200
Subject: [PATCH] add post analytic

---
 src/Analytic/DateRangeAnalytic.php          |  7 +-
 src/Controller/Blog/PostAdminController.php |  4 +-
 templates/blog/post_admin/stats.html.twig   | 86 +++++++++++++++++++++
 3 files changed, 92 insertions(+), 5 deletions(-)
 create mode 100644 templates/blog/post_admin/stats.html.twig

diff --git a/src/Analytic/DateRangeAnalytic.php b/src/Analytic/DateRangeAnalytic.php
index 4b47438..344bcb3 100644
--- a/src/Analytic/DateRangeAnalytic.php
+++ b/src/Analytic/DateRangeAnalytic.php
@@ -24,15 +24,16 @@ class DateRangeAnalytic extends BaseDateRangeAnalytic
     protected function getEntities(string $type): array
     {
         $entities = parent::getEntities($type);
+        $newEntities = [];
 
         foreach ($entities as $key => $entity) {
             if ('view' === $type) {
-                if ($entity->getPath() !== $this->path) {
-                    unset($entities[$key]);
+                if ($entity->getPath() === $this->path) {
+                    $newEntities[] = $entity;
                 }
             }
         }
 
-        return $entities;
+        return $newEntities;
     }
 }
diff --git a/src/Controller/Blog/PostAdminController.php b/src/Controller/Blog/PostAdminController.php
index 5e4aa71..0ff5edd 100644
--- a/src/Controller/Blog/PostAdminController.php
+++ b/src/Controller/Blog/PostAdminController.php
@@ -259,12 +259,12 @@ class PostAdminController extends CrudController
             ->setNode($node)
         ;
 
-        return $this->render('@Core/analytic/stats.html.twig', [
+        return $this->render('blog/post_admin/stats.html.twig', [
             'range' => $range,
             'views' => $analytic->getViews(),
             'pathViews' => $analytic->getPathViews(),
-            'referers' => [],
             'node' => $node,
+            'entity' => $entity,
         ]);
     }
 
diff --git a/templates/blog/post_admin/stats.html.twig b/templates/blog/post_admin/stats.html.twig
new file mode 100644
index 0000000..7f08a72
--- /dev/null
+++ b/templates/blog/post_admin/stats.html.twig
@@ -0,0 +1,86 @@
+<div class="modal-dialog modal-dialog-large">
+    <div class="modal-content">
+        <div class="modal-header">
+            <h5 class="modal-title">
+                {{ 'Analytics'|trans }}
+            </h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+        <div class="modal-body">
+            <ul class="nav nav-pills" role="tablist">
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link {% if range == '7days' %}active{% endif %}" data-modal="{{ path('admin_blog_post_analytic_stats', {entity: entity.id, range: '7days'}) }}" href="#">
+                        {{ 'Last 7 days'|trans }}
+                    </a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link {% if range == '30days' %}active{% endif %}" data-modal="{{ path('admin_blog_post_analytic_stats', {entity: entity.id, range: '30days'}) }}" href="#">
+                        {{ 'Last 30 days'|trans }}
+                    </a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link {% if range == '90days' %}active{% endif %}" data-modal="{{ path('admin_blog_post_analytic_stats', {entity: entity.id, range: '90days'}) }}" href="#">
+                        {{ 'Last 90 days'|trans }}
+                    </a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link {% if range == '1year' %}active{% endif %}" data-modal="{{ path('admin_blog_post_analytic_stats', {entity: entity.id, range: '1year'}) }}" href="#">
+                        {{ 'Last year'|trans }}
+                    </a>
+                </li>
+            </ul>
+
+            {% set values = [] %}
+            {% for item in views %}{% set values = values|merge([item]) %}{% endfor %}
+
+            <div class="tab-content pt-4">
+                <div id="analytic-chart-container">
+                    <canvas id="analytic-chart" data-label="{{ 'Views'|trans }}" data-labels="{{ views|keys|json_encode }}" data-values="{{ values|json_encode }}"></canvas>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="pl-md-3">
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>{{ 'Path'|trans }}</th>
+                                        <th width="50" class="text-right">{{ 'Views'|trans }}</th>
+                                        <th width="50" class="text-right"><span class="fa fa-desktop"></span></th>
+                                        <th width="50" class="text-right"><span class="fa fa-mobile-alt"></span></th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    {% for path, views in pathViews %}
+                                        <tr>
+                                            <td class="wrap">{{ path }}</td>
+                                            <td class="text-right">{{ views.views }}</td>
+                                            <td class="text-right">{{ views.desktopViews }}</td>
+                                            <td class="text-right">{{ views.mobileViews }}</td>
+                                        </tr>
+                                    {% else %}
+                                        <tr>
+                                            <td class="col-12 text-center p-4 text-black-50" colspan="4">
+                                                <div class="display-1">
+                                                    <span class="fa fa-search"></span>
+                                                </div>
+                                                <div class="display-5 mt-3">
+                                                    {{ 'No result'|trans }}
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    {% endfor %}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ 'Close'|trans }}</button>
+        </div>
+    </div>
+</div>