-
Notifications
You must be signed in to change notification settings - Fork 0
/
ScheduleMeeting.html
84 lines (83 loc) · 4.64 KB
/
ScheduleMeeting.html
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Styles/ScheduleMeeting.css">
<title>Office Assistant</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap" rel="stylesheet">
<style>
body {
background-image: url('Assets/main_background.png');
}
</style>
</head>
<body>
<input class="fancy_button" type="button" id="btnSaveMeeting" value="Save Meeting">
<div id="scheduleMeetingHeader">Schedule Meeting</div>
<div id="formDiv">
<form class="form" id="form">
<label class="label" for="meetingName">Meeting Name:</label><br>
<input class="inputInfo" type="text" id="meetingName" name="meetingName"><br><br>
<label class="label" for="attendants" id="attendantsText">Attendants:</label><br>
<input class="inputInfo" type="text" id="attendants" name="attendants" ondrop="drop(event)" ondragover="allowDrop(event)"><br><br>
<label class="label" for="meetingTime">Select Time:</label><br>
<input class="inputInfo" type="datetime-local" id="meetingTime" name="meetingTime"><br><br>
<label class="label" for="location" id="locationLabel">Location:</label><br>
<select class="dropdown" name="pickLocation" id="pickLocation">
<option value="online">Online</option>
<option value="meetingRoom">Meeting Room</option>
</select>
<input class="fancy_button" type="button" onClick="document.getElementById('reserveRoom').scrollIntoView();" id="btnSelectRoom" value="Select Room">
</form>
</div>
<div class="background_box"></div>
<canvas class="canvas" id="backgroundTransition" style="border:1px solid #000000;"></canvas>
<div id="FeedbackRecording">
<svg id="svg" height="50" width="50">
<defs>
<linearGradient id="tipGradient" x1="0%" y1="0%" x2="100%" y2="20%">
<stop offset="0%" style="stop-color:#40a0fa;stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(35, 85, 100);stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="25" cy="25" r="20" stroke="grey" stroke-width="2" fill="url(#tipGradient)" />
<text id="tipText" fill="#000000" x="14" y="30">Tip</text>
</svg>
<div id="FeedbackRecordingText">Psst... Listen to the recording below to hear some 100% authenthic feedback from one of our users</div>
<audio id="FeedbackRecordingMpeg" controls>
<source id="srcAudio" src="Assets/FeedbackRecording.mp3" type="audio/mpeg">
</audio>
<input type="button" class="audioButton" value="Slower" id="btnSlower">
<input type="button" class="audioButton" value="Faster" id="btnFaster">
<script src="Scripts/ShowAudioFile.js"></script>
</div>
<script src="Scripts/CanvasTransition.js"></script>
<script src="Scripts/ShowReserveButton.js"></script>
<div id="ColleaguesList">
<div id="listHeader">Drag and drop into Attendants</div>
<ul>
<li draggable="true" ondragstart="drag(event)">Laurentiu Naum</li>
<li draggable="true" ondragstart="drag(event)">Mateescu Razvan</li>
<li draggable="true" ondragstart="drag(event)">Mazzini Sebastian</li>
<li draggable="true" ondragstart="drag(event)">Alexandru Paiu</li>
</ul>
</div>
<div id="reserveRoom">
<div id="reserveRoomHeader">Office Layout</div>
<div class="grid-container">
<div class="grid-item" id="gi1">Meeting Room 1</div>
<div class="grid-item" id="gi2">Meeting Room 2</div>
<div class="grid-item" id="gi3">Bathroom</div>
<div class="grid-item" id="gi4">Main Office</div>
<div class="grid-item" id="gi5">Hallway</div>
<div class="grid-item" id="gi7">Meeting Room 3</div>
<div class="grid-item" id="gi8">Exit</div>
</div>
</div>
<script src="Scripts/SelectRoom.js"></script>
<script src="Scripts/SaveMeeting.js"></script>
<script src="Scripts/ShowColleagues.js"></script>
<script src="Scripts/AudioEffects.js"></script>
</body>
</html>
<!-- Welcome Page TEXT + ANIMATION + 3 BUTTONS : Schedule Meeting, Reserve Room, Useful Info -->