Add Document (WIP)
This commit is contained in:
109
templates/document/index.html.twig
Normal file
109
templates/document/index.html.twig
Normal file
@@ -0,0 +1,109 @@
|
||||
{% extends 'data_entry.html.twig' %}
|
||||
|
||||
{% block title %}Document | ArCOA{% endblock %}
|
||||
|
||||
{% block rightpanel %}
|
||||
<div class="container" style="max-width: 60vw" data-controller="delete-record">
|
||||
<h1 class="is-size-1 mt-0 has-text-centered">Document</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"
|
||||
data-controller="notification"
|
||||
data-notification-target="notif">
|
||||
<button class="delete" data-action="click->notification#close"></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>Author(s)</th>
|
||||
<th>Last modified</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
{% for record in records %}
|
||||
<tr>
|
||||
<td><a href="{{ path('app_document_view', {'id' : record.id}) }}">{{ record.id }}</a></td>
|
||||
<td>
|
||||
<a data-delete-record-target="name" href="{{ path('app_document_view', {'id' : record.id}) }}">
|
||||
{{ record.title }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ record.status }}</td>
|
||||
<td>{{ record.owner }}</td>
|
||||
<td style="max-width: 350px;">{{ record.author }}</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 data-url="{{ path('app_document_del', {'id' : record.id}) }}"
|
||||
class="button is-small is-danger" title="Delete record"
|
||||
data-delete-record-target="path" data-action="click->delete-record#warn">
|
||||
<span class="icon">
|
||||
<i class="fa fa-trash"></i>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
<div class="modal" data-delete-record-target="modal">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<span class="icon is-large has-text-warning">
|
||||
<i class="fa fa-warning fa-2x"></i>
|
||||
</span>
|
||||
<p class="modal-card-title has-text-danger pl-2"><strong>Delete record?</strong></p>
|
||||
<button class="delete" aria-label="close"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<p class="is-size-5" data-delete-record-target="message"></p>
|
||||
</section>
|
||||
<footer class="modal-card-foot">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-link" data-action="click->delete-record#delete">Confirm</button>
|
||||
<button class="button is-light" id="cancel">Cancel</button>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
135
templates/document/view.html.twig
Normal file
135
templates/document/view.html.twig
Normal file
@@ -0,0 +1,135 @@
|
||||
{% extends 'data_entry.html.twig' %}
|
||||
|
||||
{% block title %}Document - {{ record.title }} | ArCOA{% endblock %}
|
||||
|
||||
{% block rightpanel %}
|
||||
<div class="container" style="max-width: 60vw" data-controller="delete-record">
|
||||
|
||||
<p class="pb-3">
|
||||
<a class="button is-link is-outlined"
|
||||
href="{{ path('app_document') }}">
|
||||
Back to index
|
||||
<span class="icon ml-2">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<h1 class="is-size-1 mt-0 has-text-centered">Document</h1>
|
||||
<h2 class="is-size-3 mt-3 has-text-centered">{{ record.title }}</h2>
|
||||
|
||||
{% for message in app.flashes('notice') %}
|
||||
<div class=" mt-4 notification is-success"
|
||||
data-controller="notification"
|
||||
data-notification-target="notif">
|
||||
<button class="delete" data-action="click->notification#close"></button>
|
||||
{{ message }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<article class="message is-info mt-3">
|
||||
<div class="message-body">
|
||||
<p>
|
||||
<strong>Last modified:</strong> {{ record.modifiedAt.format('Y-m-d') }}
|
||||
at {{ record.modifiedAt.format('H:i:s') }}
|
||||
</p>
|
||||
<p><strong>Editor:</strong> {{ record.editor }}</p>
|
||||
</div>
|
||||
</article>
|
||||
<div class="card p-5">
|
||||
{% if is_granted('ROLE_ADMIN') or is_granted('ROLE_REVISOR') %}
|
||||
<div class="columns">
|
||||
<div class="column is-half"></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>
|
||||
<a href="{{ path('app_document_copy', {'id' : record.id}) }}"
|
||||
class="button is-link">
|
||||
Copy
|
||||
<span class="icon ml-2">
|
||||
<i class="fa fa-copy"></i>
|
||||
</span>
|
||||
</a>
|
||||
<button data-url="{{ path('app_document_del', {'id' : record.id}) }}"
|
||||
class="button is-danger"
|
||||
data-delete-record-target="path" data-action="click->delete-record#warn">
|
||||
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>
|
||||
<li class="is-active">Record</li>
|
||||
<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>
|
||||
<tr><th>Editor(s)</th><td>{{ record.editor }}</td></tr>
|
||||
<tr><th>Title</th><td data-delete-record-target="name">{{ record.title }}</td></tr>
|
||||
<tr><th>Author(s)</th><td>{{ record.author }}</td></tr>
|
||||
<tr><th>Inventory identifier</th><td>{{ record.inventory }}</td></tr>
|
||||
<tr><th>Chronology</th><td>{{ record.chronology }}</td></tr>
|
||||
<tr><th>Start date</th><td>{{ record.startDate }}</td></tr>
|
||||
<tr><th>End date</th><td>{{ record.endDate }}</td></tr>
|
||||
<tr><th>Unpublished document</th><td>{{ record.unpublished }}</td></tr>
|
||||
<tr><th>Description</th><td>{{ record.description }}</td></tr>
|
||||
<tr><th>Short description</th><td>{{ record.shortDescription }}</td></tr>
|
||||
<tr><th>External identifier(s)</th><td>{{ record.externalIdentifier }}</td></tr>
|
||||
<tr><th>External link(s)</th><td>{{ record.link }}</td></tr>
|
||||
<tr><th>Subject headings</th><td>{{ record.subjectHeadings }}</td></tr>
|
||||
<tr><th>ArCOA URI</th><td>arcoa.cnr.it/document/{{ record.id }}</td></tr>
|
||||
<tr><th>Editorial notes</th><td>{{ record.notes }}</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="data-tabs is-hidden" id="relations">
|
||||
{% if record.bibliographies %}
|
||||
<p class="p-4 has-text-bold">Bibliographies</p>
|
||||
<table class="table is-fullwidth is-hoverable has-text-centered">
|
||||
<tr><th>ID</th><th>Status</th><th>Citation</th><th>Editor</th><th>Reference</th></tr>
|
||||
{% for biblio in record.bibliographies %}
|
||||
<tr>
|
||||
<td><a href="{{ path('app_bibliography', {'id' : biblio.id}) }}">{{ biblio.id }}</a></td>
|
||||
<td><a href="{{ path('app_bibliography', {'id' : biblio.id}) }}">{{ biblio.citation }}</a></td>
|
||||
<td>{{ biblio.status }}</td>
|
||||
<td>{{ biblio.editor }}</td>
|
||||
<td>{{ biblio.reference }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" data-delete-record-target="modal">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<span class="icon is-large has-text-warning">
|
||||
<i class="fa fa-warning fa-2x"></i>
|
||||
</span>
|
||||
<p class="modal-card-title has-text-danger pl-2"><strong>Delete record?</strong></p>
|
||||
<button class="delete" aria-label="close"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<p class="is-size-5" data-delete-record-target="message"></p>
|
||||
</section>
|
||||
<footer class="modal-card-foot">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-link" data-action="click->delete-record#delete">Confirm</button>
|
||||
<button class="button is-light" id="cancel">Cancel</button>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user