98 lines
3.2 KiB
Plaintext
98 lines
3.2 KiB
Plaintext
<!-- views/sensor.ejs -->
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Home</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<h1>ECOSAVER MANAGEMENT</h1>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="#" id="allSensorLink">All Sensor</a>
|
|
<a href="#" id="addSensorLink">Add Sensor</a>
|
|
<a href="#">Update Sensor</a>
|
|
<a href="#">Delete Sensor</a>
|
|
<a href="/home" id="homeLink">Home</a>
|
|
</nav>
|
|
|
|
<main>
|
|
<h2>Welcome to the Sensor Page</h2>
|
|
</main>
|
|
<div id="sensorContainer">
|
|
<table class="nice-table">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Sensor Name</th>
|
|
<th>Added By</th>
|
|
<th>Mac Address</th>
|
|
<th>Description</th>
|
|
<th>Location</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="sensorTableBody"></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="createSensorForm" class="sensor-creation-container" style="display: none;">
|
|
<h3>Add Sensor</h3>
|
|
<div class="content">
|
|
<form action="/api/v0/sensor/new" id="sensorForm" method="post">
|
|
<div class="Sensor-details">
|
|
<div class="input-box">
|
|
<span class="details">Sensor Name</span>
|
|
<input type="text" name="sensor" id="sensor" placeholder="Enter Sensor name" required>
|
|
</div>
|
|
<div class="input-box">
|
|
<span class="details">Mac Address</span>
|
|
<input type="text" name="macAddress" id="macAddress" placeholder="Enter the Mac Address" required>
|
|
</div>
|
|
<div class="input-box">
|
|
<span class="details">Description</span>
|
|
<input type="text" name="description" id="description" placeholder="Enter the description here" required>
|
|
</div>
|
|
<div class="input-box">
|
|
<span class="details">Location</span>
|
|
<select name="location" id="locationDropdown" required>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="csrf_token" value="<%= csrfToken %>">
|
|
<div class="button">
|
|
<input type="submit" value="Submit">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="additional-text4" style="display: none;">
|
|
<div class="condition">
|
|
<span>Conditions for creating a Sensor:</span>
|
|
<ul>
|
|
<li class="error">Please Remember to fill all inputs.</li>
|
|
<li class="error">Please ensure all inputs are correct before adding</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
Any Issue faced, Please contact the administrator at 11111111 or ecosaverAdmin@gmail.com
|
|
</footer>
|
|
</body>
|
|
<script>
|
|
const locationsArray = <%=-JSON.stringify(locationsData) %>;
|
|
const sensorArray = <%- JSON.stringify(sensorData) %>;
|
|
</script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.3.3/purify.min.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
|
|
<script src="sensor.js"></script>
|
|
</html> |