Add landing for collection + bidirectional many-to-many (biblio-coll)

templates/collection/landing.html.twig

@@ -0,0 +1,88 @@
+{% extends 'data_entry.html.twig' %}
+
+{% block title %}Collection | ArCOA{% endblock %}
+
+{% block rightpanel %}
+<div class="container" style="max-width: 60vw">
+    <h1 class="is-size-1 mt-0 has-text-centered">Collection</h1>
+    <h2 class="is-size-3 mt-3 has-text-centered">Choose action</h2>
+
+    {% for message in app.flashes('notice') %}
+        <div class=" mt-4 notification is-success">
+            <button class="delete"></button>
+            {{ message }}
+        </div>
+    {% endfor %}
+    <div class="card p-5 mt-6 pt-6 pb-6">
+        <div class="columns">
+            <div class="column is-half has-text-centered">
+                <button class="button is-medium">
+                    Search
+                    <span class="icon ml-2">
+                        <i class="fa fa-search"></i>
+                    </span>
+                </button>
+            </div>
+            {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_REVISOR') or is_granted('ROLE_EDITOR') %}
+            <div class="column has-text-centered">
+                <a href="" class="button is-link is-medium">
+                    Add new
+                    <span class="icon ml-2">
+                        <i class="fa fa-plus"></i>
+                    </span>
+                </a>
+            </div>
+            {% endif %}
+        </div>
+    </div>
+
+    <h3 class="has-text-centered is-size-4 mt-6">Records</h3>
+    <p class="pt-4 pb-4"><strong>{{ count }} result(s) found</strong></p>
+    <table class="table is-hoverable is-fullwidth mt-5 has-text-centered results">
+        <tr>
+            <th>ID</th>
+            <th>Title</th>
+            <th>Status</th>
+            <th>Editor</th>
+            <th>Chronology</th>
+            <th>Last modified</th>
+            <th>Actions</th>
+        </tr>
+        {% for record in records %}
+        <tr>
+            <td><a href="{{ path('app_collection', {'id' : record.id}) }}">{{ record.id }}</a></td>
+            <td><a href="{{ path('app_collection', {'id' : record.id}) }}">{{ record.title }}</a></td>
+            <td>{{ record.status }}</td>
+            <td>{{ record.owner }}</td>
+            <td style="max-width: 350px;">{{ record.chronology }}</td>
+            <td>
+                {{ record.modifiedAt.format('Y-m-d') }}<br>
+                {{ record.editor }} at {{ record.modifiedAt.format('H:i:s') }}
+            </td>
+            <td style="min-width: 120px;">
+                <div class="buttons">
+                    <button class="button is-small is-link" title="Edit record">
+                        <span class="icon">
+                            <i class="fa fa-edit"></i>
+                        </span>
+                    </button>
+                    <button class="button is-small is-danger" title="Delete record">
+                        <span class="icon">
+                            <i class="fa fa-trash"></i>
+                        </span>
+                    </button>
+                </div>
+            </td>
+        </tr>
+        {% endfor %}
+    </table>
+</div>
+<script type="text/javascript" defer>
+    const delBtns = document.querySelectorAll('.delete');
+    for (let btn of delBtns) {
+        btn.addEventListener('click', function () {
+            this.parentElement.classList.add('is-hidden');
+        })
+    }
+</script>
+{% endblock %}

templates/data_entry.html.twig

@@ -219,7 +219,7 @@
                     </a>
                 </li>
                 <li>
-                    <a href="">
+                    <a href="{{ path('app_collection_landing') }}">
                         Collection
                     </a>
                 </li>