From c58f33003ac2d9e068277555cae0d38b0271bc10 Mon Sep 17 00:00:00 2001
From: Buster Neece <buster@busterneece.com>
Date: Mon, 22 Jul 2024 08:59:56 -0500
Subject: [PATCH] #21 -- Make spotlighted worlds manageable via admin UI.

---
 backend/config/routes.php                     | 22 ++++-
 ...ddWorldAction.php => WorldsController.php} | 75 ++++++++++++--
 .../templates/dashboard/admin/add_world.twig  | 29 ------
 backend/templates/dashboard/admin/users.twig  |  2 +-
 .../dashboard/admin/worlds/create.twig        | 37 +++++++
 .../dashboard/admin/worlds/list.twig          | 97 +++++++++++++++++++
 backend/templates/dashboard/index.twig        |  4 +-
 .../layouts/sections/dashboard_sidebar.twig   |  3 +-
 8 files changed, 223 insertions(+), 46 deletions(-)
 rename backend/src/Controller/Dashboard/Admin/{AddWorldAction.php => WorldsController.php} (59%)
 delete mode 100644 backend/templates/dashboard/admin/add_world.twig
 create mode 100644 backend/templates/dashboard/admin/worlds/create.twig
 create mode 100644 backend/templates/dashboard/admin/worlds/list.twig

diff --git a/backend/config/routes.php b/backend/config/routes.php
index caba747..b6348ab 100644
--- a/backend/config/routes.php
+++ b/backend/config/routes.php
@@ -37,11 +37,23 @@
                 ->setName('dashboard');
 
             $group->group('/admin', function (RouteCollectorProxy $group) {
-                $group->map(
-                    ['GET', 'POST'],
-                    '/add_world',
-                    App\Controller\Dashboard\Admin\AddWorldAction::class
-                )->setName('dashboard:admin:add_world');
+                $group->group('/worlds', function (RouteCollectorProxy $group) {
+                    $group->get(
+                        '',
+                        App\Controller\Dashboard\Admin\WorldsController::class . ':listAction'
+                    )->setName('dashboard:admin:worlds');
+
+                    $group->map(
+                        ['GET', 'POST'],
+                        '/create',
+                        App\Controller\Dashboard\Admin\WorldsController::class . ':createAction'
+                    )->setName('dashboard:admin:worlds:create');
+
+                    $group->get(
+                        '/delete[/{id}]',
+                        App\Controller\Dashboard\Admin\WorldsController::class . ':deleteAction'
+                    )->setName('dashboard:admin:worlds:delete');
+                });
 
                 $group->get(
                     '/users',
diff --git a/backend/src/Controller/Dashboard/Admin/AddWorldAction.php b/backend/src/Controller/Dashboard/Admin/WorldsController.php
similarity index 59%
rename from backend/src/Controller/Dashboard/Admin/AddWorldAction.php
rename to backend/src/Controller/Dashboard/Admin/WorldsController.php
index bb7c49d..f2af8db 100644
--- a/backend/src/Controller/Dashboard/Admin/AddWorldAction.php
+++ b/backend/src/Controller/Dashboard/Admin/WorldsController.php
@@ -2,16 +2,20 @@
 
 namespace App\Controller\Dashboard\Admin;
 
+use App\Exception\NotFoundException;
 use App\Http\Response;
 use App\Http\ServerRequest;
 use App\Media;
 use App\Service\VrcApi;
+use Doctrine\DBAL\ArrayParameterType;
 use Doctrine\DBAL\Connection;
 use GuzzleHttp\Client;
 use Intervention\Image\ImageManager;
+use League\Flysystem\UnableToDeleteFile;
 use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\UploadedFileInterface;
 
-final readonly class AddWorldAction
+final readonly class WorldsController
 {
     private Client $vrcApiClient;
 
@@ -24,7 +28,29 @@ public function __construct(
         $this->vrcApiClient = $vrcApi->getHttpClient();
     }
 
-    public function __invoke(
+    public function listAction(
+        ServerRequest $request,
+        Response $response,
+        array $params
+    ): ResponseInterface {
+        $worlds = $this->db->fetchAllAssociative(
+            <<<'SQL'
+                SELECT w.*
+                FROM web_worlds AS w
+                ORDER BY id DESC
+            SQL
+        );
+
+        return $request->getView()->renderToResponse(
+            $response,
+            'dashboard/admin/worlds/list',
+            [
+                'worlds' => $worlds,
+            ]
+        );
+    }
+
+    public function createAction(
         ServerRequest $request,
         Response $response,
         array $params
@@ -72,12 +98,9 @@ public function __invoke(
                     ]
                 );
 
-                $worldDbId = $this->db->lastInsertId();
-
                 $request->getFlash()->success('World successfully imported!');
-
                 return $response->withRedirect(
-                    $request->getRouter()->urlFor('world', ['id' => $worldDbId])
+                    $request->getRouter()->urlFor('dashboard:admin:worlds')
                 );
             } catch (\Throwable $e) {
                 $error = $e->getMessage();
@@ -86,10 +109,48 @@ public function __invoke(
 
         return $request->getView()->renderToResponse(
             $response,
-            'dashboard/admin/add_world',
+            'dashboard/admin/worlds/create',
             [
                 'error' => $error,
             ]
         );
     }
+
+    public function deleteAction(
+        ServerRequest $request,
+        Response $response,
+        array $params
+    ): ResponseInterface {
+        $id = $params['id'];
+
+        $world = $this->db->fetchAssociative(
+            <<<'SQL'
+                SELECT id, image
+                FROM web_worlds
+                WHERE id = :id
+            SQL,
+            [
+                'id' => $id,
+            ]
+        );
+
+        if ($world === false) {
+            throw NotFoundException::world($request);
+        }
+
+        $fs = Media::getFilesystem();
+        $fs->delete($world['image']);
+
+        $this->db->delete(
+            'web_worlds',
+            [
+                'id' => $world['id'],
+            ]
+        );
+
+        $request->getFlash()->success('World removed.');
+        return $response->withRedirect(
+            $request->getRouter()->urlFor('dashboard:admin:worlds')
+        );
+    }
 }
diff --git a/backend/templates/dashboard/admin/add_world.twig b/backend/templates/dashboard/admin/add_world.twig
deleted file mode 100644
index f7c9f4a..0000000
--- a/backend/templates/dashboard/admin/add_world.twig
+++ /dev/null
@@ -1,29 +0,0 @@
-{% extends "layouts/dashboard.twig" %}
-
-{% import "macros/breadcrumbs.twig" as breadcrumbs %}
-
-{% block content %}
-    {{ breadcrumbs.body(
-        {
-            'dashboard': 'My Dashboard'
-        },
-        'Add VRChat World'
-    ) }}
-
-    <h1>Add VRChat World</h1>
-
-    {% if error %}
-    <div class="alert alert-danger">
-        <b>Error:</b> {{ error }}
-    </div>
-    {% endif %}
-
-    <form action="" method="post">
-        <div class="form-label-group mb-2">
-            <label for="id">VRChat World ID:</label>
-            <input class="form-control form-control-secondary" type="text" id="id" name="id" required>
-        </div>
-
-        <button type="submit" class="btn btn-primary">Submit to Database</button>
-    </form>
-{% endblock %}
diff --git a/backend/templates/dashboard/admin/users.twig b/backend/templates/dashboard/admin/users.twig
index f8f1d7d..02ba827 100644
--- a/backend/templates/dashboard/admin/users.twig
+++ b/backend/templates/dashboard/admin/users.twig
@@ -67,7 +67,7 @@
                     <th scope="col" style="width:10%">Team?</th>
                     <th scope="col" style="width:10%">DJ?</th>
                     <th scope="col" style="width:10%">Banned?</th>
-                    <th scope="col" style="width:15%">Action</th>
+                    <th scope="col" style="width:15%">Actions</th>
                 </tr>
                 </thead>
                 <tbody>
diff --git a/backend/templates/dashboard/admin/worlds/create.twig b/backend/templates/dashboard/admin/worlds/create.twig
new file mode 100644
index 0000000..927678b
--- /dev/null
+++ b/backend/templates/dashboard/admin/worlds/create.twig
@@ -0,0 +1,37 @@
+{% extends "layouts/dashboard.twig" %}
+
+{% import "macros/breadcrumbs.twig" as breadcrumbs %}
+
+{% block content %}
+    {{ breadcrumbs.body(
+        {
+            'dashboard': 'My Dashboard',
+            'dashboard:admin:worlds': 'Spotlighted Worlds'
+        },
+        'Add New Spotlighted World'
+    ) }}
+
+    <h1>Spotlighted Worlds</h1>
+
+    <div class="card">
+        <h2 class="card-header">
+            Add New Spotlighted World
+        </h2>
+        <div class="card-body">
+            {% if error %}
+                <div class="alert alert-danger">
+                    <b>Error:</b> {{ error }}
+                </div>
+            {% endif %}
+
+            <form action="" method="post">
+                <div class="form-label-group mb-2">
+                    <label for="id">VRChat World ID:</label>
+                    <input class="form-control form-control-secondary" type="text" id="id" name="id" required>
+                </div>
+
+                <button type="submit" class="btn btn-primary">Submit to Database</button>
+            </form>
+        </div>
+    </div>
+{% endblock %}
diff --git a/backend/templates/dashboard/admin/worlds/list.twig b/backend/templates/dashboard/admin/worlds/list.twig
new file mode 100644
index 0000000..f658e0a
--- /dev/null
+++ b/backend/templates/dashboard/admin/worlds/list.twig
@@ -0,0 +1,97 @@
+{% extends "layouts/dashboard.twig" %}
+
+{% import "macros/breadcrumbs.twig" as breadcrumbs %}
+
+{% block head %}
+    {{ parent() }}
+
+    <script>
+        function doFilter(filter, selector) {
+            if (filter === '') {
+                $(selector).removeClass('d-none');
+            } else {
+                $(selector).each(function() {
+                    const searchData = $.map(
+                            $(this).find('.search'),
+                            function(element) {
+                                return $(element).text()
+                            }
+                    ).join(' ');
+
+                    if (!searchData.toUpperCase().includes(filter)) {
+                        $(this).addClass('d-none');
+                    } else {
+                        $(this).removeClass('d-none');
+                    }
+                });
+            }
+        }
+
+        function filterTable(event) {
+            doFilter(
+                    event.target.value.toUpperCase(),
+                    '#data_table tbody tr'
+            );
+        }
+
+        ready(() => {
+            document.querySelector('#search_input').addEventListener('load', filterTable, false);
+            document.querySelector('#search_input').addEventListener('keyup', filterTable, false);
+        });
+    </script>
+{% endblock %}
+
+{% block content %}
+    {{ breadcrumbs.body(
+        {
+            'dashboard': 'My Dashboard'
+        },
+        'Spotlighted Worlds'
+    ) }}
+
+    <h1>Spotlighted Worlds</h1>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="d-flex align-items-center mb-3">
+                <div class="flex-fill">
+                    <input id="search_input" class="form-control" value="" type="text" Placeholder="Search..." />
+                </div>
+                <div class="ms-3 flex-shrink-0">
+                    <a href="{{ urlFor('dashboard:admin:worlds:create') }}" class="btn btn btn-success">
+                        Add New Spotlighted World
+                    </a>
+                </div>
+            </div>
+
+            <table class="table table-sm table-striped table-bordered align-middle mb-0" id="data_table">
+                <thead>
+                <tr>
+                    <th scope="col" style="width:15%">Image</th>
+                    <th scope="col" style="width:70%">World Name</th>
+                    <th scope="col" style="width:15%">Actions</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for row in worlds %}
+                    <tr>
+                        <td>
+                            <img src="{{ mediaUrl(row.image) }}" style="max-width: 128px;">
+                        </td>
+                        <th class="search" scope="row">{{ row.title }}</th>
+                        <td>
+                            <a href="{{ urlFor('world', {id: row.id}) }}" class="btn btn-secondary btn-sm">
+                                View
+                            </a>
+                            <a href="{{ urlFor('dashboard:admin:worlds:delete', {id: row.id}) }}"
+                               class="btn btn-danger btn-sm" data-confirm-danger="Remove world?">
+                                <i class="bi-trash" aria-hidden="true"></i> Remove
+                            </a>
+                        </td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+{% endblock %}
diff --git a/backend/templates/dashboard/index.twig b/backend/templates/dashboard/index.twig
index f3f0676..2fef771 100644
--- a/backend/templates/dashboard/index.twig
+++ b/backend/templates/dashboard/index.twig
@@ -82,8 +82,8 @@
                                 <i class="bi-people"></i> User Management
                             </a>
                             <a class="list-group-item list-group-item-action"
-                               href="{{ urlFor('dashboard:admin:add_world') }}">
-                                <i class="bi-globe2"></i> Add VRChat World
+                               href="{{ urlFor('dashboard:admin:worlds') }}">
+                                <i class="bi-globe2"></i> Spotlighted Worlds
                             </a>
                         </div>
                     </div>
diff --git a/backend/templates/layouts/sections/dashboard_sidebar.twig b/backend/templates/layouts/sections/dashboard_sidebar.twig
index 99ff608..527f1dd 100644
--- a/backend/templates/layouts/sections/dashboard_sidebar.twig
+++ b/backend/templates/layouts/sections/dashboard_sidebar.twig
@@ -51,8 +51,7 @@
                                     Management</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="{{ urlFor('dashboard:admin:add_world') }}">Add
-                                    VRChat World</a>
+                                <a class="nav-link" href="{{ urlFor('dashboard:admin:worlds') }}">Spotlighted Worlds</a>
                             </li>
                         </ul>
                     </div>