89 lines
3.3 KiB
Twig
89 lines
3.3 KiB
Twig
{% extends 'data_entry.html.twig' %}
|
|
|
|
{% block title %}Bibliography | ArCOA{% endblock %}
|
|
|
|
{% block rightpanel %}
|
|
<div class="container" style="max-width: 60vw">
|
|
<h1 class="is-size-1 mt-0 has-text-centered">Bibliography</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="{{ path('app_bibliography_create') }}" 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>Citation</th>
|
|
<th>Status</th>
|
|
<th>Editor</th>
|
|
<th>Reference</th>
|
|
<th>Last modified</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
{% for record in records %}
|
|
<tr>
|
|
<td><a href="{{ path('app_bibliography', {'id' : record.id}) }}">{{ record.id }}</a></td>
|
|
<td><a href="{{ path('app_bibliography', {'id' : record.id}) }}">{{ record.citation }}</a></td>
|
|
<td>{{ record.status }}</td>
|
|
<td>{{ record.owner }}</td>
|
|
<td style="max-width: 350px;">{{ record.reference }}</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 %}
|