[IMP] website_event: improve "registration done" location display

Currently event location is displayed on the right of timing / calendar
buttons. This feels a bit strange as it is a bit lost in the screen.

In this commit we simplify display by displaying: registration taken, then
location, then timing + buttons. This was already the look-and-feel in
mobile and is therefore simpler.

Task ID-2325017
COM PR odoo/odoo#57744
ENT PR #13571

X-original-commit: f79a20b140069d6ef836f36e7bb5b6aefb736b76
This commit is contained in:
Quentin Mourier
2020-09-28 18:17:01 +00:00
committed by Thibault Delavallée
parent 3fa35f311b
commit eb0383de8c
@@ -336,8 +336,22 @@
</div>
</div>
<div class="row mb-3">
<div class="col-lg-8">
<div class="col">
<p><b>Start</b> <span itemprop="startDate" t-esc="event.date_begin_located"/><br/> <b>End</b> <span itemprop="endDate" t-esc="event.date_end_located"/></p>
<div class="mt-4">
<h5 t-field="event.address_id" class="text-secondary font-weight-bold" t-options='{
"widget": "contact",
"fields": ["name"]
}'/>
<a itemprop="location" t-att-href="event.google_map_link()" target="_BLANK" temprop="location" t-field="event.address_id" t-options='{
"widget": "contact",
"fields": ["address"]
}'/>
<div itemprop="location" t-field="event.address_id" t-options='{
"widget": "contact",
"fields": ["phone", "mobile", "email"]
}'/>
</div>
<div id="add_to_calendar" class="mt-4 d-flex flex-column flex-md-row">
<a role="button" class="btn btn-primary" t-att-href="iCal_url">
<i class="fa fa-fw fa-calendar"/> Add to iCal/Outlook
@@ -347,20 +361,6 @@
</a>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0">
<h4 t-field="event.address_id" class="text-secondary font-weight-bold" t-options='{
"widget": "contact",
"fields": ["name"]
}'/>
<a itemprop="location" t-att-href="event.google_map_link()" target="_BLANK" temprop="location" t-field="event.address_id" t-options='{
"widget": "contact",
"fields": ["address"]
}'/>
<div itemprop="location" t-field="event.address_id" t-options='{
"widget": "contact",
"fields": ["phone", "mobile", "email"]
}'/>
</div>
</div>
</div>
</t>