[FIX] website_event_track_session: add tags in track page description
PURPOSE Improve tracks list display at current solution does not scale well with lots of tracks. SPECIFICATIONS Add tags under track name in track page view. Indeed they are displayed in list view but not on page view. We think they are part of track description. Also fix mobile display: move buttons under name/tags in mobile to avoid strange display. We can now also use the full reminder widget as buttons (quiz included) are on another line. Put location and hours into a single line to avoid loosing space. Finally tweak a bit mobile margins to gain space. UDPATE * website_event_track_session.event_track_content LINKS Task ID-2322408 PR #56095 X-original-commit: ce2ffe189f59bccb1d0b806fb8bdf722a6611bed
This commit is contained in:
@@ -54,21 +54,20 @@
|
||||
</div>
|
||||
<!-- TRACK DESCRIPTION -->
|
||||
<div class="o_wesession_track_main_description">
|
||||
<div class="mx-3 pt-3 d-flex justify-content-between">
|
||||
<span class="h4" t-esc="track.name"/>
|
||||
<div class="o_we_track_action_buttons d-flex justify-content-end align-items-center flex-wrap">
|
||||
<div class="mx-3 pt-3 mb-3 d-flex justify-content-between flex-column flex-md-row">
|
||||
<div class="d-flex flex-column">
|
||||
<span class="h4 mb-0" t-esc="track.name"/>
|
||||
<div>
|
||||
<t t-foreach="track.tag_ids" t-as="tag">
|
||||
<span t-if="tag.color"
|
||||
t-att-class="'badge o_tag_color_hovered_%s' % (tag.color)"
|
||||
t-esc="tag.name"/>
|
||||
</t>
|
||||
</div>
|
||||
</div>
|
||||
<div class="o_we_track_action_buttons d-flex justify-content-md-end align-items-center flex-wrap">
|
||||
<div class="o_we_track_reminder_button my-1">
|
||||
<!-- Mobile -->
|
||||
<div t-if="option_track_wishlist and not track.is_track_done"
|
||||
class="d-md-none d-inline ml-auto"
|
||||
t-call="website_event_track_online.track_widget_reminder">
|
||||
<t t-set="reminder_small" t-value="True"/>
|
||||
<t t-set="reminder_light" t-value="True"/>
|
||||
<t t-set="light_theme" t-value="False"/>
|
||||
</div>
|
||||
<!-- Desktop -->
|
||||
<div t-if="option_track_wishlist and not track.is_track_done"
|
||||
class="d-none d-sm-inline"
|
||||
t-call="website_event_track_online.track_widget_reminder">
|
||||
<t t-set="reminder_small" t-value="False"/>
|
||||
<t t-set="reminder_light" t-value="False"/>
|
||||
@@ -77,6 +76,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-3 text-muted">
|
||||
<t t-if="track.location_id">
|
||||
<strong>Location:</strong> <span t-field="track.location_id"/>
|
||||
<span> - </span>
|
||||
</t>
|
||||
<span t-field="track.date"
|
||||
t-options='{"hide_seconds":"True", "format": "short"}'/>
|
||||
-
|
||||
@@ -88,9 +91,7 @@
|
||||
(<span t-field="track.duration"
|
||||
t-options='{"widget": "duration", "unit": "hour", "round": "minute"}'/>)
|
||||
</div>
|
||||
<div class="mx-3 text-muted" t-if="track.location_id">
|
||||
<strong>Location:</strong> <span t-field="track.location_id"/>
|
||||
</div>
|
||||
|
||||
<hr class="mt-2 mb-0"/>
|
||||
|
||||
<!-- ABOUT AUTHOR -->
|
||||
@@ -98,7 +99,7 @@
|
||||
<div class="mt-2 d-flex">
|
||||
<span t-if="track.image" t-field="track.image" class="o_wevent_online_page_avatar"
|
||||
t-options="{'widget': 'image', 'class': 'rounded-circle', 'max_width': '96'}"/>
|
||||
<div class="px-3 d-flex flex-column">
|
||||
<div class="pl-2 pr-0 pr-md-2 d-flex flex-column">
|
||||
<span t-field="track.partner_name" class="font-weight-bold mb-2"/>
|
||||
<span class="mb-1 d-flex align-items-baseline text-break" t-if="track.partner_function">
|
||||
<i class="fa fa-briefcase mr-2"/><span t-esc="track.partner_function"/>
|
||||
|
||||
Reference in New Issue
Block a user