refs #4223 added plugin filter, work in progress

plugins/CorePluginsAdmin/Controller.php

@@ -244,9 +244,13 @@ class Controller extends Plugin\ControllerAdmin
 
     protected function getPluginsInfo($themesOnly = false)
     {
-        $plugins = \Piwik\Plugin\Manager::getInstance()->returnLoadedPluginsInfo();
+        $pluginManager = \Piwik\Plugin\Manager::getInstance();
+        $plugins = $pluginManager->returnLoadedPluginsInfo();
 
         foreach ($plugins as $pluginName => &$plugin) {
+
+            $plugin['isCorePlugin'] = $pluginManager->isPluginBundledWithCore($pluginName);
+
             if (!isset($plugin['info'])) {
 
                 $suffix = Piwik::translate('CorePluginsAdmin_PluginAskDevToUpdate');

plugins/CorePluginsAdmin/CorePluginsAdmin.php

@@ -104,6 +104,7 @@ class CorePluginsAdmin extends \Piwik\Plugin
         $jsFiles[] = "plugins/CorePluginsAdmin/javascripts/pluginDetail.js";
         $jsFiles[] = "plugins/CorePluginsAdmin/javascripts/pluginOverview.js";
         $jsFiles[] = "plugins/CorePluginsAdmin/javascripts/pluginExtend.js";
+        $jsFiles[] = "plugins/CorePluginsAdmin/javascripts/plugins.js";
     }
 
     public function getClientSideTranslationKeys(&$translations)

plugins/CorePluginsAdmin/javascripts/plugins.js

+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+$(document).ready(function () {
+
+    var filterType   = 'all';
+    var filterStatus = 'all';
+
+    function filterPlugins()
+    {
+        var queryEnable = '#plugins tr';
+
+        if ('all' == filterType) {
+            queryEnable  += '[data-filter-type]';
+        } else {
+            queryEnable  += '[data-filter-type=' + filterType + ']';
+        }
+
+        if ('all' == filterStatus) {
+            queryEnable  += '[data-filter-status]';
+        } else {
+            queryEnable  += '[data-filter-status=' + filterStatus + ']';
+        }
+
+        $('#plugins tr').css('display', 'none');
+        $(queryEnable).css('display', 'table-row');
+    }
+
+    $('.pluginsFilter .status').on('click', 'a', function (event) {
+        event.preventDefault();
+
+        filterStatus = $(this).data('filter-status');
+        $(this).siblings().removeClass('active');
+        $(this).addClass('active');
+
+        filterPlugins();
+    });
+
+    $('.pluginsFilter .type').on('click', 'a', function (event) {
+        event.preventDefault();
+
+        filterType = $(this).data('filter-type');
+        $(this).siblings().removeClass('active');
+        $(this).addClass('active');
+
+        filterPlugins();
+    });
+});
\ No newline at end of file

plugins/CorePluginsAdmin/stylesheets/marketplace.less

@@ -16,6 +16,10 @@
   font-style: italic;
 }
 
+.pluginsFilter .active {
+  font-weight: bold;
+}
+
 #installPluginByUpload {
   .description {
     margin-top: 30px;

plugins/CorePluginsAdmin/templates/macros.twig

@@ -65,7 +65,7 @@
         <tbody id="plugins">
         {% for name,plugin in pluginsInfo %}
             {% if (plugin.alwaysActivated is defined and not plugin.alwaysActivated) or isTheme %}
-                <tr {% if plugin.activated %}class="highlighted"{% endif %}>
+                <tr {% if plugin.activated %}class="highlighted"{% endif %} data-filter-status="{% if plugin.activated %}active{% else %}inactive{% endif %}" data-filter-type="{% if plugin.isCorePlugin %}core{% else %}noncore{% endif %}">
                     <td class="name">
                         {% if plugin.info.homepage is defined %}
                         <a title="{{ 'CorePluginsAdmin_PluginHomepage'|translate }}" href="{{ plugin.info.homepage }}" target="_blank">

plugins/CorePluginsAdmin/templates/plugins.twig

@@ -17,6 +17,22 @@
 
     <p>{{ 'CorePluginsAdmin_MainDescription'|translate }}</p>
 
+    <p class="pluginsFilter">
+        <span class="type">
+            <strong>Type</strong>
+            <a data-filter-type="all" href="#" class="active">All</a> |
+            <a data-filter-type="core" href="#">Core</a> |
+            <a data-filter-type="noncore" href="#">Marketplace</a>
+        </span>
+
+        <span class="status">
+            <strong>Status</strong>
+            <a data-filter-status="all" href="#" class="active">All</a> |
+            <a data-filter-status="active" href="#">Active</a> |
+            <a data-filter-status="inactive" href="#">Inactive</a>
+        </span>
+    </p>
+
     {{ plugins.tablePlugins(pluginsInfo, pluginNamesHavingSettings, activateNonce, deactivateNonce, uninstallNonce, false) }}
 
 </div>