pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] website_event_meet, website_event_track: badges issues

Browse Source 
Address several design/ux issue related to badges.
In some cases badges are too small, in others the badge should be
clickable while in others should not.
In some circumstances informative components like small alerts should be
used instead.

task-3718417
part of task-3698364

Part-of: odoo/odoo#152434
This commit is contained in:
stefanorigano (SRI)
2024-03-21 19:54:27 +00:00
parent 46420d25d1
commit ba7d1930bc
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_event/views/event_templates_list.xml
+1 -1
View File
@@ -328,7 +328,7 @@
<!-- Body -->
<main t-attf-class="card-body position-relative d-flex flex-column justify-content-between gap-2 #{opt_events_list_columns and 'col-12 py-3' or 'col-8 col-lg-9 px-4'} #{not opt_events_list_cards and opt_events_list_columns and 'px-0'} #{not opt_events_list_cards and not opt_events_list_columns and 'py-0'}">
<div>
<div class="d-flex flex-wrap gap-2">
<div class="d-flex flex-wrap gap-1 small">
<t t-foreach="event.tag_ids.filtered(lambda tag: tag.category_id.website_id == website or not tag.category_id.website_id)" t-as="tag">
<span t-if="tag.color"
t-attf-class="badge mt-3 mt-sm-0 rounded-pill px-2 p-1 #{'o_tag_color_%s' % tag.color if tag.color else 'text-bg-light'}">
addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
+1 -1
View File
@@ -267,7 +267,7 @@
<h5 class="card-title d-flex align-items-start justify-content-between mt-0 mb-0">
<span t-field="sponsor.name" itemprop="name" class="text-break fs-6 mb-2"/>
<span t-if="sponsor.is_in_opening_hours and sponsor.chat_room_id"
class="ms-auto badge text-bg-danger">Live
class="alert alert-danger mb-2 px-2 py-1 smaller lh-1">Live
</span>
</h5>
<!-- Catchy sentence -->
addons/website_event_track/views/event_track_templates_list.xml
+7 -7
View File
@@ -275,16 +275,16 @@
<div t-if="tracks_date and today_tz &lt;= tracks_date"
>
<span t-if="track.is_track_live and not track.is_track_done"
class="badge text-bg-danger">Live</span>
<span t-elif="not track.is_track_done and track.is_track_soon">
class="alert alert-danger px-2 py-1">Live</span>
<span class="fw-bold" t-elif="not track.is_track_done and track.is_track_soon">
<span t-out="track.track_start_remaining"
t-options="{'widget': 'duration', 'digital': False, 'format': 'narrow',
'add_direction': True, 'unit': 'second', 'round': 'minute'}"/>
</span>
<span t-elif="not track.is_track_done and not track.is_track_soon"
<span class="fw-bold" t-elif="not track.is_track_done and not track.is_track_soon"
t-out="track.date"
t-options="{'widget': 'datetime', 'time_only': True, 'format': 'short', 'tz_name': event.date_tz}"/>
<span t-else="" class="badge text-bg-info">Finished</span>
<span t-else="" class="alert alert-dark px-2 py-1 small">Finished</span>
</div>
<!-- reminder -->
<div t-if="not event.is_done and (not track.date or today_tz &lt;= tracks_date) and option_track_wishlist"
@@ -460,14 +460,14 @@
slug(event),
keep_query('*', tags=str((search_tags - tag).ids if tag in search_tags else (tag | search_tags).ids))
)"
t-att-class="'badge %s' % ('text-bg-primary' if tag in search_tags else 'o_tag_color_hovered_0')"
t-att-class="'badge rounded-pill text-decoration-none %s' % ('text-bg-primary opacity-75-hover' if tag in search_tags else 'o_tag_color_hovered_0')"
t-out="tag.name"/>
<a t-else=""
t-att-href="'/event/%s/track?%s'% (
slug(event),
keep_query('*', tags=str(tag.ids))
)"
t-att-class="'badge o_tag_color_hovered_%s' % (tag.color)"
t-att-class="'badge rounded-pill text-decoration-none o_tag_color_hovered_%s' % (tag.color)"
t-out="tag.name"/>
</template>
@@ -476,7 +476,7 @@
t-att-class="'badge %s' % ('text-bg-primary' if tag in search_tags else 'o_tag_color_0')"
t-out="tag.name"/>
<span t-else=""
t-att-class="'badge o_tag_color_%s' % (tag.color)"
t-att-class="'badge rounded-pill o_tag_color_%s' % (tag.color)"
t-out="tag.name"/>
</template>
addons/website_event_track/views/event_track_templates_page.xml
+1 -1
View File
@@ -81,7 +81,7 @@
<div class="d-flex flex-wrap gap-1">
<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-att-class="'badge o_tag_color_%s' % (tag.color)"
t-out="tag.name"/>
</t>
</div>