Add inventory controls and enhance dashboard
This commit is contained in:
@@ -6,8 +6,8 @@
|
||||
<meta name="theme-color" content="#10130f" />
|
||||
<meta name="description" content="Live Minecraft bot dashboard" />
|
||||
<title>Mosfet · Minecraft Bot</title>
|
||||
<link rel="stylesheet" href="/static/css/dashboard.css?v=4" />
|
||||
<script defer src="/static/js/dashboard.js?v=7"></script>
|
||||
<link rel="stylesheet" href="/static/css/dashboard.css?v=16" />
|
||||
<script defer src="/static/js/dashboard.js?v=14"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="shell">
|
||||
@@ -68,7 +68,7 @@
|
||||
Some item components are not decoded yet; displayed contents may be partial.
|
||||
</div>
|
||||
<div id="inventory-grid" class="inventory-grid" aria-label="Minecraft inventory"></div>
|
||||
<div class="inventory-legend"><span class="legend-swatch"></span> Empty slot <span class="legend-note">Hover an item for its name and stack size</span></div>
|
||||
<div class="inventory-legend"><span class="legend-swatch"></span> Empty slot <span class="legend-selected"></span> Selected hotbar slot <span class="legend-note">Hover for details · click an item for actions</span></div>
|
||||
</section>
|
||||
|
||||
<aside class="side-column">
|
||||
@@ -103,6 +103,18 @@
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
<div id="item-tooltip" class="item-tooltip" role="tooltip" hidden></div>
|
||||
<div id="inventory-menu" class="inventory-menu" role="menu" aria-label="Item actions" hidden>
|
||||
<div class="inventory-menu-heading">
|
||||
<strong id="inventory-menu-title">Item</strong>
|
||||
<span id="inventory-menu-meta"></span>
|
||||
</div>
|
||||
<button type="button" data-inventory-action="one" role="menuitem">Drop one</button>
|
||||
<button type="button" data-inventory-action="stack" role="menuitem">Drop whole stack</button>
|
||||
<button type="button" data-inventory-action="matching" role="menuitem">Drop all matching</button>
|
||||
<div id="inventory-menu-status" class="inventory-menu-status" aria-live="polite" hidden></div>
|
||||
<button type="button" class="menu-cancel" data-inventory-action="cancel" role="menuitem">Cancel</button>
|
||||
</div>
|
||||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user