64 lines
2.1 KiB
HTML
64 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CSV Preview</title>
|
|
<script>
|
|
function collectEditedData() {
|
|
const rows = document.querySelectorAll('tbody tr');
|
|
const assets = [];
|
|
|
|
rows.forEach(row => {
|
|
const cells = row.querySelectorAll('td');
|
|
assets.push({
|
|
assettag: cells[0].innerText,
|
|
hostname: cells[1].innerText,
|
|
warrantyfrom: cells[2].innerText,
|
|
status: cells[3].innerText,
|
|
staffnum: cells[4].innerText
|
|
});
|
|
});
|
|
|
|
// Add edited data to a hidden input
|
|
const input = document.createElement('input');
|
|
input.type = 'hidden';
|
|
input.name = 'assets';
|
|
input.value = JSON.stringify(assets);
|
|
document.querySelector('form').appendChild(input);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>CSV Preview</h1>
|
|
|
|
<!-- Display CSV data in a table -->
|
|
<table border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Asset Tag</th>
|
|
<th>Hostname</th>
|
|
<th>Warranty From</th>
|
|
<th>Status</th>
|
|
<th>Staff Number</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for asset in assets %}
|
|
<tr>
|
|
<td contenteditable="true">{{ asset.assettag }}</td>
|
|
<td contenteditable="true">{{ asset.hostname }}</td>
|
|
<td contenteditable="true">{{ asset.warrantyfrom }}</td>
|
|
<td contenteditable="true">{{ asset.status }}</td>
|
|
<td contenteditable="true">{{ asset.staffnum }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Form button to confirm and save data -->
|
|
<form action="/confirm_save" method="POST" onsubmit="collectEditedData()">
|
|
<button type="submit">Confirm and Save to Database</button>
|
|
</form>
|
|
</body>
|
|
</html> |