[TWIG] Add twig function to output the active tag if the current route matches a given one

src/Twig/Extension.php

@@ -0,0 +1,54 @@
+<?php
+
+// {{{ License
+// This file is part of GNU social - https://www.gnu.org/software/social
+//
+// GNU social is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// GNU social is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with GNU social.  If not, see <http://www.gnu.org/licenses/>.
+// }}}
+
+/**
+ * GNU social Twig extensions
+ *
+ * @package   GNUsocial
+ * @category  Twig
+ *
+ * @author    Hugo Sales <hugo@fc.up.pt>
+ * @copyright 2020 Free Software Foundation, Inc http://www.fsf.org
+ * @license   https://www.gnu.org/licenses/agpl.html GNU AGPL v3 or later
+ */
+
+namespace App\Twig;
+
+use Twig\Extension\AbstractExtension;
+use Twig\TwigFilter;
+use Twig\TwigFunction;
+
+class Extension extends AbstractExtension
+{
+    public function getFilters()
+    {
+        return [
+            // new TwigFilter('foo', [GSRuntime::class, 'foo']),
+        ];
+    }
+
+    public function getFunctions()
+    {
+        return [
+            /** Twig function to output the 'active' class if the current route matches the given route */
+            new TwigFunction('active', [Runtime::class, 'isCurrentRouteActive']),
+            new TwigFunction('is_route', [Runtime::class, 'isCurrentRoute']),
+        ];
+    }
+}

src/Twig/Runtime.php

@@ -0,0 +1,70 @@
+<?php
+
+// {{{ License
+// This file is part of GNU social - https://www.gnu.org/software/social
+//
+// GNU social is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// GNU social is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with GNU social.  If not, see <http://www.gnu.org/licenses/>.
+// }}}
+
+/**
+ * Common utility functions
+ *
+ * @package   GNUsocial
+ * @category  Util
+ *
+ * @author    Hugo Sales <hugo@fc.up.pt>
+ * @copyright 2020 Free Software Foundation, Inc http://www.fsf.org
+ * @license   https://www.gnu.org/licenses/agpl.html GNU AGPL v3 or later
+ */
+
+namespace App\Twig;
+
+use Functional as F;
+use Symfony\Component\EventDispatcher\EventSubscriberInterface;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpKernel\Event\RequestEvent;
+use Symfony\Component\HttpKernel\KernelEvents;
+use Twig\Extension\RuntimeExtensionInterface;
+
+class Runtime implements RuntimeExtensionInterface, EventSubscriberInterface
+{
+    private Request $request;
+    public function __constructor()
+    {
+    }
+
+    public function isCurrentRouteActive(string ...$routes): string
+    {
+        return $this->isCurrentRoute('active', ...$routes);
+    }
+
+    public function isCurrentRoute(string $class, string ...$routes): string
+    {
+        $current_route = $this->request->attributes->get('_route');
+        return F\some($routes, F\equal($current_route)) ? $class : '';
+    }
+
+    // ----------------------------------------------------------
+
+    // Request is not a service, can't find a better way to get it
+    public function onKernelRequest(RequestEvent $event)
+    {
+        $this->request = $event->getRequest();
+    }
+
+    public static function getSubscribedEvents()
+    {
+        return [KernelEvents::REQUEST => 'onKernelRequest'];
+    }
+}

templates/settings/profile.html.twig

@@ -16,27 +16,33 @@
     <nav class='set-nav'>
       <ul>
         <li>
-                        <a href="{{ path('settings_profile') }}" class='hover-effect {% if (app.request.attributes.get('_route') starts with 'settings_profile') or (app.request.attributes.get('_route') starts with 'settings_avatar')%}active{% endif %}'>Settings</a>
+          <a href="{{ path('settings_profile') }}" class='hover-effect {{ active('settings_profile', 'settings_avatar') }}'>Settings</a>
         </li>
         <li>
-                        <a href="{{ path('settings_account') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_account' %}active{% endif %}'>Account</a>
+          <a href="{{ path('settings_account') }}" class='hover-effect {{ active('settings_account') }}'>Account</a>
         </li>
         <li>
-                        <a href="{{ path('settings_misc') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_misc' %}active{% endif %}'>Misc</a>
+          <a href="{{ path('settings_misc') }}" class='hover-effect {{ active('settings_misc') }}'>Misc</a>
         </li>
       </ul>
     </nav>
     <nav class='set-nav2'>
       <ul>
+        {# {% for tab in tabs %} #}
+        {# {% endfor %} #}
+        
         <li>
-                        <a href="{{ path('settings_profile') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_profile' %}active{% endif %}'>Profile</a>
+          <a href="{{ path('settings_profile') }}" class='hover-effect {{ active('settings_profile') }}'>Profile</a>
         </li>
         <li>
-                        <a href="{{ path('settings_avatar') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_avatar' %}active{% endif %}'>Avatar</a>
+          <a href="{{ path('settings_avatar') }}" class='hover-effect {{ active('settings_avatar') }}'>Avatar</a>
         </li>
       </ul>
     </nav>
+  </div>
+
 {% block form %}
+
 <div class='form'>
       {{ form(prof) }}
 </div>