[FIX] website_event, website_event_*: fix layout

*: website_event_booth, website_event_exhibitor, website_event_meet,
   website_event_track

This commits address several minor layout issues across the entire
`website_event` platform.

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 d7fff1167f
commit 43b48ffcec
10 changed files with 24 additions and 24 deletions
@@ -47,7 +47,7 @@
<!-- Index Topbar -->
<template id="index_topbar" name="Topbar">
<div class="container my-3">
<div class="container mt-3 mb-4">
<div class="o_wevent_index_topbar_filters d-flex d-print-none align-items-center justify-content-end flex-wrap gap-2 w-100">
<h2 class="my-0 me-auto pe-sm-4">Events</h2>
<t t-foreach="categories" t-as="category">
@@ -388,7 +388,7 @@
<!-- Index - Sidebar -->
<template id="index_sidebar" name="Sidebar">
<div id="o_wevent_index_sidebar" class="col-lg-4 ms-lg-3 ms-xl-5 my-5"/>
<div id="o_wevent_index_sidebar" class="col-lg-4 ms-lg-3 ps-xxl-5 mb-5"/>
</template>
<!-- Index - Sidebar - About us -->
@@ -16,12 +16,12 @@
<t t-set="hide_register_cta" t-value="True"/>
<t t-call="website_event.event_details">
<section class="h-100" t-cache="event if not editable and event.website_published else None">
<div class="container overflow-hidden h-100 pb-5">
<div class="container overflow-hidden pb-5">
<div class="row h-100">
<div class="col">
<div class="col pe-xxl-5">
<t t-call="website_event.navbar"/>
<!-- Show the button tickets only on mobile -->
<div class="container d-lg-none py-3">
<div class="container d-lg-none">
<t t-call="website_event.registration_template"/>
</div>
<!-- Description -->
@@ -55,7 +55,7 @@
<h4 class="mb-3">Choose your type of booth</h4>
<t t-foreach="event.event_booth_category_ids" t-as="booth_category">
<t t-set="booth_category_unavailable" t-value="booth_category not in available_booth_category_ids"/>
<div class="col-md-6 col-lg-4 mb-2">
<div class="col-md-6 col-lg-4 mb-4">
<label t-attf-class="d-block h-100 #{'o_wbooth_category_unavailable' if booth_category_unavailable else ''}">
<input type="radio" name="booth_category_id" t-att-value="booth_category.id" t-att-disabled="booth_category_unavailable"
t-att-checked="booth_category.id == selected_booth_category_id"/>
@@ -65,7 +65,7 @@
<div class="card-body">
<h5 name="booth_category_name" class="card-title" t-out="booth_category.name"/>
<span class="booth_category_price"></span>
<div t-attf-id="o_wbooth_booth_description_#{booth_category.id}"
<div class="mx-n3 small" t-attf-id="o_wbooth_booth_description_#{booth_category.id}"
t-field="booth_category.description"/>
</div>
</div>
@@ -101,8 +101,8 @@
</div>
</div>
<div class="my-3" name="booth_registration_submit">
<div class="d-flex flex-column align-content-end justify-content-end pt-3 border-top">
<button type="submit" class="o_wbooth_registration_submit btn btn-primary btn-block ms-auto fw-bold" disabled="true">
<div class="d-flex align-items-center justify-content-end pt-3 border-top gap-2 mt-4 mb-5">
<button type="submit" class="o_wbooth_registration_submit btn btn-primary btn-block" disabled="true">
<span>Book my Booth(s)</span>
</button>
</div>
@@ -34,7 +34,7 @@
</attribute>
</xpath>
<xpath expr="//button[hasclass('o_wbooth_registration_submit')]" position="before">
<div class="o_wbooth_booth_total_price d-none pb-3 text-end">
<div class="o_wbooth_booth_total_price d-none text-end">
<div class="fw-bold">
<span>Total</span>
<span t-out="float(0)"
@@ -31,7 +31,7 @@
<!-- Main topbar -->
<template id="exhibitors_topbar" name="Exhibitor Tools">
<div class="d-flex d-print-none align-items-center justify-content-end flex-wrap gap-2 w-100">
<div class="d-flex d-print-none justify-content-end flex-wrap gap-2 w-100 mt-3">
<h3 class="my-0 me-auto pe-sm-4">Exhibitors</h3>
<form class="o_wevent_event_tags_form d-none d-lg-block" action="#" method="POST">
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
@@ -30,7 +30,7 @@
<!-- ============================================================ -->
<template id="exhibitor_main" name="Exhibitor: Main Content">
<div t-att-class="'o_wesponsor_exhibitor_main col-12 border mt-3 p-0 %s' % ('col-lg-10' if option_widescreen else 'col-lg-9')">
<div t-att-class="'o_wesponsor_exhibitor_main mt-3 px-0 %s' % ('col-lg-10' if option_widescreen else 'col-lg-9 ps-lg-3 ps-xxl-5')">
<!-- EVENT NOT STARTED ALERTS -->
<t t-if="not sponsor.event_id.is_ongoing">
<div t-if="sponsor.event_id.is_done" class="alert alert-warning rounded-0 text-center" role="alert">
@@ -9,7 +9,7 @@
<div id="oe_structure_website_event_location_1" class="oe_structure"/>
<!-- Content -->
<div class="o_wemeet_container container h-100">
<div class="row h-100 mb-5 mx-0">
<div class="row h-100 mb-5">
<t t-call="website_event_meet.community_main"/>
<t t-call="website_event_meet.community_aside"/>
</div>
@@ -26,9 +26,9 @@
<!-- Meeting Rooms Main Display -->
<template id="community_main" name="Meeting Rooms: Main Display">
<div class="col-12 col-lg-8 col-xl-9 ps-0">
<div class="col-12 col-lg-8 col-xl-9 pe-xxl-5">
<t t-call="website_event.navbar"/>
<div class="d-flex flex-row align-items-center justify-content-between mb-2">
<div class="d-flex flex-row flex-wrap gap-2 pt-3 justify-content-between mb-2">
<h3 class="mb-0">Join a room</h3>
<div class="dropdown">
<a class="dropdown-toggle btn btn-light" title="Languages Menu"
@@ -168,7 +168,7 @@
<template id="community_aside" name="Community: Aside">
<div class="d-lg-flex justify-content-end col-lg-4 col-xl-3 mb-3 mb-lg-0">
<div class="o_wevent_community_aside mt-3">
<div class="d-none d-md-block mb-3" t-if="event.meeting_room_allow_creation">
<div class="d-none d-md-block mb-4" t-if="event.meeting_room_allow_creation">
<h4 class="o_page_header">Start a topic</h4>
<p>Want to create your own discussion room?</p>
<a href="#" role="button"
@@ -11,7 +11,7 @@
<!-- Drag/Drop Area -->
<div id="oe_structure_wemeet_index_1" class="oe_structure"/>
<!-- Content -->
<div t-att-class="'o_wevent_online_page_container %s' % ('container pb-3' if not option_widescreen else 'pb-3')">
<div t-att-class="'o_wevent_online_page_container %s' % ('container pb-3' if not option_widescreen else 'container-fluid pb-3')">
<div t-att-class="'row mb-5 mx-0 %s' % ('justify-content-center' if not meeting_rooms_other else '')">
<t t-if="meeting_rooms_other">
<t t-call="website_event_meet.meeting_room_aside"/>
@@ -30,7 +30,7 @@
<!-- ============================================================ -->
<template id="meeting_room_main" name="Meeting Room: Main Content">
<div t-att-class="'col-12 o_wemeet_room_main border mt-3 p-0 %s' % ('col-lg-9 col-xl-10' if option_widescreen else 'col-lg-8 col-xl-9')">
<div t-att-class="'col-12 o_wemeet_room_main mt-3 px-0 ps-lg-3 %s' % ('col-lg-9 col-xl-10' if option_widescreen else 'col-lg-8 col-xl-9')">
<!-- EVENT NOT STARTED ALERTS -->
<t t-if="not meeting_room.event_id.is_ongoing">
<div t-if="meeting_room.event_id.is_done" class="alert alert-warning text-center">
@@ -85,14 +85,14 @@
</div>
</div>
<!-- ROOM DESCRIPTION -->
<div class="mx-3">
<div>
<h5 class="mt-3" t-out="meeting_room.name"/>
<div t-if="meeting_room.room_participant_count > 0" class="text-muted mb-3">
A chat among <t t-out="meeting_room.room_participant_count"/> <span t-out="meeting_room.target_audience"/>
</div>
</div>
<hr class="my-0"/>
<div t-field="meeting_room.summary" class="my-4 mx-3 oe_no_empty"/>
<div t-field="meeting_room.summary" class="my-4 oe_no_empty"/>
</div>
</template>
@@ -116,7 +116,7 @@
<div class="flex-grow-1 mw-100">
<div class="text-truncate fw-bold" t-out="meeting_room_other.name"/>
<span class="text-muted" t-out="meeting_room_other.summary"></span>
<div class="d-flex flex-column flex-xl-row flex-wrap justify-content-between align-items-start align-items-xl-center">
<div class="d-flex flex-column flex-xl-row flex-wrap justify-content-between align-items-center mt-1">
<p class="d-flex justify-content-between align-items-center gap-2 m-0 text-muted small">
<i class="fa fa-user"></i>
<t t-out="meeting_room_other.room_participant_count"/>
@@ -241,7 +241,7 @@
<t t-set="tracks_header_name" t-value="tracks_info['name']"/>
<t t-set="tracks" t-value="tracks_info['tracks']"/>
<!-- DAY HEADER -->
<div t-attf-class="o_we_track_day_header d-flex align-items-center py-3">
<div class="o_we_track_day_header d-flex align-items-center position-relative py-3">
<div class="d-flex flex-grow-1 flex-column" t-if="tracks_date">
<span class="m-0 fw-bold" t-out="tracks_date"
t-options="{'widget': 'date', 'format': 'EEEE '}"/>
@@ -7,7 +7,7 @@
<div class="oe_structure" id="oe_structure_website_event_track_proposal_1"/>
<div class="container">
<section class="row mb-3">
<div class="col-lg-8 col-xl-9">
<div class="col-lg-8 col-xl-9 pe-xxl-5">
<t t-call="website_event.navbar"/>
<section>
<h3>Call for Proposals</h3>
@@ -101,7 +101,7 @@
</div>
</div>
<t t-call="website_event_track.event_track_proposal_contact_details"/>
<div class="o_form_buttons d-flex justify-content-end">
<div class="o_form_buttons d-flex justify-content-end pb-5">
<button type="submit" class="btn btn-primary o_wetrack_proposal_submit_button">Submit Proposal</button>
<span class="o_wetrack_proposal_error_section text-danger d-none ml8">
<i class="fa fa-close mr4" role="img" aria-label="Error" title="Error"/>