[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:
@@ -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"/>
|
||||
|
||||
Reference in New Issue
Block a user