-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.js
99 lines (83 loc) · 2.77 KB
/
index.js
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
import { joinMeeting } from "./webex.js";
function openModal() {
const body = document.getElementById("#body");
body.style.filter = "blur(15px)";
const formModal = document.getElementById("#formModal");
formModal.style.display = "block";
}
function closeModal() {
const body = document.getElementById("#body");
body.style.filter = "none";
const formModal = document.getElementById("#formModal");
formModal.style.display = "none";
}
async function openMeetingModal() {
const formModal = document.getElementById("#formModal");
formModal.style.display = "none";
const meetingModal = document.getElementById("#meetingModal");
meetingModal.style.display = "block";
await joinMeeting();
}
function closeMeetingModal() {
const body = document.getElementById("#body");
body.style.filter = "none";
const meetingModal = document.getElementById("#meetingModal");
meetingModal.style.display = "none";
}
function handlerAssistanceOnchange() {
const supportRow = document.getElementById("support-row");
supportRow.style.display = "block";
}
function handlerSupportOnchange() {
const getHelpBtn = document.querySelector(".get-help");
getHelpBtn.style.display = "block";
}
//Make the DIV element draggagle:
dragElement(document.getElementById("local-video-section"));
function dragElement(elmnt) {
var pos1 = 0,
pos2 = 0,
pos3 = 0,
pos4 = 0;
if (document.getElementById(elmnt.id + "local-video")) {
/* if present, the header is where you move the DIV from:*/
document.getElementById(elmnt.id + "local-video").onmousedown =
dragMouseDown;
} else {
/* otherwise, move the DIV from anywhere inside the DIV:*/
elmnt.onmousedown = dragMouseDown;
}
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
elmnt.style.top = elmnt.offsetTop - pos2 + "px";
elmnt.style.left = elmnt.offsetLeft - pos1 + "px";
}
function closeDragElement() {
/* stop moving when mouse button is released:*/
document.onmouseup = null;
document.onmousemove = null;
}
}
window.openModal = openModal;
window.handlerSupportOnchange = handlerSupportOnchange;
window.handlerAssistanceOnchange = handlerAssistanceOnchange;
window.closeMeetingModal = closeMeetingModal;
window.openMeetingModal = openMeetingModal;
window.closeModal = closeModal;