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