1
+ function ( properties , context ) {
2
+
3
+ var meetingtoken = properties . token
4
+
5
+ //center style meeting token is empty
6
+
7
+ if ( properties . size == 'center' && window . innerWidth > 600 && meetingtoken == null ) {
8
+
9
+ callFrame = window . DailyIframe . createFrame ( {
10
+ iframeStyle : {
11
+ zIndex : 10 ,
12
+ top :'0em' ,
13
+ bottom :'0em' ,
14
+ right :'0em' ,
15
+ position : 'fixed' ,
16
+ width : '100%' ,
17
+ height : '100%' ,
18
+
19
+ } ,
20
+
21
+ showLeaveButton : true ,
22
+ showFullscreenButton : true
23
+ } ) ;
24
+ callFrame . join ( { url : properties . roomurl } )
25
+ callFrame . on ( 'left-meeting' , ( event ) => {
26
+ console . log ( 'left-meeting event' , event ) ;
27
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
28
+ } ) ;
29
+
30
+ }
31
+
32
+
33
+ // center style meeting token is not empty
34
+
35
+
36
+ if ( properties . size == 'center' && window . innerWidth > 600 && meetingtoken !== null ) {
37
+
38
+ callFrame = window . DailyIframe . createFrame ( {
39
+ iframeStyle : {
40
+ zIndex : 10 ,
41
+ top :'0em' ,
42
+ bottom :'0em' ,
43
+ right :'0em' ,
44
+ position : 'fixed' ,
45
+ width : '100%' ,
46
+ height : '100%' ,
47
+
48
+ } ,
49
+
50
+ showLeaveButton : true ,
51
+ showFullscreenButton : true
52
+ } ) ;
53
+ callFrame . join ( { url : properties . roomurl , token : properties . token } )
54
+ callFrame . on ( 'left-meeting' , ( event ) => {
55
+ console . log ( 'left-meeting event' , event ) ;
56
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
57
+ } ) ;
58
+
59
+ }
60
+
61
+ //bottom right style meetingtoken is empty
62
+
63
+ if ( properties . size == 'bottom right' && window . innerWidth > 600 && meetingtoken == null ) {
64
+
65
+ callFrame = window . DailyIframe . createFrame ( {
66
+ iframeStyle : {
67
+ zIndex : 10 ,
68
+ position : 'fixed' ,
69
+ width : '375px' ,
70
+ height : '450px' ,
71
+ right : '1em' ,
72
+ bottom : '1em'
73
+ } ,
74
+
75
+ showLeaveButton : true ,
76
+ showFullscreenButton : true
77
+ } ) ;
78
+ callFrame . join ( { url : properties . roomurl } )
79
+ callFrame . on ( 'left-meeting' , ( event ) => {
80
+ console . log ( 'left-meeting event' , event ) ;
81
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
82
+ } ) ;
83
+
84
+ }
85
+
86
+ //bottom right style meetingtoken is not empty
87
+
88
+ if ( properties . size == 'bottom right' && window . innerWidth > 600 && meetingtoken !== null ) {
89
+
90
+ callFrame = window . DailyIframe . createFrame ( {
91
+ iframeStyle : {
92
+ zIndex : 10 ,
93
+ position : 'fixed' ,
94
+ width : '375px' ,
95
+ height : '450px' ,
96
+ right : '1em' ,
97
+ bottom : '1em'
98
+ } ,
99
+
100
+ showLeaveButton : true ,
101
+ showFullscreenButton : true
102
+ } ) ;
103
+ callFrame . join ( { url : properties . roomurl , token : properties . token } )
104
+ callFrame . on ( 'left-meeting' , ( event ) => {
105
+ console . log ( 'left-meeting event' , event ) ;
106
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
107
+ } ) ;
108
+
109
+ }
110
+
111
+
112
+ //top right style meetingtoken is empty
113
+
114
+ if ( properties . size == 'top right' && window . innerWidth > 600 && meetingtoken == null ) {
115
+
116
+ callFrame = window . DailyIframe . createFrame ( {
117
+ iframeStyle : {
118
+ zIndex : 1000 ,
119
+ position : 'fixed' ,
120
+ width : '375px' ,
121
+ height : '450px' ,
122
+ right : '1em' ,
123
+ top : '0em'
124
+ } ,
125
+
126
+ showLeaveButton : true ,
127
+ showFullscreenButton : true
128
+ } ) ;
129
+ callFrame . join ( { url : properties . roomurl } )
130
+ callFrame . on ( 'left-meeting' , ( event ) => {
131
+ console . log ( 'left-meeting event' , event ) ;
132
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
133
+ } ) ;
134
+
135
+ }
136
+
137
+ //top right style meetingtoken is not empty
138
+
139
+ if ( properties . size == 'top right' && window . innerWidth > 600 && meetingtoken !== null ) {
140
+
141
+ callFrame = window . DailyIframe . createFrame ( {
142
+ iframeStyle : {
143
+ zIndex : 1000 ,
144
+ position : 'fixed' ,
145
+ width : '375px' ,
146
+ height : '450px' ,
147
+ right : '1em' ,
148
+ top : '0em'
149
+ } ,
150
+
151
+ showLeaveButton : true ,
152
+ showFullscreenButton : true
153
+ } ) ;
154
+ callFrame . join ( { url : properties . roomurl , token : properties . token } )
155
+ callFrame . on ( 'left-meeting' , ( event ) => {
156
+ console . log ( 'left-meeting event' , event ) ;
157
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
158
+ } ) ;
159
+
160
+ }
161
+
162
+
163
+ //small screen meetingtoken is empty
164
+
165
+ if ( window . innerWidth <= 600 && meetingtoken == null ) {
166
+
167
+ callFrame = window . DailyIframe . createFrame ( {
168
+ iframeStyle : {
169
+ zIndex : 10 ,
170
+ top :'0em' ,
171
+ bottom :'0em' ,
172
+ right :'0em' ,
173
+ position : 'fixed' ,
174
+ width : '100%' ,
175
+ height : '100%' ,
176
+
177
+ } ,
178
+
179
+ showLeaveButton : true ,
180
+ showFullscreenButton : true
181
+ } ) ;
182
+ callFrame . join ( { url : properties . roomurl } )
183
+ callFrame . on ( 'left-meeting' , ( event ) => {
184
+ console . log ( 'left-meeting event' , event ) ;
185
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
186
+ } ) ;
187
+
188
+ }
189
+
190
+
191
+ //small screen meetingtoken is not empty
192
+
193
+ if ( window . innerWidth <= 600 && meetingtoken !== null ) {
194
+
195
+ callFrame = window . DailyIframe . createFrame ( {
196
+ iframeStyle : {
197
+ zIndex : 10 ,
198
+ top :'0em' ,
199
+ bottom :'0em' ,
200
+ right :'0em' ,
201
+ position : 'fixed' ,
202
+ width : '100%' ,
203
+ height : '100%' ,
204
+
205
+ } ,
206
+
207
+ showLeaveButton : true ,
208
+ showFullscreenButton : true
209
+ } ) ;
210
+ callFrame . join ( { url : properties . roomurl , token : properties . token } )
211
+ callFrame . on ( 'left-meeting' , ( event ) => {
212
+ console . log ( 'left-meeting event' , event ) ;
213
+ callFrame . iframe ( ) . style . visibility = 'hidden' ;
214
+ } ) ;
215
+
216
+ }
217
+
218
+ }
0 commit comments