23 lines
1.8 KiB
JavaScript
23 lines
1.8 KiB
JavaScript
export function buildUnwrapSidebar() {
|
|
return `
|
|
<div class="unwrap-sidebar">
|
|
<div style="font-size:10px;color:var(--text-subtle);text-transform:uppercase;margin:0 0 8px;letter-spacing:0.5px">Unwrap Template</div>
|
|
<button class="btn btn-sm" onclick="generateUnwrap()" id="unwrap-gen-btn" style="width:100%;margin-bottom:6px">Generate Template</button>
|
|
<button class="btn btn-sm" onclick="openUnwrapExternal()" id="unwrap-open-btn" style="width:100%;margin-bottom:6px" disabled>Open in Default App</button>
|
|
<button class="btn btn-sm" onclick="openUnwrapFolder()" id="unwrap-folder-btn" style="width:100%;margin-bottom:12px" disabled>Open Containing Folder</button>
|
|
<div id="unwrap-status" style="display:none;font-size:11px;color:var(--success);margin-bottom:8px"></div>
|
|
|
|
<div style="font-size:10px;color:var(--text-subtle);text-transform:uppercase;margin:8px 0 4px;letter-spacing:0.5px">Display</div>
|
|
<label style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;margin:4px 0">
|
|
<input type="checkbox" checked id="unwrap-show-folds" onchange="toggleUnwrapFolds(this.checked)"> Fold lines
|
|
</label>
|
|
<label style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;margin:4px 0">
|
|
<input type="checkbox" checked id="unwrap-show-labels" onchange="toggleUnwrapLabels(this.checked)"> Labels
|
|
</label>
|
|
<label style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;margin:4px 0">
|
|
<input type="checkbox" checked id="unwrap-show-cutouts" onchange="toggleUnwrapCutouts(this.checked)"> Cutouts
|
|
</label>
|
|
</div>
|
|
`;
|
|
}
|