Skip to content

Commit 2a298b0

Browse files
agviegasagviegas
committed
chore: build examples
1 parent d32bc06 commit 2a298b0

39 files changed

+9658
-7178
lines changed

‎examples/FragmentsModels/BuildingConfigurator/index.html‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9+
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
11+
<link rel="icon" type="image/x-icon" href="https://thatopen.github.io/engine_components/resources/favicon.ico">
12+
<title>Create Elements</title>
13+
<style>
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
font-family: "Plus Jakarta Sans", sans-serif;
18+
overflow: hidden;
19+
}
20+
21+
.full-screen {
22+
width: 100vw;
23+
height: 100vh;
24+
position: relative;
25+
overflow: hidden;
26+
}
27+
28+
.options-menu {
29+
position: fixed;
30+
min-width: unset;
31+
top: 5px;
32+
right: 5px;
33+
max-height: calc(100vh - 10px);
34+
max-width: 15rem;
35+
}
36+
37+
.phone-menu-toggler {
38+
visibility: hidden;
39+
}
40+
41+
@media (max-width: 480px) {
42+
.options-menu {
43+
visibility: hidden;
44+
bottom: 5px;
45+
left: 5px;
46+
max-width: none;
47+
}
48+
49+
.options-menu-visible {
50+
visibility: visible;
51+
}
52+
53+
.phone-menu-toggler {
54+
visibility: visible;
55+
position: fixed;
56+
top: 5px;
57+
right: 5px;
58+
}
59+
}
60+
</style>
61+
<script type="module" crossorigin src="../../assets/buildingConfigurator.js"></script>
62+
<link rel="modulepreload" crossorigin href="../../assets/virtual-memory-controller-ZSRKHGNY.js">
63+
<link rel="modulepreload" crossorigin href="../../assets/index-BR-jkuKE.js">
64+
<link rel="modulepreload" crossorigin href="../../assets/index-CWj6LyOo.js">
65+
<link rel="modulepreload" crossorigin href="../../assets/stats.min-Cj8wREqt.js">
66+
<link rel="modulepreload" crossorigin href="../../assets/index-BzdGIFlS.js">
67+
</head>
68+
69+
<body>
70+
<div class="full-screen" id="container"></div>
71+
</body>
72+
73+
</html>

‎examples/FragmentsModels/EditApi/index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9+
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
11+
<link rel="icon" type="image/x-icon" href="https://thatopen.github.io/engine_components/resources/favicon.ico">
12+
<title>Edit API</title>
13+
<style>
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
font-family: "Plus Jakarta Sans", sans-serif;
18+
overflow: hidden;
19+
}
20+
21+
.full-screen {
22+
width: 100vw;
23+
height: 100vh;
24+
position: relative;
25+
overflow: hidden;
26+
}
27+
28+
.options-menu {
29+
position: fixed;
30+
min-width: unset;
31+
top: 5px;
32+
right: 5px;
33+
max-height: calc(100vh - 10px);
34+
max-width: 15rem;
35+
}
36+
37+
.phone-menu-toggler {
38+
visibility: hidden;
39+
}
40+
41+
@media (max-width: 480px) {
42+
.options-menu {
43+
visibility: hidden;
44+
bottom: 5px;
45+
left: 5px;
46+
max-width: none;
47+
}
48+
49+
.options-menu-visible {
50+
visibility: visible;
51+
}
52+
53+
.phone-menu-toggler {
54+
visibility: visible;
55+
position: fixed;
56+
top: 5px;
57+
right: 5px;
58+
}
59+
}
60+
</style>
61+
<script type="module" crossorigin src="../../assets/editApi.js"></script>
62+
<link rel="modulepreload" crossorigin href="../../assets/virtual-memory-controller-ZSRKHGNY.js">
63+
<link rel="modulepreload" crossorigin href="../../assets/stats.min-Cj8wREqt.js">
64+
<link rel="modulepreload" crossorigin href="../../assets/index-CWj6LyOo.js">
65+
<link rel="modulepreload" crossorigin href="../../assets/index-CqDgYQyW.js">
66+
</head>
67+
68+
<body>
69+
<div class="full-screen" id="container"></div>
70+
</body>
71+
72+
</html>

‎examples/FragmentsModels/EditElements/index.html‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9+
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
11+
<link rel="icon" type="image/x-icon" href="https://thatopen.github.io/engine_components/resources/favicon.ico">
12+
<title>Edit Elements</title>
13+
<style>
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
font-family: "Plus Jakarta Sans", sans-serif;
18+
overflow: hidden;
19+
}
20+
21+
.full-screen {
22+
width: 100vw;
23+
height: 100vh;
24+
position: relative;
25+
overflow: hidden;
26+
}
27+
28+
.options-menu {
29+
position: fixed;
30+
min-width: unset;
31+
top: 5px;
32+
right: 5px;
33+
max-height: calc(100vh - 10px);
34+
max-width: 15rem;
35+
}
36+
37+
.main-container {
38+
display: grid;
39+
grid-template:
40+
"history main" 1fr
41+
/ 20% 80%;
42+
}
43+
44+
.history-request {
45+
display: flex;
46+
gap: 0.5rem;
47+
position: relative;
48+
margin: -5px 0;
49+
}
50+
51+
.history-request bim-button {
52+
max-width: fit-content;
53+
height: fit-content;
54+
border-radius: 100%;
55+
border: 1px solid white;
56+
transform: scale(0.75);
57+
}
58+
59+
.history-request-title {
60+
font-weight: bold;
61+
text-wrap: auto;
62+
}
63+
64+
.history-request-subtitle {
65+
font-size: 0.8rem;
66+
opacity: 0.5;
67+
}
68+
69+
.history-line {
70+
position: absolute;
71+
width: 1px;
72+
height: 100%;
73+
background-color: white;
74+
opacity: 0.5;
75+
left: 0.9rem;
76+
top: 1rem;
77+
}
78+
79+
.selected-request {
80+
background-color: var(--bim-ui_main-base);
81+
}
82+
83+
.phone-menu-toggler {
84+
visibility: hidden;
85+
}
86+
87+
@media (max-width: 480px) {
88+
.options-menu {
89+
visibility: hidden;
90+
bottom: 5px;
91+
left: 5px;
92+
max-width: none;
93+
}
94+
95+
.options-menu-visible {
96+
visibility: visible;
97+
}
98+
99+
.phone-menu-toggler {
100+
visibility: visible;
101+
position: fixed;
102+
top: 5px;
103+
right: 5px;
104+
}
105+
}
106+
</style>
107+
<script type="module" crossorigin src="../../assets/editElements.js"></script>
108+
<link rel="modulepreload" crossorigin href="../../assets/virtual-memory-controller-ZSRKHGNY.js">
109+
<link rel="modulepreload" crossorigin href="../../assets/stats.min-Cj8wREqt.js">
110+
<link rel="modulepreload" crossorigin href="../../assets/index-CWj6LyOo.js">
111+
<link rel="modulepreload" crossorigin href="../../assets/index-CqDgYQyW.js">
112+
</head>
113+
114+
<body>
115+
<div class="full-screen main-container">
116+
<bim-panel style="grid-area: history; border-radius: 0;" class="history-panel">
117+
<bim-panel-section id="history-menu" fixed label="History"></bim-panel-section>
118+
</bim-panel>
119+
<div style="grid-area: main;" id="container"></div>
120+
</div>
121+
</body>
122+
123+
</html>

‎examples/FragmentsModels/EditProperties/index.html‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9+
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
11+
<link rel="icon" type="image/x-icon" href="https://thatopen.github.io/engine_components/resources/favicon.ico">
12+
<title>Edit Properties</title>
13+
<style>
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
font-family: "Plus Jakarta Sans", sans-serif;
18+
overflow: hidden;
19+
}
20+
21+
.blurred-dialog {
22+
background-color: transparent;
23+
border: none;
24+
margin: auto;
25+
outline: none;
26+
}
27+
28+
.blurred-dialog::backdrop {
29+
background-color: rgba(0, 0, 0, 0.5);
30+
backdrop-filter: blur(3px);
31+
}
32+
33+
.full-screen {
34+
width: 100vw;
35+
height: 100vh;
36+
position: relative;
37+
overflow: hidden;
38+
}
39+
40+
.options-menu {
41+
position: fixed;
42+
min-width: unset;
43+
top: 5px;
44+
right: 5px;
45+
max-height: calc(100vh - 10px);
46+
max-width: 15rem;
47+
}
48+
49+
.phone-menu-toggler {
50+
visibility: hidden;
51+
}
52+
53+
@media (max-width: 480px) {
54+
.options-menu {
55+
visibility: hidden;
56+
bottom: 5px;
57+
left: 5px;
58+
max-width: none;
59+
}
60+
61+
.options-menu-visible {
62+
visibility: visible;
63+
}
64+
65+
.phone-menu-toggler {
66+
visibility: visible;
67+
position: fixed;
68+
top: 5px;
69+
right: 5px;
70+
}
71+
}
72+
</style>
73+
<script type="module" crossorigin src="../../assets/editProperties.js"></script>
74+
<link rel="modulepreload" crossorigin href="../../assets/virtual-memory-controller-ZSRKHGNY.js">
75+
<link rel="modulepreload" crossorigin href="../../assets/stats.min-Cj8wREqt.js">
76+
<link rel="modulepreload" crossorigin href="../../assets/index-CWj6LyOo.js">
77+
<link rel="modulepreload" crossorigin href="../../assets/index-CqDgYQyW.js">
78+
</head>
79+
80+
<body>
81+
<div class="full-screen" id="container"></div>
82+
</body>
83+
84+
</html>

‎examples/FragmentsModels/Materials/index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<style>
9+
body {
10+
margin: 0;
11+
padding: 0;
12+
font-family: "Plus Jakarta Sans", sans-serif;
13+
overflow: hidden;
14+
}
15+
16+
.full-screen {
17+
width: 100vw;
18+
height: 100vh;
19+
position: relative;
20+
overflow: hidden;
21+
}
22+
</style>
23+
<script type="module" crossorigin src="../../assets/materials.js"></script>
24+
<link rel="modulepreload" crossorigin href="../../assets/virtual-memory-controller-ZSRKHGNY.js">
25+
<link rel="modulepreload" crossorigin href="../../assets/RGBELoader-Dncwvf9Q.js">
26+
<link rel="modulepreload" crossorigin href="../../assets/index-CqDgYQyW.js">
27+
</head>
28+
29+
<body>
30+
<div class="full-screen" id="container"></div>
31+
</body>
32+
33+
</html>

0 commit comments

Comments
 (0)