Upload files to "public"
This commit is contained in:
parent
12fdab583d
commit
1b084bcb18
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
46
public/heatmap.html
Normal file
46
public/heatmap.html
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="/favicon.ico">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<title>Heat Map</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- BINS-style fixed header -->
|
||||||
|
<header class="main-header">
|
||||||
|
<img src="/image/logo.png" class="logo" alt="Amazon Logo">
|
||||||
|
<span class="header-title"> | Fuego - Heat Tracker</span>
|
||||||
|
<button class="nav-btn" onclick="location.href='/input.html'">Log Reading</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/heatmap.html'">Heat Map</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/trends.html'">Trends</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/input-area.html'">Area Reading</button>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="page-container">
|
||||||
|
<div class="heatmap-wrapper">
|
||||||
|
<div id="diagram" class="diagram-container">
|
||||||
|
|
||||||
|
<!-- 1) Dock-door row -->
|
||||||
|
<div id="dock-row" class="dock-row"></div>
|
||||||
|
|
||||||
|
<!-- 2) Regions now directly below the dock-door row -->
|
||||||
|
<div class="regions-container">
|
||||||
|
<div id="region-amod" class="region region-amod">A Mod</div>
|
||||||
|
<div id="region-preslam" class="region region-preslam">Outbound Pre-Slam</div>
|
||||||
|
<div id="region-bmod" class="region region-bmod">B Mod</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 3) Warehouse rectangle -->
|
||||||
|
<div class="warehouse"></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tooltip" class="tooltip"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="scripts/heatmap.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
71
public/index.html
Normal file
71
public/index.html
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>Fuego – Heat Tracker</title>
|
||||||
|
<!-- your other CSS/links here -->
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* 1) Scrollable container taking full viewport height */
|
||||||
|
#scroll-container {
|
||||||
|
height: 100vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 2) WebKit browsers */
|
||||||
|
#scroll-container::-webkit-scrollbar {
|
||||||
|
width: 12px;
|
||||||
|
}
|
||||||
|
#scroll-container::-webkit-scrollbar-track {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
#scroll-container::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #888;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: 3px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
#scroll-container::-webkit-scrollbar-thumb:hover {
|
||||||
|
background-color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 3) Firefox */
|
||||||
|
#scroll-container {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #888 #f1f1f1;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="scroll-container">
|
||||||
|
<!-- Your graph/chart -->
|
||||||
|
<div id="graph" style="height: 60vh; padding: 1rem;">
|
||||||
|
<!-- e.g. <canvas id="myChart"></canvas> or your chart library mount point -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Your spreadsheet/table -->
|
||||||
|
<div id="spreadsheet" style="height: 60vh; padding: 1rem;">
|
||||||
|
<!-- e.g. a table or your react/vanilla table component -->
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Date/Time</th>
|
||||||
|
<th>Temperature</th>
|
||||||
|
<th>Humidity</th>
|
||||||
|
<th>Heat Index</th>
|
||||||
|
<th>Location</th>
|
||||||
|
<th>Direction</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<!-- rows go here -->
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- your scripts here -->
|
||||||
|
<script src="/socket.io.js"></script>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
72
public/input-area.html
Normal file
72
public/input-area.html
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="/favicon.ico">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<title>Log Area Reading</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<img src="/image/logo.png" alt="Amazon Logo" class="logo">
|
||||||
|
<span class="header-title"> | Fuego - Heat Tracker</span>
|
||||||
|
<button class="nav-btn" onclick="location.href='/input.html'">Dock Reading</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/heatmap.html'">Heat Map</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/trends.html'">Trends</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/input-area.html'">Area Reading</button>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="page-container">
|
||||||
|
<h1>Enter Area Reading</h1>
|
||||||
|
<form id="area-form">
|
||||||
|
<fieldset>
|
||||||
|
<legend>Area Selection</legend>
|
||||||
|
<select id="area" class="form-input" required>
|
||||||
|
<option value="" disabled selected>Select an area</option>
|
||||||
|
<option value="A-Mod">A-Mod</option>
|
||||||
|
<option value="AFE-1">AFE-1 (Outbound Pre-Slam Floor 1)</option>
|
||||||
|
<option value="AFE-2">AFE-2 (Outbound Pre-Slam Floor 2)</option>
|
||||||
|
<option value="B-Mod">B-Mod</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Station Code</legend>
|
||||||
|
<input
|
||||||
|
id="stationCode"
|
||||||
|
class="form-input"
|
||||||
|
type="text"
|
||||||
|
placeholder="4-digit code (e.g. 4305)"
|
||||||
|
pattern="\d{4}"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<small style="display:block; text-align:center; color:#666;">
|
||||||
|
Format: <Floor (1–4)><Dir (1=N,2=E,3=S,4=W)><Station # (2 digits)>
|
||||||
|
</small>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Measurements</legend>
|
||||||
|
<input
|
||||||
|
id="temperature"
|
||||||
|
class="form-input"
|
||||||
|
type="number"
|
||||||
|
step="0.1"
|
||||||
|
placeholder="Temperature (°F)"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
id="humidity"
|
||||||
|
class="form-input"
|
||||||
|
type="number"
|
||||||
|
step="0.1"
|
||||||
|
placeholder="Humidity (%)"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
</fieldset>
|
||||||
|
<button type="submit" class="big-button">Submit Area Reading</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="scripts/input-area.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
47
public/input.html
Normal file
47
public/input.html
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="/favicon.ico">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<title>Log Dual Readings</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<img src="/image/logo.png" alt="Amazon Logo" class="logo">
|
||||||
|
<span class="header-title"> | Fuego - Heat Tracker</span>
|
||||||
|
<button class="nav-btn" onclick="location.href='/input.html'">Log Reading</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/heatmap.html'">Heat Map</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/trends.html'">Trends</button>
|
||||||
|
<button class="nav-btn" onclick="location.href='/input-area.html'">Area Reading</button>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="page-container">
|
||||||
|
<h1>Enter Inbound & Outbound Readings</h1>
|
||||||
|
<form id="reading-form">
|
||||||
|
<fieldset>
|
||||||
|
<legend>Inbound</legend>
|
||||||
|
<input class="form-input" id="inboundDoor" type="number"
|
||||||
|
placeholder="Dock Door # (124–138, 202–209)" required>
|
||||||
|
<input class="form-input" id="inboundTemp" type="number" step="0.1"
|
||||||
|
placeholder="Temperature (°F)" required>
|
||||||
|
<input class="form-input" id="inboundHum" type="number" step="0.1"
|
||||||
|
placeholder="Humidity (%)" required>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Outbound</legend>
|
||||||
|
<input class="form-input" id="outboundDoor" type="number"
|
||||||
|
placeholder="Dock Door # (142–201)" required>
|
||||||
|
<input class="form-input" id="outboundTemp" type="number" step="0.1"
|
||||||
|
placeholder="Temperature (°F)" required>
|
||||||
|
<input class="form-input" id="outboundHum" type="number" step="0.1"
|
||||||
|
placeholder="Humidity (%)" required>
|
||||||
|
</fieldset>
|
||||||
|
<button type="submit" class="big-button">Submit Both</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="scripts/input.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user