-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcollabScene.html
94 lines (69 loc) · 2.71 KB
/
collabScene.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
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE HTML>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<title>Welcome to the USC CAVE Scene Preview Application</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" media="all" href="style/style.css">
</head>
<body>
<!-- menu bar -->
<div class="top-nav">
<div class="nav-content">
<a href="index.html">
<img class="top-left-logo" src="usc_logo.jpg" width="250px" height="75px">
</a>
<ul class="nav-top">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="caveScene.html">Cave Scene</a></li>
<li><a href="collabScene.html">Collab Scene</a></li>
<li><a href="singleScene.html">Single Scene</a></li>
<li><a href="readMe.html">READ ME</a></li>
<li><a href="contactMe.html">CONTACT US</a></li>
<li><button id="btnLogout" class="btn btn-action hide">Log out</button></li>
</ul>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<div>
<h2>UPLOAD YOUR PICTURES</h2>
<div>
<input type="file" id="files" name="files[]" multiple />
<table id="palette" ></table>
</div>
<div id="submitbtn">
<button type="submit" id="downloadbtn" onclick="download_images()" value="Download">Download</button>
<button type="submit" id="subbtn" onclick="upload_image()" value="Submit">Submit</button>
</div>
</div>
<div>
<h2>Collab Scene Layout</h2>
<div style="overflow-x:auto;">
<table id="mytab1" onsubmit="make_json(this);">
<tr id="tr_1">
<td id="tr1_td1" ondragover="allowDrop(event)" ondrop="drop(event)" ondragstart="dragstart(event)" ondragend="dragend(event)">Drag here</td>
<td id="tr1_td2" ondragover="allowDrop(event)" ondrop="drop(event)" ondragstart="dragstart(event)" ondragend="dragend(event)">Drag here</td>
<td id="tr1_td3" ondragover="allowDrop(event)" ondrop="drop(event)" ondragstart="dragstart(event)" ondragend="dragend(event)">Drag here</td>
</tr>
<tr>
<td ondragover="allowDrop(event)" ondrop="drop(event)" ondragstart="dragstart(event)" ondragend="dragend(event)">Drag here</td>
<td ondragover="allowDrop(event)" ondrop="drop(event)" ondragstart="dragstart(event)" ondragend="dragend(event)">Drag here</td>
<td ondragover="allowDrop(event)" ondrop="drop(event)" ondragstart="dragstart(event)" ondragend="dragend(event)">Drag here</td>
</tr>
</table>
</div>
</div>
<br>
<button type="submit" id="savebtn" value="Save Scene" onclick="saveJson()">Save Scene</button>
<br>
<br>
</body>
<script src="https://www.gstatic.com/firebasejs/4.1.2/firebase.js"></script>
<script src="javascript/upload.js"></script>
<script src="javascript/dnd.js"></script>
<script src="javascript/save_json.js"></script>
</html>