From 6c47dc8a1e9516e60a733481b937376165402a56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Thu, 31 Oct 2024 16:23:09 +0100
Subject: [PATCH] Some styling + draft 404 page

---
 assets/styles/app.css                         |  2 +-
 composer.lock                                 |  2 +-
 config/packages/security.yaml                 |  1 +
 templates/bibliography/index.html.twig        | 38 +++++++++++--------
 .../TwigBundle/Exception/error404.html.twig   |  9 +++++
 templates/data_entry.html.twig                |  4 +-
 6 files changed, 36 insertions(+), 20 deletions(-)
 create mode 100644 templates/bundles/TwigBundle/Exception/error404.html.twig

diff --git a/assets/styles/app.css b/assets/styles/app.css
index 54149c9..6bf1be2 100755
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -30,4 +30,4 @@ body {
 
 .table.record th {
     min-width: 220px;
-}
+}
\ No newline at end of file
diff --git a/composer.lock b/composer.lock
index 54629be..5eb85c2 100644
--- a/composer.lock
+++ b/composer.lock
@@ -9844,5 +9844,5 @@
         "ext-iconv": "*"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.6.0"
+    "plugin-api-version": "2.1.0"
 }
diff --git a/config/packages/security.yaml b/config/packages/security.yaml
index c0b46ab..448631d 100644
--- a/config/packages/security.yaml
+++ b/config/packages/security.yaml
@@ -37,6 +37,7 @@ security:
         - { path: ^/$, roles: ROLE_USER }
         - { path: ^/admin, roles: ROLE_ADMIN }
         - { path: ^/profile, roles: ROLE_USER }
+        - { path: ^/bibliography, roles: ROLE_USER }
 
 when@test:
     security:
diff --git a/templates/bibliography/index.html.twig b/templates/bibliography/index.html.twig
index ec16327..7c6b89f 100644
--- a/templates/bibliography/index.html.twig
+++ b/templates/bibliography/index.html.twig
@@ -7,8 +7,7 @@
     <h1 class="is-size-1 mt-0 has-text-centered">Bibliography</h1>
     <h2 class="is-size-3 mt-3 has-text-centered">{{ record.citation }}</h2>
 
-    <div class="container mt-6">
-        <article class="message">
+        <article class="message is-info mt-3">
             <div class="message-body">
                 <p>
                     <strong>Last modified:</strong> {{ record.modifiedAt.format('Y-m-d') }}
@@ -19,19 +18,22 @@
         </article>
         <div class="card p-5">
         {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_REVISOR') %}
-            <div class="buttons">
-                <button class="button is-link">
-                    Edit
-                    <span class="icon ml-2">
-                        <i class="fa fa-edit"></i>
-                    </span>
-                <button class="button is-danger">
-                    Delete
-                    <span class="icon ml-2">
-                        <i class="fa fa-trash"></i>
-                    </span>
-                </button>
-            </div>
+        <div class="columns is-desktop">
+                <div class="column is-three-quarters"></div>
+                <div class="column has-text-right">
+                    <button class="button is-link">
+                        Edit
+                        <span class="icon ml-2">
+                            <i class="fa fa-edit"></i>
+                        </span>
+                    <button class="button is-danger ml-2">
+                        Delete
+                        <span class="icon ml-2">
+                            <i class="fa fa-trash"></i>
+                        </span>
+                    </button>
+                </div>
+        </div>
         {% endif %}
         <div class="tabs is-boxed is-fullwidth">
             <ul>
@@ -39,6 +41,7 @@
                 <li>Relations</li>
             </ul>
         </div>
+        <div class="data-tabs" id="record">
             <table class="table is-fullwidth pt-4 record">
                 <tr><th>Record ID</th><td>{{ record.id }}</td></tr>
                 <tr><th>Status</th><td>{{ record.getStatus() }}</td></tr>
@@ -48,7 +51,10 @@
                 <tr><th>Editorial notes</th><td>{{ record.notes }}</td></tr>
             </table>
         </div>
-    </div>
+        <div class="data-tabs is-hidden" id="relations">
+            Some stuff...
+        </div>
+        </div>
 </div>
 <script type="text/javascript" defer></script>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/bundles/TwigBundle/Exception/error404.html.twig b/templates/bundles/TwigBundle/Exception/error404.html.twig
new file mode 100644
index 0000000..798d197
--- /dev/null
+++ b/templates/bundles/TwigBundle/Exception/error404.html.twig
@@ -0,0 +1,9 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}404 - Not Found | ArCOA{% endblock %}
+
+{% block body %}
+
+<h1 class="is-size-1 has-text-centered">404 - Not Found</h1>
+
+{% endblock %}
diff --git a/templates/data_entry.html.twig b/templates/data_entry.html.twig
index 911bb83..1c2f65d 100644
--- a/templates/data_entry.html.twig
+++ b/templates/data_entry.html.twig
@@ -31,14 +31,14 @@
                         <span class="icon is-small">
                             <i class="fa fa-user"></i>
                         </span>
-                        <span class="pl-2">Profile</span>
+                        <span class="pl-2 is-size-6">Profile</span>
                     </a>
                   {% if  is_granted('ROLE_ADMIN') %}
                     <a href="/admin" class="dropdown-item">
                         <span class="icon is-small">
                             <i class="fa fa-cogs"></i>
                         </span>
-                        <span class="pl-2">Admin</span>
+                        <span class="pl-2 is-size-6">Admin</span>
                     </a>
                   {% endif %}
                   <hr class="dropdown-divider" />