Builder/assembler.html at master · mobilityshield/Builder · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JSCAD Assembler</title>
  <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-png">
  <link rel="stylesheet" href="openjscad.css" type="text/css">
  <link rel="stylesheet" href="assembler.css" type="text/css">
</head>
<body>
  <div id="asmApp">
    <div id="asmToolbar">
      <div id="asmToolbarControls">
        <button id="asmHidePanelsBtn" type="button">Hide Panels</button>
        <button id="asmAddBtn" type="button">Add</button>
        <button id="asmDuplicateBtn" type="button">Duplicate</button>
        <button id="asmRemoveBtn" type="button">Remove</button>
        <button id="asmExportBtn" type="button">Export JSON</button>
        <button id="asmExportTxtBtn" type="button">Export Assembly STLs</button>
        <button id="asmViewRefsBtn" type="button" aria-pressed="false">View Part References</button>
        <button id="asmImportBtn" type="button">Import JSON</button>
        <button id="asmClearBtn" type="button">Clear Assembly</button>
      </div>
      <img class="asm-toolbar-logo" src="imgs/title.png" alt="Mobility Shield">
    </div>

    <div id="asmLayout">
      <aside id="asmCatalog">
        <div id="asmCatalogHeader">
          <h2>Catalog</h2>
          <button id="asmCatalogToggle" type="button" aria-expanded="true">Collapse</button>
        </div>
        <ul id="asmCatalogList"></ul>
        <section id="asmAssembly">
          <div id="asmAssemblyHeader">
            <h2>Assembly</h2>
            <button id="asmDeselectBtn" type="button">Deselect Part</button>
          </div>
          <ul id="asmPieceList"></ul>
        </section>
      </aside>

      <section id="asmViewerPanel">
        <div id="asmViewer"></div>
        <div id="asmPreviewRefs" aria-label="Assembly part references overlay" aria-hidden="true">
          <svg id="asmPreviewRefsSvg" aria-hidden="true"></svg>
          <div id="asmPreviewRefsLayer"></div>
        </div>
      </section>

      <aside id="asmInspector">
        <div id="asmInspectorHeaderRow">
          <div id="asmInspectorHeader">No selection</div>
          <button id="asmInspectorCloseBtn" type="button">X</button>
        </div>
        <fieldset id="asmPartIdWrap" class="asm-group-block">
          <legend>Part Name</legend>
          <input id="asmPartIdInput" type="text" autocomplete="off">
        </fieldset>
        <form id="asmTransformForm" autocomplete="off">
          <fieldset class="asm-transform-group">
            <legend>Position</legend>
            <label><span class="asm-axis asm-axis-x">X</span> <input id="asmPosX" type="number" step="any"></label>
            <label><span class="asm-axis asm-axis-y">Y</span> <input id="asmPosY" type="number" step="any"></label>
            <label><span class="asm-axis asm-axis-z">Z</span> <input id="asmPosZ" type="number" step="any"></label>
          </fieldset>
          <fieldset class="asm-transform-group">
            <legend>Rotation (deg)</legend>
            <label><span class="asm-axis asm-axis-x">X</span> <input id="asmRotX" type="number" step="any"></label>
            <label><span class="asm-axis asm-axis-y">Y</span> <input id="asmRotY" type="number" step="any"></label>
            <label><span class="asm-axis asm-axis-z">Z</span> <input id="asmRotZ" type="number" step="any"></label>
          </fieldset>
        </form>
        <fieldset id="asmParamsWrap" class="asm-group-block">
          <legend>Part parameters</legend>
          <div id="asmParams"></div>
        </fieldset>
        <fieldset id="asmPieceStatusWrap" class="asm-group-block">
          <legend>Part status</legend>
          <div id="asmPieceStatus"></div>
        </fieldset>
        <section id="asmExportPanel" hidden>
          <div id="asmExportPanelHeader">
            <h3>Manufacturing Export</h3>
          </div>
          <label id="asmExportDedupeRow">
            <input id="asmExportDedupeStlsCbx" type="checkbox">
            Compress only unique parts (remove duplicate STLs)
          </label>
          <p id="asmExportSummary"></p>
          <div id="asmExportGroups"></div>
          <div id="asmExportActions">
            <button id="asmExportZipBtn" type="button">Generate ZIP Package</button>
          </div>
        </section>
      </aside>
    </div>

    <input id="asmImportInput" type="file" accept=".json,application/json" hidden>
  </div>

  <script src="dist/assembler.js"></script>
</body>
</html>