From c44caf524074acea5cc46dd151c530f755ebe141 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Rapha=C3=ABl=20Gertz?= <git@rapsys.eu>
Date: Sun, 29 Nov 2020 07:52:25 +0100
Subject: [PATCH] Change layout to have only section with subtitle inside

---
 Resources/views/session/view.html.twig | 130 ++++++++++++-------------
 1 file changed, 64 insertions(+), 66 deletions(-)

diff --git a/Resources/views/session/view.html.twig b/Resources/views/session/view.html.twig
index fe341d5..3fbdd73 100644
--- a/Resources/views/session/view.html.twig
+++ b/Resources/views/session/view.html.twig
@@ -1,81 +1,79 @@
 {% extends '@RapsysAir/body.html.twig' %}
 {% block content %}
-<section id="session">
+<section id="dashboard">
 	<h2>
 		<a href="{{ path('rapsys_air_session_view', {'id': session.id}) }}">{{ session.title }}</a>
 	</h2>
-	<section class="panel">
-		<section class="grid">
-			<div class="row">
-				<dl class="cell">
-					<dt><h3>{% trans %}Location{% endtrans %}</h3></dt>
-					<dd><a href="{{ path('rapsys_air_location_view', {'id': session.location.id}) }}">{{ session.location.title }}</a></dd>
-				</dl>
-				<dl class="cell">
-					<dt><h3>{% trans %}Slot{% endtrans %}</h3></dt>
-					<dd>{{ session.slot.title }}</dd>
-				</dl>
-				<dl class="cell">
-					<dt><h3>{% trans %}Created{% endtrans %}</h3></dt>
-					<dd>{{ session.created.format('Y-m-d H:i:s') }}</dd>
-				</dl>
-				<dl class="cell">
-					<dt><h3>{% trans %}Updated{% endtrans %}</h3></dt>
-					<dd>{{ session.updated.format('Y-m-d H:i:s') }}</dd>
-				</dl>
-			</div>
-			<div class="row">
-				<dl class="cell">
-					<dt><h3>{% trans %}Attributed to{% endtrans %}</h3></dt>
-					{% if session.application is null %}
-						<dd>{% trans %}None{% endtrans %}</dd>
-					{% else %}
-						<dd><a href="{{ path('rapsys_air_user_view', {'id': session.application.user.id}) }}">{{ session.application.user.title }}</a></dd>
-					{% endif %}
-				</dl>
-				<dl class="cell">
-					<dt><h3>{% trans %}Begin{% endtrans %}</h3></dt>
-					{% if session.begin is null %}
-						<dd>{% trans %}None{% endtrans %}</dd>
-					{% else %}
-						<dd>{{ session.begin.format('Y-m-d H:i:s') }}</dd>
-					{% endif %}
-				</dl>
-				<dl class="cell">
-					<dt><h3>{% trans %}End{% endtrans %}</h3></dt>
-					{% if session.end is null %}
-						<dd>{% trans %}None{% endtrans %}</dd>
-					{% else %}
-						<dd>{{ session.end.format('Y-m-d H:i:s') }}</dd>
-					{% endif %}
-				</dl>
-			</div>
-			<div class="sub">
+	<div class="panel calendar">
+		<div class="grid">
+			<section class="cell fourth">
+				<h3>{% trans %}Location{% endtrans %}</h3>
+				<a href="{{ path('rapsys_air_location_view', {'id': session.location.id}) }}">{{ session.location.title }}</a>
+			</section>
+			<section class="cell fourth">
+				<h3>{% trans %}Slot{% endtrans %}</h3>
+				{{ session.slot.title }}
+			</section>
+			<section class="cell fourth">
+				<h3>{% trans %}Created{% endtrans %}</h3>
+				{{ session.created.format('Y-m-d H:i:s') }}
+			</section>
+			<section class="cell fourth">
+				<h3>{% trans %}Updated{% endtrans %}</h3>
+				{{ session.updated.format('Y-m-d H:i:s') }}
+			</section>
+			<section class="cell third">
+				<h3>{% trans %}Attributed to{% endtrans %}</h3>
+				{% if session.application is null %}
+					{% trans %}None{% endtrans %}
+				{% else %}
+					<a href="{{ path('rapsys_air_user_view', {'id': session.application.user.id}) }}">{{ session.application.user.title }}</a>
+				{% endif %}
+			</section>
+			<section class="cell third">
+				<h3>{% trans %}Begin{% endtrans %}</h3>
+				{% if session.begin is null %}
+					{% trans %}None{% endtrans %}
+				{% else %}
+					{{ session.begin.format('Y-m-d H:i:s') }}
+				{% endif %}
+			</section>
+			<section class="cell third">
+				<h3>{% trans %}End{% endtrans %}</h3>
+				{% if session.end is null %}
+					{% trans %}None{% endtrans %}
+				{% else %}
+					{{ session.end.format('Y-m-d H:i:s') }}
+				{% endif %}
+			</section>
+		</div>
+		{{ include('@RapsysAir/form/_toolbox.html.twig') }}
+	</div>
+	<div class="panel candidate">
+		<div class="grid">
+			<section class="cell">
 				<h3>{% trans %}Candidates{% endtrans %}</h3>
-				<div class="row">
+				<div class="subgrid">
 					{% if session.applications is null %}
 						{% trans %}None{% endtrans %}
 					{% else %}
 						{% for application in session.applications %}
-							<dl class="cell">
-								<dt><h4><a href="{{ path('rapsys_air_user_view', {'id': application.user.id} ) }}">{{ application.user.title }}</a></h4></dt>
-								<dd>
-									<dl>
-										<dt>{% trans %}Created{% endtrans %}</dt>
-										<dd>{{ application.created.format('Y-m-d H:i:s') }}</dd>
-									</dl>
-									<dl>
-										<dt>{% trans %}Updated{% endtrans %}</dt>
-										<dd>{{ application.updated.format('Y-m-d H:i:s') }}</dd>
-									</dl>
-								</dd>
-							</dl>
+							<section class="cell">
+								<h4><a href="{{ path('rapsys_air_user_view', {'id': application.user.id} ) }}">{{ application.user.title }}</a></h4>
+								<dl>
+									<dt>{% trans %}Created{% endtrans %}</dt>
+									<dd>{{ application.created.format('Y-m-d H:i:s') }}</dd>
+								</dl>
+								<dl>
+									<dt>{% trans %}Updated{% endtrans %}</dt>
+									<dd>{{ application.updated.format('Y-m-d H:i:s') }}</dd>
+								</dl>
+							</section>
 						{% endfor %}
 					{% endif %}
 				</div>
-			</div>
-		</section>
-		{{ include('@RapsysAir/form/_toolbox.html.twig') }}
-	</section>
+			</section>
+		</div>
+	</div>
 </section>
 {% endblock %}
-- 
2.41.1