blob: a6b7d5b9c354be0dd62f618e7764c9745f14059a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
|
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="event_meet" name="Meeting Rooms">
<t t-call="website_event.layout">
<div class="o_wevent_online o_wevent_online_bg o_wemeet_index">
<!-- Drag/Drop Area -->
<div id="oe_structure_website_event_location_1" class="oe_structure"/>
<!-- Content -->
<div class="o_wemeet_container container">
<div class="row mb-5 mx-0">
<t t-call="website_event_meet.community_main"/>
<t t-call="website_event_meet.community_aside"/>
</div>
</div>
<!-- Drag/Drop Area -->
<div id="oe_structure_website_event_location_2" class="oe_structure mb-5"/>
</div>
</t>
</template>
<!-- ============================================================ -->
<!-- CONTENT: MAIN TEMPLATES -->
<!-- ============================================================ -->
<!-- Meeting Rooms Main Display -->
<template id="community_main" name="Meeting Rooms: Main Display">
<div class="col-12 col-md-8 pl-0 pr-0 pr-md-3 mt-3">
<h2 class="d-flex flex-row justify-content-between">
<span>Join a room</span>
<div class="dropdown">
<a class="dropdown-toggle o-no-caret btn p-0" title="Languages Menu"
aria-label="Dropdown menu" data-display="static" data-toggle="dropdown" href="#" role="button">
<span t-esc="current_lang.name if current_lang else 'All Languages'"/> ▼</a>
<div class="dropdown-menu" role="menu">
<a class="dropdown-item" role="menuitem" t-attf-href="/event/#{slug(event)}/community">All Languages
</a>
<a class="dropdown-item" role="menuitem" t-as="language" t-attf-href="/event/#{slug(event)}/community?lang=#{language.id}" t-esc="language.name" t-foreach="available_languages"/>
</div>
</div>
</h2>
<hr class="mt-2 mb-3"/>
<p class="mt-">Choose a topic that interests you and start talking with the community. <br/> Don't forget to setup your camera and microphone.</p>
<div class="d-flex flex-column justify-content-start align-items-start">
<t t-as="meeting_room" t-call="website_event_meet.meeting_room_card" t-foreach="meeting_rooms">
<t t-set="meeting_room" t-value="meeting_room"/>
<t t-set="opened" t-value="int(meeting_room.id == open_room_id)"/>
</t>
<div t-if="not meeting_rooms" class="m-auto text-center text-muted">
<h3 class="mt8">No Room Open</h3>
<p>Create one to get conversations going</p>
</div>
</div>
</div>
</template>
<template id="meeting_room_card" name="Meeting Room Card">
<div class="modal o_join_later_modal" t-attf-id="o_join_later_modal_#{meeting_room.id}" tabindex="-1" role="dialog" style="height: 400px; top:calc(50% - 200px);">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="mt-4 col-12 alert alert-warning text-center" role="alert">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<div class="o_wevent_meeting_room_card_menu"></div>
</div>
</div>
</nav>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<t t-if="not event.is_done">
<span>This room is not open right now!</span><br />
Join us here on the
<strong itemprop="startDate" t-field="event.with_context(tz=event.date_tz).date_begin" t-options="{'format': 'medium'}"/>
to have a chat with us!
</t>
<t t-else="">
Event <span t-esc="event.name" class="font-weight-bold"/> is over.
<br/>
<span>Join us next time to chat about <b t-esc="meeting_room.name"/>!</span>
</t>
</div>
<div class="modal-body row">
<div class="col-3">
<div class="w-100" t-attf-style="background-image: #{json.loads(event.cover_properties).get('background-image')}; min-height: 5rem; background-size: cover;"/>
</div>
<div class="col">
<h5 t-esc="meeting_room.name"/>
<div class="text-muted mb-2"><i class="fa fa-globe"/> <span t-esc="meeting_room.room_lang_id.name"/></div>
<span t-if="meeting_room.summary" t-raw="meeting_room.summary"/>
</div>
</div>
</div>
</div>
</div>
<!-- Action to do when clicking on the card -->
<t t-if="event.is_ongoing or is_event_manager">
<!--During the event or if event manager-->
<t t-set="meeting_room_href" t-value="'/event/' + slug(event) + '/meeting_room/' + slug(meeting_room)"/>
</t>
<t t-elif="not event.is_ongoing and not event.is_participating">
<!--Pre-event, if not registered yet-->
<t t-set="meeting_room_href" t-value="'/event/' + slug(event) + '/register?from_room_id=%i' % meeting_room.id"/>
</t>
<t t-else="">
<!--Pre-event, if registered but event not stared yet-->
<t t-set="meeting_room_href" t-value="'#'"/>
<t t-set="meeting_room_data_toggle" t-value="'modal'"/>
<t t-set="meeting_room_data_target" t-value="'#o_join_later_modal_%i' % meeting_room.id"/>
</t>
<a t-if="is_event_manager or not meeting_room.room_is_full"
t-att-data-meeting-room-id="meeting_room.id"
t-att-data-open-room="opened"
t-att-data-is-event-manager="int(is_event_manager)"
t-attf-class="card o_wevent_meeting_room_card w-100 my-2 bg-light d-block text-decoration-none"
t-att-href="meeting_room_href"
t-att-data-toggle="meeting_room_data_toggle"
t-att-data-target="meeting_room_data_target">
<div class="text-decoration-none w-100 h-100 p-3">
<div class="o_wevent_meeting_room_corner_ribbon" t-if="meeting_room.room_is_full">Full</div>
<div class="d-flex flex-column">
<div class="d-flex flex-row justify-content-between">
<h4 class="text-break mw-75 text-uppercase" t-esc="meeting_room.name"/>
<div t-if="is_event_manager" class="w-25">
<div class="dropdown float-right dropleft">
<button class="btn py-0" data-toggle="dropdown"><h3 class="m-0">⋮</h3></button>
<div class="dropdown-menu">
<div class="dropdown-item font-weight-bold disabled">Room Manager</div>
<button class="dropdown-item btn btn-danger o_wevent_meeting_room_duplicate" type="button">Duplicate</button>
<button class="dropdown-item btn btn-danger o_wevent_meeting_room_delete" type="button">Close</button>
</div>
</div>
<button t-attf-class="o_wevent_meeting_room_is_pinned float-right btn #{'o_wevent_meeting_room_pinned' if meeting_room.is_pinned else ''}">
<i class="fa fa-thumb-tack"/>
</button>
</div>
</div>
<span class="text-muted" t-field="meeting_room.summary"/>
<div class="d-flex flex-row justify-content-between align-items-center">
<span class="h6 m-0 row">
<span t-esc="meeting_room.room_participant_count"/>&nbsp;
<span t-if="meeting_room.target_audience" class="text-uppercase" t-field="meeting_room.target_audience"/>
<span t-else="" class="text-uppercase">participant(s)</span>
</span>
<div class="d-inline border py-1 px-2 bg-secondary" t-esc="meeting_room.room_lang_id.name"/>
</div>
</div>
</div>
</a>
</template>
<!-- ============================================================ -->
<!-- ASIDE: CREATE A ROOM -->
<!-- ============================================================ -->
<template id="community_aside" name="Community: Aside">
<div class="col-md-4 p-0 mt-3 o_wevent_community_aside">
<div class="d-none d-md-block mb-3" t-if="event.meeting_room_allow_creation">
<h2>Start a topic</h2>
<hr class="mt-2 mb-3"/>
<p>Want to create your own discussion room ?</p>
<a href="#" role="button"
class="btn btn-primary o_wevent_create_room_button"
t-if="event.is_ongoing or event.start_today or is_event_manager"
t-att-data-event-id="event.id"
t-att-data-default-lang-code="default_lang_code">
<span>Create a Room</span>
</a>
<div t-else="" class="d-flex flex-column">
<button disabled="disabled" class="btn btn-primary align-self-start">Create a Room</button>
Room creation will be available when event starts at
<span class="font-weight-bold" t-field="event.with_context(tz=event.date_tz).date_begin" t-options="{'format': 'medium'}"/>
</div>
</div>
</div>
</template>
</odoo>
|
