Add Re-route button to Schema ReTrace.
This commit is contained in:
parent
ce2106feaa
commit
d27e2ca267
2 changed files with 22 additions and 4 deletions
|
|
@ -149,9 +149,10 @@
|
||||||
.mobile-only { display: inline-flex !important; }
|
.mobile-only { display: inline-flex !important; }
|
||||||
.hide-mobile { display: none !important; }
|
.hide-mobile { display: none !important; }
|
||||||
.responsive-text::after { content: attr(data-short); }
|
.responsive-text::after { content: attr(data-short); }
|
||||||
|
#header { gap: 6px; padding: 4px 8px; overflow-x: auto; padding-bottom: 2px; }
|
||||||
|
.btn-group { gap: 4px; }
|
||||||
#header .btn { padding: 4px 8px; }
|
#header .btn { padding: 4px 8px; }
|
||||||
#header .sep { display: none; }
|
#header .sep { display: none; }
|
||||||
#header { overflow-x: auto; padding-bottom: 2px; }
|
|
||||||
#header::-webkit-scrollbar { height: 4px; }
|
#header::-webkit-scrollbar { height: 4px; }
|
||||||
#header::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
|
#header::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
|
||||||
|
|
||||||
|
|
@ -246,8 +247,15 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="sep"></div>
|
<div class="sep"></div>
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<button class="btn" id="btn-auto-place" title="Auto Layout">🔀<span class="hide-mobile"> Auto Layout</span></button>
|
<button class="btn" id="btn-reroute" title="Re-route the Schematic">
|
||||||
<button class="btn" id="btn-zoom-fit" title="Fit View">⛶<span class="hide-mobile"> Fit</span></button>
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></svg>
|
||||||
|
<span class="hide-mobile" style="margin-left:5px;">Re-route</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn" id="btn-auto-place" title="Auto Layout">🔀<span class="hide-mobile" style="margin-left:5px;">Auto Layout</span></button>
|
||||||
|
<button class="btn" id="btn-zoom-fit" title="Fit View">
|
||||||
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M6 3H3v3 M3 18v3h3 M18 21h3v-3 M21 6V3h-3"/></svg>
|
||||||
|
<span class="hide-mobile" style="margin-left:5px;">Fit</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sep"></div>
|
<div class="sep"></div>
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
|
|
@ -281,7 +289,9 @@
|
||||||
<button class="btn mobile-only" id="btn-toggle-left">☰</button>
|
<button class="btn mobile-only" id="btn-toggle-left">☰</button>
|
||||||
<button class="btn" id="btn-zoom-in">+</button>
|
<button class="btn" id="btn-zoom-in">+</button>
|
||||||
<button class="btn" id="btn-zoom-out">−</button>
|
<button class="btn" id="btn-zoom-out">−</button>
|
||||||
<button class="btn" id="btn-zoom-fit2">⛶</button>
|
<button class="btn" id="btn-zoom-fit2" title="Fit View">
|
||||||
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M6 3H3v3 M3 18v3h3 M18 21h3v-3 M21 6V3h-3"/></svg>
|
||||||
|
</button>
|
||||||
<div class="sep hide-mobile" style="height:20px"></div>
|
<div class="sep hide-mobile" style="height:20px"></div>
|
||||||
<button class="btn" id="btn-undo">↩</button>
|
<button class="btn" id="btn-undo">↩</button>
|
||||||
<button class="btn mobile-only" id="btn-toggle-right">🛈</button>
|
<button class="btn mobile-only" id="btn-toggle-right">🛈</button>
|
||||||
|
|
|
||||||
|
|
@ -406,6 +406,14 @@ export function initUI(mode, importNetlistStandalone, resetLayout, hasLayoutData
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
document.getElementById('btn-reroute').onclick = async () => {
|
||||||
|
if (!S.hasData) { toast('No netlist', 'warn'); return; }
|
||||||
|
pushHistory();
|
||||||
|
const l = await import('./layout.js');
|
||||||
|
await l.buildAndRoute({}, false);
|
||||||
|
toast('Re-routed schematic diagram');
|
||||||
|
};
|
||||||
|
|
||||||
document.getElementById('btn-auto-place').onclick = async () => {
|
document.getElementById('btn-auto-place').onclick = async () => {
|
||||||
if (!S.hasData) { toast('No netlist', 'warn'); return; }
|
if (!S.hasData) { toast('No netlist', 'warn'); return; }
|
||||||
if (hasLayoutData && hasLayoutData()) {
|
if (hasLayoutData && hasLayoutData()) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue