Simpler-WebBIMEngine/index.html at main · Programmer-nosleep/Simpler-WebBIMEngine · GitHub

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
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Simpler - BIMEngine</title>
</head>

<body>
  <div id="threejs"></div>

  <!-- TOPBAR (NAVBAR PANELS) -->
  <div id="ui-floating">
    <div id="ui-panels">
      <!-- Camera -->
      <div class="control-panel">
        <label for="projectionMode">Camera</label>
        <div class="control-row">
          <select id="projectionMode">
            <option value="Perspective">Perspective</option>
            <option value="Orthographic">Orthographic</option>
          </select>
          <button id="projectionToggle" type="button">Toggle</button>
        </div>
      </div>

      <!-- Navigation -->
      <div class="control-panel">
        <label for="navigationMode">Navigation</label>
        <div class="control-row">
          <select id="navigationMode">
            <option value="Orbit">Orbit</option>
            <option value="Plan">Plan</option>
          </select>
          <button id="navigationToggle" type="button">Toggle</button>
        </div>
      </div>

      <!-- Import -->
      <div class="control-panel">
        <label for="importerFormat">Import</label>
        <div class="control-row">
          <input type="file" id="importer" accept=".ifc,.glb,.gltf,.obj,.dwg,.dxf" />
          <button id="importButton" type="button">Import</button>
        </div>
      </div>

      <!-- Export -->
      <div class="control-panel">
        <label for="exporterFormat">Export</label>
        <div class="control-row">
          <select id="exporterFormat">
            <option value="glb">GLB/GLTF</option>
            <option value="obj">OBJ</option>
            <option value="frag">FRAG (Fragments)</option>
            <option value="schema">FRAGS Schema (JSON)</option>
            <option value="ifc">IFC</option>
          </select>
          <button id="exportButton" type="button">Export</button>
        </div>
      </div>
    </div>
  </div>

  <!-- UI OVERLAY (sidebar kiri + kanan) -->
  <div id="ui-overlay" aria-label="UI overlay">
    <!-- SIDEBAR KIRI -->
    <aside id="ui-sidebar-left" class="ui-sidebar" aria-label="Project views sidebar wrapper">
      <div id="leftSidebar" aria-label="Project views sidebar"></div>
    </aside>

    <!-- SIDEBAR KANAN -->
    <!-- <aside id="ui-sidebar-right" class="ui-sidebar" aria-label="Project properties sidebar wrapper">
        <div id="rightSidebar" aria-label="Project properties sidebar"></div>
      </aside> -->
  </div>

  <script type="module" src="/src/main.ts"></script>
</body>

</html>