-
Notifications
You must be signed in to change notification settings - Fork 0
/
inspect.html
154 lines (147 loc) · 5.53 KB
/
inspect.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
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
<!doctype html>
<html>
<head>
<title>xrpackage | inspect</title>
<link href="index.css" rel=stylesheet>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Muli:wght@400;600&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/0735724151.js" crossorigin="anonymous"></script>
<script src="https://rawcdn.githack.com/ethereum/web3.js/a6ddec59e65116853435f203b25cb9c55824d084/dist/web3.min.js"></script>
</head>
<body class=loading>
<header class=header id=header>
<div id=progress-bar class=progress-bar></div>
<a href="/" class="nav icon">山</a>
<nav class="selector nav bar-left" id=selector>
<i class="fa fa-fingerprint head"></i>
<div class=header-label id=header-label>Inspect mode</div>
<i class="fa fa-chevron-down tail"></i>
<div class=selections id=selections>
<a href="run.html" class="selection dim" id=run-mode>
<i class="fa fa-play"></i>
<div class=wrap>
<h3>Run mode</h3>
<p>Switch to run mode</p>
</div>
</a>
<a href="edit.html" class=selection id=edit-mode>
<i class="fa fa-pencil"></i>
<div class=wrap>
<h3>Edit mode</h3>
<p>You are currently editing this world</p>
</div>
</a>
<a href="browse.html" class=selection>
<i class="fa fa-solar-system"></i>
<div class=wrap>
<h3>Browse packages</h3>
<p>Explore the XRPackage registry</p>
</div>
</a>
<a href="help.html" class=selection>
<i class="fa fa-book"></i>
<div class=wrap>
<h3>Documentation</h3>
<p>Learn how to make packages and worlds</p>
</div>
</a>
</div>
</nav>
<form id=login-form></form>
</header>
<div class=mode id=inspect-mode>
<header class=subheader>
<nav class="subtab open" id=subtab-1>Details</nav>
<nav class=subtab id=subtab-2>Manifest</nav>
<nav class=subtab id=subtab-3>Files</nav>
<nav class=subtab id=subtab-4>Actions</nav>
</header>
<section class="subcontent open" id=subcontent-1>
<div class=details-wrap>
<div class=side-tabs>
<nav class="side-tab open" id=side-tab-1>Live</nav>
<nav class=side-tab id=side-tab-2>Screenshot</nav>
<nav class=side-tab id=side-tab-3>Wireframe</nav>
<nav class=side-tab id=side-tab-4>Model</nav>
</div>
<div class=views id=views>
</div>
<div class=details id=details>
<div class=type id=type>type</div>
<div class=name id=name>name</div>
<div class=description id=description>description</div>
</div>
</div>
</section>
<section class=subcontent id=subcontent-2>
<div class=manifest-wrap>
<textarea class=manifest id=manifest spellcheck="false">{}</textarea>
<div class=manifest-side>
<div class=heading>Update manifest</div>
<nav class=button id=save-manifest-button>Save</nav>
</div>
</div>
</section>
<section class=subcontent id=subcontent-3>
<div class=files-wrap>
<div class=files id=files>
</div>
<div class=files-side>
<div class=heading>Add file</div>
<div class=file-input>
<input type=text placeholder="File name" id=file-name>
<nav class=button>
<span>Choose file</span>
<input type=file class=hidden id=file-upload-input>
</nav>
</div>
<button class="button" id=add-file-button type="button" disabled>Add file</button>
</div>
</div>
</section>
<section class=subcontent id=subcontent-4>
<div class=exports id=exports>
<div class=export-button>
<nav class=button id=bake-package-button>Bake package</nav>
<span class=label>Create screenshot and collision mesh icons for this package</span>
</div>
<div class=export-button>
<nav class=button id=upload-package-button>Upload package</nav>
<span class=label>Upload package to IPFS</span>
</div>
<div class=export-button>
<nav class=button id=export-package-button>Export package</nav>
<span class=label>Download package locally</span>
</div>
</div>
</section>
</div>
<div class=mode id=create-mode>
<header class=subheader>
<nav class="subtab open" id=subtab-1>Create a package from file</nav>
<nav class=subtab id=subtab-2>Import a package</nav>
</header>
<section class="subcontent open" id=subcontent-1>
<div class=create-ui>
<p>Magically create an XRPackage from file (.gltf, .glb, .vrm, .html)</p>
<nav class=button>
Create from file
<input type=file class=hidden id=create-from-file-input>
</nav>
<p>You can also <a href="browse.html">browse for packages to inspect.</a></p>
</div>
</section>
<section class=subcontent id=subcontent-2>
<div class=create-ui>
<p>Upload an XRPackage (.wbn) for inspection</p>
<nav class=button id=import-package-button>
Import package
<input type=file class=hidden id=import-package-input>
</nav>
<p>You can also <a href="browse.html">browse for packages to inspect.</a></p>
</div>
</section>
</div>
<script type=module src='inspect.js'></script>
</body>
</html>