From d6cd33019de44d0801b93d7b37f113853cd1f6a0 Mon Sep 17 00:00:00 2001
From: Hugo Sales <hugo@hsal.es>
Date: Sat, 1 Jan 2022 22:17:26 +0000
Subject: [PATCH] [UI][PLUGIN][Directory] Add sort options to UI

---
 plugins/Directory/Controller/Directory.php        | 15 +++++++++++++++
 .../templates/directory/actors.html.twig          |  7 +++++++
 2 files changed, 22 insertions(+)

diff --git a/plugins/Directory/Controller/Directory.php b/plugins/Directory/Controller/Directory.php
index f786002b15..9cddd0b06a 100644
--- a/plugins/Directory/Controller/Directory.php
+++ b/plugins/Directory/Controller/Directory.php
@@ -129,11 +129,26 @@ class Directory extends FeedController
         };
         // -------- *** --------
 
+        $sort_options = [];
+        foreach (self::ALLOWED_FIELDS as $al) {
+            $sort_options[] = [
+                'active' => false,
+                'url'    => '?order_by=' . $al . '^',
+                'label'  => _m('{order_by} ascending', ['{order_by}' => ucfirst($al)]),
+            ];
+            $sort_options[] = [
+                'active' => false,
+                'url'    => '?order_by=' . $al . 'v',
+                'label'  => _m('{order_by} descending', ['{order_by}' => ucfirst($al)]),
+            ];
+        }
+
         return [
             '_template'     => 'directory/actors.html.twig',
             'actors'        => $query_fn($actor_type),
             'title'         => $title,
             'empty_message' => $empty_message,
+            'sort_options'  => $sort_options,
             'page'          => $page,
         ];
     }
diff --git a/plugins/Directory/templates/directory/actors.html.twig b/plugins/Directory/templates/directory/actors.html.twig
index be73125ff3..d9f9b8e1b9 100644
--- a/plugins/Directory/templates/directory/actors.html.twig
+++ b/plugins/Directory/templates/directory/actors.html.twig
@@ -6,6 +6,13 @@
 <section class="section-widget section-padding">
     <h2 class="section-title">{{ title }}</h2>
 
+    <div>
+        <p>{% trans %}Sort by:{% endtrans %}</p>
+        {% for option in sort_options %}
+            <a {{ option.active ? 'class="active"' : '' }} href="{{ option.url }}">{{ option.label }}</a>
+        {% endfor %}
+    </div>
+
     <div class="section-padding">
         {% if actors is defined and actors is not empty %}
             {% for actor in actors %}