Initiate the Segment Management Page

Author: tzi

plugins/CoreHome/stylesheets/dataTable/_entityTable.less

@@ -52,6 +52,10 @@ table.entityTable {
   }
 }
 
+.table-action-cell {
+  padding: 2px 16px;
+}
+
 .table-action {
   padding: 16px;
   height: auto;

plugins/Morpheus/stylesheets/ui/_cards.less

@@ -72,3 +72,9 @@ h1,
     margin: 25px 20px;
   }
 }
+
+.card-content-overflow {
+  margin: 0 -20px;
+  overflow-x: auto;
+  width: calc(~"100% + 40px");
+}

plugins/SegmentEditor/Controller.php

@@ -0,0 +1,51 @@
+<?php
+
+/**
+ * Matomo - free/libre analytics platform
+ *
+ * @link    https://matomo.org
+ * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+namespace Piwik\Plugins\SegmentEditor;
+
+use Piwik\Piwik;
+use Piwik\Plugins\SegmentEditor;
+use Piwik\Plugins\VisitsSummary;
+use Piwik\Request;
+use Piwik\View;
+
+/**
+ */
+class Controller extends \Piwik\Plugin\Controller
+{
+
+    /** The requested period */
+    protected $period;
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        $this->period = Request::fromRequest()->getStringParameter('period' ,'day');
+        $this->checkSitePermission();
+        Piwik::checkUserHasViewAccess($this->idSite);
+    }
+
+    public function manageSegments(): string
+    {
+        $view = new View('@SegmentEditor/manageSegments');
+        $this->setGeneralVariablesView($view);
+        $view->showMenu = true;
+
+        $view->segmentList = SegmentEditor\API::getInstance()->getAll($this->idSite);
+        $view->segmentData = [];
+        foreach ($view->segmentList as $index => $segment) {
+            $view->segmentData[$index] = VisitsSummary\API::getInstance()
+                ->get($this->idSite, $this->period, $this->date, $segment['definition'])
+                ->getFirstRow()->getArrayCopy();
+        }
+
+        return $view->render();
+    }
+}

plugins/SegmentEditor/SegmentEditor.php

@@ -57,9 +57,15 @@ public function registerEvents()
             'Db.getTablesInstalled'                      => 'getTablesInstalled',
             'SitesManager.deleteSite.end'                => 'onDeleteSite',
             'UsersManager.deleteUser'                    => 'onDeleteUser',
+            'API.getPagesComparisonsDisabledFor'         => 'getPagesComparisonsDisabledFor',
         );
     }
 
+    public function getPagesComparisonsDisabledFor(&$pages)
+    {
+        $pages[] = 'General_Visitors.CoreHome_Segments';
+    }
+
     public function onDeleteSite($idSite)
     {
         $model = new Model();

plugins/SegmentEditor/Widgets/ManageSegments.php

@@ -0,0 +1,31 @@
+<?php
+
+/**
+ * Matomo - free/libre analytics platform
+ *
+ * @link    https://matomo.org
+ * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+namespace Piwik\Plugins\SegmentEditor\Widgets;
+
+use Piwik\Widget\WidgetConfig;
+
+class ManageSegments extends \Piwik\Widget\Widget
+{
+    public static function configure(WidgetConfig $config)
+    {
+        $idSite = \Piwik\Request::fromRequest()->getIntegerParameter('idSite', 0);
+
+        $config->setCategoryId('General_Visitors');
+        $config->setSubcategoryId('CoreHome_Segments');
+        $config->setName('CoreHome_Segments');
+        $config->setIsNotWidgetizable();
+
+        if (empty($idSite)) {
+            $config->disable();
+            return;
+        }
+
+    }
+}

plugins/SegmentEditor/categories/ManageSegmentsSubcategory.php

@@ -0,0 +1,19 @@
+<?php
+
+/**
+ * Matomo - free/libre analytics platform
+ *
+ * @link    https://matomo.org
+ * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+namespace Piwik\Plugins\SegmentEditor\Categories;
+
+use Piwik\Category\Subcategory;
+
+class ManageSegmentsSubcategory extends Subcategory
+{
+    protected $categoryId = 'General_Visitors';
+    protected $id = 'CoreHome_Segments';
+    protected $order = 9999;
+}

plugins/SegmentEditor/lang/en.json

@@ -18,6 +18,7 @@
         "OperatorAND": "AND",
         "OperatorOR": "OR",
         "SaveAndApply": "Save & Apply",
+        "Segments": "Segments",
         "SegmentDisplayedAllWebsites": "all websites",
         "SegmentDisplayedThisWebsiteOnly": "this website only",
         "SegmentEditor": "Segment editor",

plugins/SegmentEditor/templates/manageSegments.twig

@@ -0,0 +1,34 @@
+<div class="card">
+    <div class="card-content">
+        <h2 class="card-title">{{ 'CoreHome_Segments'|translate }}</h2>
+        <div class="card-content-overflow">
+            <table class="dataTable">
+                <thead>
+                    <tr class="first">
+                        <th class="label">{{ 'General_Name'|translate }}</th>
+                        <th class="label">{{ 'General_ColumnNbUsers'|translate }}</th>
+                        <th class="label">{{ 'General_ColumnNbVisits'|translate }}</th>
+                        <th class="label">{{ 'General_ColumnActions'|translate }}</th>
+                        <th class="label"></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for segment in segmentList %}
+                        <tr>
+                            <td>{{ segment.name }}</td>
+                            <td>{{ segmentData[loop.index0].nb_users }}</td>
+                            <td>{{ segmentData[loop.index0].nb_visits }}</td>
+                            <td>{{ segmentData[loop.index0].nb_actions }}</td>
+                            <td class="table-action-cell">
+                                <button class="table-action icon-star" title="translate('General_Star')"></button>
+                                <button class="table-action icon-arrow-right" title="translate('General_Eye')"></button>
+                                <button class="table-action icon-edit" title="translate('General_Edit')"></button>
+                                <button class="table-action icon-delete" title="translate('General_Delete')"></button>
+                            </td>
+                        </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>