62 lines
4.6 KiB
HTML
62 lines
4.6 KiB
HTML
<section id="view-wnd" class="view">
|
||
<header class="bar top">
|
||
<button id="wnd-src" class="iconbtn" title="Where the UI files are read from"><i data-icon="box"></i><span id="wnd-src-label">Choose packs…</span></button>
|
||
<button id="wnd-open-file" class="iconbtn" title="Open a window .xml from disk"><i data-icon="folder"></i><span>Open file…</span></button>
|
||
<div class="ims-title"><span id="wnd-title" class="muted"></span><span id="wnd-dirty" class="dot bad" title="Unsaved changes" hidden></span></div>
|
||
<div class="spacer"></div>
|
||
<button id="wnd-undo" class="iconbtn only" title="Undo (Ctrl+Z)" disabled><i data-icon="undo"></i></button>
|
||
<button id="wnd-redo" class="iconbtn only" title="Redo (Ctrl+Y)" disabled><i data-icon="redo"></i></button>
|
||
<button id="wnd-save" class="btn primary"><i data-icon="save"></i>Save</button>
|
||
</header>
|
||
<div class="split">
|
||
<aside id="wnd-left" class="ims-left">
|
||
<div class="ims-head">
|
||
<div class="search"><i data-icon="search"></i><input id="wnd-search" type="search" placeholder="Search window files" spellcheck="false" /></div>
|
||
<span id="wnd-count" class="muted"></span>
|
||
</div>
|
||
<div id="wnd-list" class="mdl-list"></div>
|
||
<div class="ims-foot muted mdl-hint">Double-click a file to open it</div>
|
||
</aside>
|
||
<div class="splitter" data-target="wnd-left" data-edge="left" title="Drag to resize"></div>
|
||
<div class="main-col">
|
||
<div class="bar nav">
|
||
<div class="seg"><button id="wnd-zoom" title="100 %">100%</button></div>
|
||
<button id="wnd-fit" class="iconbtn" title="Fit the window"><i data-icon="fit"></i><span>Fit</span></button>
|
||
<label class="pill" title="Game screen size (for aligned windows)"><i data-icon="grid"></i>
|
||
<select id="wnd-screen"><option value="800x600">800×600</option><option value="1024x768" selected>1024×768</option><option value="1280x720">1280×720</option><option value="1920x1080">1920×1080</option></select>
|
||
</label>
|
||
<label class="pill" title="Button state to show"><i data-icon="target"></i>
|
||
<select id="wnd-state"><option>Normal</option><option>Over</option><option>Push</option><option>Disable</option></select>
|
||
</label>
|
||
<button id="wnd-t-preview" class="iconbtn toggle" title="Preview: the window as the game shows it (no outlines, no hidden windows)"><i data-icon="play"></i><span>Preview</span></button>
|
||
<button id="wnd-t-img" class="iconbtn toggle on only" title="Images and frames"><i data-icon="image"></i></button>
|
||
<button id="wnd-t-text" class="iconbtn toggle on only" title="Texts"><i data-icon="note"></i></button>
|
||
<button id="wnd-t-bounds" class="iconbtn toggle on" title="Window outlines"><i data-icon="draw"></i><span>Bounds</span></button>
|
||
<button id="wnd-t-hidden" class="iconbtn toggle on" title="Windows that start hidden (IWS_START_HIDE)"><i data-icon="copy"></i><span>Hidden</span></button>
|
||
<div class="spacer"></div>
|
||
<span id="wnd-textinfo" class="muted ims-texinfo"></span>
|
||
<span id="wnd-hover" class="mono ims-texinfo"></span>
|
||
</div>
|
||
<div class="ims-stage"><canvas id="wnd-canvas" tabindex="0"></canvas></div>
|
||
<div id="wnd-empty" class="empty">
|
||
<div class="empty-card">
|
||
<i data-icon="layout" class="big"></i>
|
||
<h2>UI window editor</h2>
|
||
<p>Pick the packs, then double-click a window file (xml/…wnd.xml). Click a window to select it, drag to move, handles to resize; every element and attribute can be edited on the right.</p>
|
||
</div>
|
||
</div>
|
||
<div class="ims-help muted">Click selects · drag moves · handles resize · arrows nudge (Shift ×10) · Alt/right-drag pans · wheel zooms · Del removes a child window</div>
|
||
</div>
|
||
<div class="splitter" data-target="wnd-side" data-edge="right" title="Drag to resize"></div>
|
||
<aside id="wnd-side" class="ims-side map-side" hidden>
|
||
<section class="ims-card">
|
||
<h4>Windows <span id="wnd-count-win" class="muted"></span></h4>
|
||
<div id="wnd-tree" class="wnd-tree"></div>
|
||
</section>
|
||
<section id="wnd-props-card" class="ims-card grow" hidden>
|
||
<h4><span id="wnd-props-name"></span></h4>
|
||
<div id="wnd-props" class="wnd-props"></div>
|
||
</section>
|
||
</aside>
|
||
</div>
|
||
</section> |