From 79ef4f0b8f758b66ba88cd5d98512aff9c9ba921 Mon Sep 17 00:00:00 2001
From: Daniel Wilkowski <wilkowski.kontakt@gmail.com>
Date: Thu, 17 Oct 2024 11:19:55 +0200
Subject: [PATCH] Add icons editor

---
 app/Domain/Icon/Icons.php                    |  7 +-
 app/Http/Controllers/Adm/BaseController.php  |  1 +
 app/Http/Controllers/Adm/IconsController.php | 53 ++++++++++++++
 resources/views/adm/icons.twig               | 75 ++++++++++++++++++++
 routes/adm.php                               |  3 +
 5 files changed, 137 insertions(+), 2 deletions(-)
 create mode 100644 app/Http/Controllers/Adm/IconsController.php
 create mode 100644 resources/views/adm/icons.twig

diff --git a/app/Domain/Icon/Icons.php b/app/Domain/Icon/Icons.php
index 64165cc47..13ee9d993 100644
--- a/app/Domain/Icon/Icons.php
+++ b/app/Domain/Icon/Icons.php
@@ -3,6 +3,7 @@
 
 use Coyote\Domain\Html;
 use Coyote\Domain\StringHtml;
+use Illuminate\Support\Facades\Session;
 
 readonly class Icons
 {
@@ -36,7 +37,7 @@ private function iconTag(string $class, string $iconName): Html
 
     private function iconClass(string $iconName): string
     {
-        $icons = $this->fa->icons();
+        $icons = $this->icons();
         if (\array_key_exists($iconName, $icons)) {
             return $icons[$iconName];
         }
@@ -45,6 +46,8 @@ private function iconClass(string $iconName): string
 
     public function icons(): array
     {
-        return $this->fa->icons();
+        $defaultIcons = $this->fa->icons();
+        $currentIcons = \array_filter(Session::get('icons', []));
+        return \array_merge($defaultIcons, $currentIcons);
     }
 }
diff --git a/app/Http/Controllers/Adm/BaseController.php b/app/Http/Controllers/Adm/BaseController.php
index 43bfd3272..3a7d3e102 100644
--- a/app/Http/Controllers/Adm/BaseController.php
+++ b/app/Http/Controllers/Adm/BaseController.php
@@ -60,6 +60,7 @@ private function buildMenu(Menu $menu): Builder
             $menu->add('Bloki statyczne', ['route' => 'adm.blocks'])->prepend($fa('far fa-file-code fa-fw'));
             $menu->add('Faktury i płatności', ['route' => 'adm.payments'])->prepend($fa('fa-cart-shopping fa-fw'))->data('permission', 'adm-payment');
             $menu->add('Eksperymenty', ['route' => 'adm.experiments'])->prepend($fa('fa-solid fa-flask fa-fw'));
+            $menu->add('Ikony', ['route' => 'adm.icons'])->prepend($fa('fa-solid fa-icons fa-fw'));
         })
             ->filter(function (Item $item): bool {
                 if ($item->data('permission')) {
diff --git a/app/Http/Controllers/Adm/IconsController.php b/app/Http/Controllers/Adm/IconsController.php
new file mode 100644
index 000000000..6932c156c
--- /dev/null
+++ b/app/Http/Controllers/Adm/IconsController.php
@@ -0,0 +1,53 @@
+<?php
+namespace Coyote\Http\Controllers\Adm;
+
+use Coyote\Domain\Icon\FontAwesomePro;
+use Illuminate\Database\Connection;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Support\Facades\Session;
+use Illuminate\View\View;
+
+class IconsController extends BaseController
+{
+    public function __construct()
+    {
+        parent::__construct();
+        $this->breadcrumb->push('Ikony', route('adm.icons'));
+    }
+
+    public function index(FontAwesomePro $icons, Connection $connection): View
+    {
+        return $this->view('adm.icons', [
+            'editorIcons' => $this->editorIcons(\array_filter($icons->icons()), $connection),
+        ]);
+    }
+
+    private function editorIcons(array $icons, Connection $connection): array
+    {
+        $record = $connection->table('settings_key_value')->where('key', 'currentIcons')->first();
+        if ($record) {
+            $sessionIcons = \json_decode($record->value, true);
+        } else {
+            $sessionIcons = [];
+        }
+        $editorIcons = [];
+        foreach ($icons as $iconName => $defaultIcon) {
+            $editorIcons[$iconName] = [$defaultIcon, $sessionIcons[$iconName] ?? ''];
+        }
+        return $editorIcons;
+    }
+
+    public function save(Connection $connection): RedirectResponse
+    {
+        $currentIcons = $this->request->get('icons');
+        Session::put('icons', $currentIcons);
+        $connection->table('settings_key_value')->insert([
+            'key'   => date('Y-m-d H:i:s'),
+            'value' => json_encode($currentIcons),
+        ]);
+        $connection->table('settings_key_value')->updateOrInsert(
+            ['key' => 'currentIcons'],
+            ['value' => json_encode($currentIcons)]);
+        return response()->redirectToRoute('adm.icons');
+    }
+}
diff --git a/resources/views/adm/icons.twig b/resources/views/adm/icons.twig
new file mode 100644
index 000000000..35870c283
--- /dev/null
+++ b/resources/views/adm/icons.twig
@@ -0,0 +1,75 @@
+{% extends 'adm.base' %}
+{% block title %}Ikony {{ parent() }}{% endblock %}
+
+{% block card %}
+  {{ form_open({url: route('adm.icons.save'), method: 'post', id: 'app'}) }}
+  <div class="d-flex justify-content-end">
+    <p>
+      <input type="submit" value="Zapisz" class="btn btn-primary" data-submit-state="Zapisywanie...">
+    </p>
+  </div>
+  <table class="table table-striped">
+    <tr>
+      <th>umiejscowienie</th>
+      <th>ikona FontAwesome</th>
+      <th></th>
+    </tr>
+    <tr v-for="(icon, index) in icons">
+      <td>
+        <input :value="icon.location" class="form-control" disabled>
+      </td>
+      <td>
+        <input
+            :name="'icons[' + icon.location + ']'"
+            :value="icon.currentIcon"
+            :placeholder="icon.defaultIcon"
+            class="form-control"
+        ></td>
+      <td>
+        <button
+            type="button"
+            @click="reset"
+            class="btn btn-sm"
+        >
+          <i class="fa-solid fa-arrow-rotate-left"></i>
+        </button>
+      </td>
+    </tr>
+  </table>
+  {{ form_close() }}
+{% endblock %}
+
+{% block body %}
+  {{ parent() }}
+  <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.min.js"
+      integrity="sha512-XdUZ5nrNkVySQBnnM5vzDqHai823Spoq1W3pJoQwomQja+o4Nw0Ew1ppxo5bhF2vMug6sfibhKWcNJsG8Vj9tg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer">
+  </script>
+  <script>
+    const editorIcons = {{ editorIcons|json_encode|raw }};
+    new Vue({
+      name: 'Icons',
+      el: '#app',
+      delimiters: ['${', '}'],
+      data() {
+        return {
+          editorIcons,
+        };
+      },
+      computed: {
+        icons() {
+          return Object.entries(this.$data.editorIcons).map(([location, [defaultIcon, currentIcon]]) => {
+            return {location, defaultIcon, currentIcon};
+          });
+        },
+      },
+      methods: {
+        reset(event) {
+          event.currentTarget.parentElement.parentElement.querySelector('input[name]').value = '';
+        },
+      },
+    });
+  </script>
+{% endblock %}
diff --git a/routes/adm.php b/routes/adm.php
index d59f0fe19..b32d3f55c 100644
--- a/routes/adm.php
+++ b/routes/adm.php
@@ -148,5 +148,8 @@ function () {
         $this->get('Experiments/{survey}', ['uses' => 'ExperimentsController@show'])->name('experiments.show');
         $this->post('Experiments/Save', ['uses' => 'ExperimentsController@create'])->name('experiments.create');
         $this->post('Experiments/{survey}/Members', ['uses' => 'ExperimentsController@updateMembers'])->name('experiments.updateMembers');
+
+        $this->get('Icons', ['uses' => 'IconsController@index'])->name('icons');
+        $this->post('Icons', ['uses' => 'IconsController@save'])->name('icons.save');
     },
 );