Skip to content

Refine UI #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
misdake merged 12 commits into from
Mar 28, 2026
Merged

Refine UI #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
ef56588
css changes. replaced icons to fit dark theme.
misdake Mar 25, 2026
72b5a62
refactor: convert left panel to floating panels with improved UI
misdake Mar 25, 2026
32462a2
Add color selection state to ColorAlphaElement
misdake Mar 25, 2026
9e29d5a
implement left-button pick aabb with realtime preview, replacing ctrl…
misdake Mar 25, 2026
1e70106
refine source link. refine chip selection ui.
misdake Mar 25, 2026
76dfc46
refine title css. tweak select rect opacity.
misdake Mar 25, 2026
ac54917
refine text.
misdake Mar 26, 2026
5e5484a
Fix selection box not disappearing when dragging selection with no re…
misdake Mar 27, 2026
1c32ef9
Add tri-state checkbox component for fill/stroke/closed options
misdake Mar 28, 2026
98ec290
Refactor polyline and text edit elements to support array input with …
misdake Mar 28, 2026
7a9aaa0
Use PolylineEdit/TextEdit for MULTIPLE selection; fix clone/delete se…
misdake Mar 28, 2026
e173772
fix: improve drag handling and panel event blocking
misdake Mar 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,5 @@
/node_modules
/.rpt2_cache
/dist/app.js
/dist/*.map
/dist/app.js.LICENSE.txt
73 changes: 39 additions & 34 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Chip Annotation Viewer</title>
Expand All @@ -9,43 +10,47 @@

<body>

<div id="panel">
<div id="panelScroll">
<div id="annotationTitle"></div>
<br>
<br>

<button id="buttonCreatePolyline" class="configButton">new polyline</button>
<button id="buttonCreateText" class="configButton">new text</button>

<br>
<br>

<div id="panelSelected">
<div id="container">
<div id="selectPanel" class="ui-panel">
</div>

<br>

<div id="hint"></div><br>

</div>

<div id="footer">
<a href="https://github.com/misdake/ChipAnnotationViewer" target="_blank"><img src="res/github.png" class="footerIcon" alt=""/><span>repo</span></a>
<a href="https://twitter.com/rSkip" target="_blank"><img src="res/twitter.png" class="footerIcon" alt=""/><span>rSkip</span></a>
<a href="https://misdake.github.io/ChipAnnotationTool/log/rssday.xml" target="_blank"><img src="res/rss.png" class="footerIcon" alt=""/><span>RSS</span></a>
</div>
</div>

<div id='container'>
<div id="selectPanel">
</div>
<div id="cameraPanel">
<div id="propertyPanel" class="ui-panel">
<div id="annotationTitle"></div>
<div id="creationButtons">
<button id="buttonCreatePolyline" class="configButton">New Polyline</button>
<button id="buttonCreateText" class="configButton">New Text</button>
</div>
<button id="hintToggle" class="hintToggleButton hintHidden">
<svg id="hintIconEye" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
<circle cx="12" cy="12" r="3" />
</svg>
<svg id="hintIconEyeOff" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path
d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" />
<line x1="1" y1="1" x2="23" y2="23" />
</svg>
<span id="hintToggleText">Control Hints</span>
</button>
<div id="panelSelected">
</div>
</div>
<div id="hint" class="ui-panel"></div>
<div id="footer" class="ui-panel">
<a href="https://github.com/misdake/ChipAnnotationViewer" target="_blank"><img src="res/github.png"
class="footerIcon" alt="" /><span>Repo</span></a>
<a href="https://twitter.com/rSkip" target="_blank"><img src="res/twitter.png" class="footerIcon"
alt="" /><span>rSkip</span></a>
<a href="https://misdake.github.io/ChipAnnotationTool/log/rssday.xml" target="_blank"><img src="res/rss.png"
class="footerIcon" alt="" /><span>RSS</span></a>
</div>
<div id="cameraPanel" class="ui-panel">
</div>
<div id="toast" class="ui-panel"></div>
</div>
<div id="toast"></div>
</div>

<script src="app.js"></script>
<script src="app.js"></script>

</body>

Expand Down
Binary file modified dist/res/github.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified dist/res/refresh.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading