136 lines
7.5 KiB
XML
136 lines
7.5 KiB
XML
|
<?xml version="1.0" encoding="utf-8"?>
|
||
|
|
<odoo>
|
||
|
|
|
||
|
|
<template id="event_meet_main" name="Event Meet">
|
||
|
|
<t t-set="no_header" t-value="option_widescreen"/>
|
||
|
|
<t t-set="no_footer" t-value="option_widescreen"/>
|
||
|
|
<t t-call="website_event.layout">
|
||
|
|
<div class="o_wevent_online o_wemeet_index">
|
||
|
|
<!-- Options -->
|
||
|
|
<t t-set="option_widescreen" t-value="option_widescreen or False"/>
|
||
|
|
<!-- 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="'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"/>
|
||
|
|
</t>
|
||
|
|
<t t-call="website_event_meet.meeting_room_main"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Drag/Drop Area -->
|
||
|
|
<div id="oe_structure_wemeet_index_2" class="oe_structure"/>
|
||
|
|
</div>
|
||
|
|
</t>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<!-- ============================================================ -->
|
||
|
|
<!-- CONTENT: MAIN TEMPLATES -->
|
||
|
|
<!-- ============================================================ -->
|
||
|
|
|
||
|
|
<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')">
|
||
|
|
<!-- 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">
|
||
|
|
The event <span t-out="meeting_room.event_id.name" class="fw-bold"/> is over.
|
||
|
|
<br/>
|
||
|
|
<span>Join us next time to chat about <b t-out="meeting_room.name"/>!</span>
|
||
|
|
</div>
|
||
|
|
<div t-else="" class="alert alert-warning text-center">
|
||
|
|
The event <span t-out="meeting_room.event_id.name" class="fw-bold"/>
|
||
|
|
<span t-if="meeting_room.event_id.start_today">
|
||
|
|
starts in
|
||
|
|
<span t-if="meeting_room.event_id.start_remaining >= 1" t-out="meeting_room.event_id.start_remaining"
|
||
|
|
t-options="{'widget': 'duration', 'digital': False, 'unit': 'minute', 'round': 'minute'}"/>
|
||
|
|
<t t-else="">
|
||
|
|
a few seconds
|
||
|
|
</t>.
|
||
|
|
</span>
|
||
|
|
<span class="my-0" t-else="meeting_room.event_id.start_today">
|
||
|
|
starts on
|
||
|
|
<span t-field="meeting_room.event_id.with_context(tz=meeting_room.event_id.date_tz).date_begin"
|
||
|
|
t-options="{'format': 'medium'}"/> (<t t-out="meeting_room.event_id.date_tz"/>).
|
||
|
|
</span>
|
||
|
|
<br/>
|
||
|
|
<span>Join us there to chat about <b t-out="meeting_room.name"/>!</span>
|
||
|
|
</div>
|
||
|
|
</t>
|
||
|
|
<!-- ROOM CONTENT -->
|
||
|
|
<div class="d-flex flex-column">
|
||
|
|
<div t-if="meeting_room.room_is_full and not is_event_user" class="alert alert-warning text-center">
|
||
|
|
<span>Oops! This room is full!</span><br />Come back later to have a chat with us!
|
||
|
|
</div>
|
||
|
|
<div t-else="" class="d-flex flex-column">
|
||
|
|
<div id="o_wemeet_jitsi_iframe">
|
||
|
|
<div class="o_wjitsi_chat_room_loading position-absolute w-100 text-center text-muted">
|
||
|
|
<i class="fa fa-spin fa-circle-o-notch me-3"/>
|
||
|
|
<span>Loading your room...</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="d-flex flex-row-reverse">
|
||
|
|
<t t-call="website_jitsi.chat_room_join_button">
|
||
|
|
<t t-set="_classes" t-value="'d-none'"/>
|
||
|
|
<t t-set="room_name" t-value="meeting_room.room_name"/>
|
||
|
|
<t t-set="chat_room_id" t-value="meeting_room.chat_room_id.id"/>
|
||
|
|
<t t-set="auto_open" t-value="1"/>
|
||
|
|
<t t-set="attach_to" t-value="'#o_wemeet_jitsi_iframe'"/>
|
||
|
|
<t t-set="max_capacity" t-value="meeting_room.room_max_capacity"/>
|
||
|
|
<t t-set="check_full" t-value="int(not is_event_user)"/>
|
||
|
|
<t t-set="default_username" t-value="default_username"/>
|
||
|
|
<t t-set="jitsi_server_domain" t-value="meeting_room.chat_room_id.jitsi_server_domain"/>
|
||
|
|
</t>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- ROOM DESCRIPTION -->
|
||
|
|
<div class="mx-3">
|
||
|
|
<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>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<!-- ============================================================ -->
|
||
|
|
<!-- ASIDE: CONTROL PANEL -->
|
||
|
|
<!-- ============================================================ -->
|
||
|
|
|
||
|
|
<template id="meeting_room_aside" name="Meeting Room: Aside">
|
||
|
|
<div t-att-class="'o_wevent_online_page_aside col-12 mt-3 ps-0 pe-0 border %s' % ('col-lg-3 col-xl-2' if option_widescreen else 'col-lg-4 col-xl-3')">
|
||
|
|
<div class="o_wevent_online_page_aside_content">
|
||
|
|
<div class="d-flex align-items-center justify-content-between me-2">
|
||
|
|
<h5 class="m-3">Other Rooms</h5>
|
||
|
|
<a href="#collapse_meet_room_aside" data-bs-toggle="collapse" class="d-lg-none p-2 text-decoration-none o_wevent_online_page_aside_collapse collapsed">
|
||
|
|
<i class="oi oi-chevron-down d-lg-none"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<ul id="collapse_meet_room_aside" class="list-group list-group-flush collapse d-lg-block border-top">
|
||
|
|
<li class="list-group-item list-group-item-action" t-foreach="meeting_rooms_other" t-as="meeting_room_other">
|
||
|
|
<a class="text-decoration-none text-dark"
|
||
|
|
t-att-href="'/event/%s/meeting_room/%s' % (slug(event), slug(meeting_room_other))">
|
||
|
|
<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">
|
||
|
|
<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"/>
|
||
|
|
<t t-out="meeting_room_other.target_audience"/>
|
||
|
|
</p>
|
||
|
|
<small t-if="meeting_room_other.room_lang_id" class="badge text-bg-secondary"> <t t-out="meeting_room_other.room_lang_id.name"/></small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
</odoo>
|