More layout fiddling...
This commit is contained in:
parent
da27b36eb4
commit
cdcb425839
@ -44,6 +44,8 @@ if (location.pathname.includes('login')) {
|
|||||||
|
|
||||||
if (! location.pathname.includes('login')) {
|
if (! location.pathname.includes('login')) {
|
||||||
const vocabs = document.querySelector('#vocabs');
|
const vocabs = document.querySelector('#vocabs');
|
||||||
|
const userMenu = document.querySelector('.dropdown-trigger');
|
||||||
|
|
||||||
document.querySelector('#for-vocabs').addEventListener('click', function () {
|
document.querySelector('#for-vocabs').addEventListener('click', function () {
|
||||||
vocabs.classList.toggle('is-hidden');
|
vocabs.classList.toggle('is-hidden');
|
||||||
|
|
||||||
@ -55,4 +57,8 @@ if (! location.pathname.includes('login')) {
|
|||||||
this.firstElementChild.classList.add('fa-angle-right');
|
this.firstElementChild.classList.add('fa-angle-right');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
userMenu.addEventListener('click', function () {
|
||||||
|
document.querySelector('.dropdown').classList.toggle('is-active');
|
||||||
|
});
|
||||||
}
|
}
|
||||||
@ -1,7 +1,7 @@
|
|||||||
# see https://symfony.com/doc/current/reference/configuration/framework.html
|
# see https://symfony.com/doc/current/reference/configuration/framework.html
|
||||||
framework:
|
framework:
|
||||||
secret: '%env(APP_SECRET)%'
|
secret: '%env(APP_SECRET)%'
|
||||||
#csrf_protection: true
|
csrf_protection: true
|
||||||
|
|
||||||
# Note that the session will be started ONLY if you read or write from it.
|
# Note that the session will be started ONLY if you read or write from it.
|
||||||
session: true
|
session: true
|
||||||
@ -12,5 +12,8 @@ framework:
|
|||||||
when@test:
|
when@test:
|
||||||
framework:
|
framework:
|
||||||
test: true
|
test: true
|
||||||
|
form:
|
||||||
|
csrf_protection:
|
||||||
|
enabled: true
|
||||||
session:
|
session:
|
||||||
storage_factory_id: session.storage.factory.mock_file
|
storage_factory_id: session.storage.factory.mock_file
|
||||||
|
|||||||
@ -19,6 +19,9 @@ security:
|
|||||||
login_path: app_login
|
login_path: app_login
|
||||||
check_path: app_login
|
check_path: app_login
|
||||||
enable_csrf: true
|
enable_csrf: true
|
||||||
|
logout:
|
||||||
|
path: /logout
|
||||||
|
target: app_login
|
||||||
lazy: true
|
lazy: true
|
||||||
provider: app_user_provider
|
provider: app_user_provider
|
||||||
|
|
||||||
|
|||||||
@ -14,7 +14,7 @@
|
|||||||
<body>
|
<body>
|
||||||
{% block body %}{% endblock %}
|
{% block body %}{% endblock %}
|
||||||
</body>
|
</body>
|
||||||
<footer class="footer">
|
<footer class="footer pb-5">
|
||||||
<div class="content has-text-centered">
|
<div class="content has-text-centered">
|
||||||
<p><strong><a href="/about">About</a></strong></p>
|
<p><strong><a href="/about">About</a></strong></p>
|
||||||
<p><strong><a href="/credits">Credits</a> </strong></p>
|
<p><strong><a href="/credits">Credits</a> </strong></p>
|
||||||
@ -23,5 +23,5 @@
|
|||||||
<a href="https://ispc.cnr.it">CNR-ISPC</a> - <a href="http://www.studilefili.unimi.it/ecm/home">UniMi</a>
|
<a href="https://ispc.cnr.it">CNR-ISPC</a> - <a href="http://www.studilefili.unimi.it/ecm/home">UniMi</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
213
templates/data_entry.html.twig
Normal file
213
templates/data_entry.html.twig
Normal file
@ -0,0 +1,213 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block body %}
|
||||||
|
|
||||||
|
<nav class="navbar has-background-light">
|
||||||
|
<div class="navbar-start">
|
||||||
|
<a href="/" class="navbar-item">
|
||||||
|
<strong>ArCOA Data Entry</strong>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% if app.user %}
|
||||||
|
<div class="navbar-end">
|
||||||
|
<div class="navbar-item">
|
||||||
|
<div class="buttons dropdown is-right">
|
||||||
|
<div class="dropdown-trigger">
|
||||||
|
<a class="button is-primary">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="fa fa-user-circle"></i>
|
||||||
|
</span>
|
||||||
|
<span class="pl-3">
|
||||||
|
{{ app.user.firstname }} {{ app.user.lastname }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu" role="menu">
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a href="/profile" class="dropdown-item">
|
||||||
|
<span class="icon is-small">
|
||||||
|
<i class="fa fa-user"></i>
|
||||||
|
</span>
|
||||||
|
<span class="pl-2">Profile</span>
|
||||||
|
</a>
|
||||||
|
{% if 'ROLE_ADMIN' in app.user.roles %}
|
||||||
|
<a href="/admin" class="dropdown-item">
|
||||||
|
<span class="icon is-small">
|
||||||
|
<i class="fa fa-cogs"></i>
|
||||||
|
</span>
|
||||||
|
<span class="pl-2">Admin</span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
<hr class="dropdown-divider" />
|
||||||
|
<a href="/logout" class="button is-link is-fullwidth">
|
||||||
|
<span class="icon is-small">
|
||||||
|
<i class="fa fa-sign-out"></i>
|
||||||
|
</span>
|
||||||
|
<span class="has-text-centered"> Logout</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</nav>
|
||||||
|
<div class="columns mb-0">
|
||||||
|
<div class="column is-one-fifth arcoa-menu mb-0">
|
||||||
|
<aside class="menu pl-4">
|
||||||
|
<p class="menu-label has-text-white mt-3 pt-5 pl-5 is-size-6">
|
||||||
|
Vocabularies
|
||||||
|
<span class="icon is-clickable pl-4" id="for-vocabs">
|
||||||
|
<i class="fa fa-angle-right"></i>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<ul class="pl-6 is-hidden has-text-white" id="vocabs">
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Access rights
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Civilization
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Copyright
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Document format
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Document type
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Functional context
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Language
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Medium
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Object class
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Object type
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Period
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Script
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
Text type
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
3D execution
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
3D condition
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="icon pr-3">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</span>
|
||||||
|
3D reference
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p class="menu-label has-text-white mt-3 pt-5 pl-5 is-size-6">
|
||||||
|
Records
|
||||||
|
<span class="icon is-clickable pl-4" id="for-records">
|
||||||
|
<i class="fa fa-angle-right"></i>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<div class="column mt-6 mb-6">
|
||||||
|
{% block rightpanel %}{% endblock %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
@ -1,63 +1,32 @@
|
|||||||
{% extends 'base.html.twig' %}
|
{% extends 'data_entry.html.twig' %}
|
||||||
|
|
||||||
{% block title %}Home | ArCOA{% endblock %}
|
{% block title %}Home | ArCOA{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block rightpanel %}
|
||||||
|
<div class="has-text-centered">
|
||||||
<div class="columns mb-0">
|
<img width="200px" src="{{ asset('img/Logo-ArCOA-def.png') }}" />
|
||||||
<div class="column is-one-fifth arcoa-menu mb-0">
|
|
||||||
<aside class="menu">
|
|
||||||
<p class="menu-label has-text-white mt-3 pt-5 pl-5 is-size-6">
|
|
||||||
Vocabularies
|
|
||||||
<span class="icon is-clickable pl-4" id="for-vocabs">
|
|
||||||
<i class="fa fa-angle-right"></i>
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
<ul class="pl-6 is-hidden has-text-white" id="vocabs">
|
|
||||||
<li><a>Access rights</a></li>
|
|
||||||
<li><a>Civilization</a></li>
|
|
||||||
<li><a>Copyright</a></li>
|
|
||||||
<li><a>Document format</a></li>
|
|
||||||
<li><a>Document type</a></li>
|
|
||||||
<li><a>Functional context</a></li>
|
|
||||||
<li><a>Language</a></li>
|
|
||||||
<li><a>License</a></li>
|
|
||||||
<li><a>Medium</a></li>
|
|
||||||
<li><a>Object class</a></li>
|
|
||||||
<li><a>Object type</a></li>
|
|
||||||
<li><a>Period</a></li>
|
|
||||||
<li><a>Script</a></li>
|
|
||||||
<li><a>Text type</a></li>
|
|
||||||
</ul>
|
|
||||||
</aside>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="column mt-6 mb-6">
|
<h1 class="is-size-1 mt-6 mb-6 has-text-centered">ArCOA Digital Archive</h1>
|
||||||
<div class="has-text-centered">
|
<h2 class="is-size-3 mb-3 has-text-centered">Archivi e Collezioni dell'Oriente Antico</h2>
|
||||||
<img width="200px" src="{{ asset('img/Logo-ArCOA-def.png') }}" />
|
<h2 class="is-size-3 mb-6 has-text-centered">Archives and Collections of the Ancient Near East</h2>
|
||||||
</div>
|
|
||||||
<h1 class="is-size-1 mt-6 mb-6 has-text-centered">ArCOA Digital Archive</h1>
|
|
||||||
<h2 class="is-size-3 mb-3 has-text-centered">Archivi e Collezioni dell'Oriente Antico</h2>
|
|
||||||
<h2 class="is-size-3 mb-6 has-text-centered">Archives and Collections of the Ancient Near East</h2>
|
|
||||||
|
|
||||||
<div class="columns" style="max-width: 35vw; margin: 0 auto;">
|
<div class="columns" style="max-width: 35vw; margin: 0 auto;">
|
||||||
<div class="column mt-6 mb-5">
|
<div class="column mt-6 mb-5">
|
||||||
<div class="card content p-4 is-clickable">
|
<div class="card content p-4 is-clickable">
|
||||||
<h3 class="is-size-5 has-text-centered">Resources</h3>
|
<h3 class="is-size-5 has-text-centered">Resources</h3>
|
||||||
<figure class="figure has-text-centered">
|
<figure class="figure has-text-centered">
|
||||||
<img src="{{ asset('img/media.png') }}" width="120px" />
|
<img src="{{ asset('img/media.png') }}" width="120px" />
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="column mt-6 mb-5">
|
</div>
|
||||||
<div class="card content p-4 is-clickable">
|
<div class="column mt-6 mb-5">
|
||||||
<h3 class="is-size-5 has-text-centered">Guide</h3>
|
<div class="card content p-4 is-clickable">
|
||||||
<figure class="figure has-text-centered">
|
<h3 class="is-size-5 has-text-centered">Guide</h3>
|
||||||
<img src="{{ asset('img/guide.png') }}" width="120px"/>
|
<figure class="figure has-text-centered">
|
||||||
</figure>
|
<img src="{{ asset('img/guide.png') }}" width="120px"/>
|
||||||
</div>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user