JoshBaneyCS/Heat-Tracker
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update public/heatmap.html

Browse Source
This commit is contained in:
JoshBaneyCS 2025-04-30 07:35:33 +00:00
parent 4cda080d1d
commit a5980171c9
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/heatmap.html
View File

@ -17,16 +17,21 @@
</header> </header>
<div class="page-container heatmap"> <div class="page-container heatmap">
<!-- Floor selector -->
<div class="floor-selector">
<label><input type="radio" name="floor" value="1" checked> Floor 1</label>
<label><input type="radio" name="floor" value="2"> Floor 2</label>
<label><input type="radio" name="floor" value="3"> Floor 3</label>
<label><input type="radio" name="floor" value="4"> Floor 4</label>
</div>
<!-- Scroll & zoom container -->
<div id="heatmap-container"> <div id="heatmap-container">
<div class="map-svg-container" id="mapSvgContainer"> <div class="map-svg-container" id="mapSvgContainer">
<!-- heatmap.js will inject an <svg> here and draw your dock-doors and areas --> <!-- heatmap.js will insert an <svg> here with:
</div> - <rect class="dock-door" ...> for each dock door
<!-- optional floor selector, if you have multiple floors --> - <rect class="area-rect" ...> for each area
<div class="floor-selector"> - <text> labels inside these rectangles -->
<label><input type="radio" name="floor" value="1" checked> Floor 1</label>
<label><input type="radio" name="floor" value="2"> Floor 2</label>
<label><input type="radio" name="floor" value="3"> Floor 3</label>
<label><input type="radio" name="floor" value="4"> Floor 4</label>
</div> </div>
</div> </div>
</div> </div>
@ -34,4 +39,3 @@
<script src="/scripts/heatmap.js"></script> <script src="/scripts/heatmap.js"></script>
</body> </body>
</html> </html>