Fixed indents and added met viewport to header

This commit is contained in:
Camerin Figueroa 2024-06-20 16:18:51 +00:00
parent 020b5b0ccf
commit a71d702c21
4 changed files with 280 additions and 276 deletions

View File

@ -2,6 +2,7 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>

View File

@ -2,6 +2,8 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
@ -64,15 +66,15 @@
{{#each history_records}}
{
id: {{id}},
client_id:"{{client_id}}",
client_id: "{{client_id}}",
request_type: "{{request_type}}",
timestamp:"{{timestamp}}"
timestamp: "{{timestamp}}"
},
{{/each}}
];
function popupRecord(event, id) {
console.log(records.filter(v=>v.id == id));
console.log(records.filter(v => v.id == id));
}
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"

View File

@ -62,7 +62,7 @@
</tr>
</tbody>
</table>
<input class="btn btn-primary" type="submit" value="Submit"/>
<input class="btn btn-primary" type="submit" value="Submit" />
</form>
</div>
@ -94,7 +94,7 @@
}
function resetForm(resetStorage=true) {
function resetForm(resetStorage = true) {
if (resetStorage) {
localStorage.removeItem('mirror-save');
@ -117,10 +117,10 @@
newInput.innerHTML = `
<td>
<input class="form-control" id='${fieldCount}-input' type='text' name='${fieldCount}' onchange="onValueChange('${fieldCount}', event)" value='${field?field.value:""}'/>
<input class="form-control" id='${fieldCount}-input' type='text' name='${fieldCount}' onchange="onValueChange('${fieldCount}', event)" value='${field ? field.value : ""}'/>
</td>
<td >
<input class="form-control" id="${fieldCount}-name" type='text' onchange="onNameChange('${fieldCount}', event);" value='${field?field.name:fieldCount}'>
<input class="form-control" id="${fieldCount}-name" type='text' onchange="onNameChange('${fieldCount}', event);" value='${field ? field.name : fieldCount}'>
</td>
<td>
<select class="form-select col-auto" id="${fieldCount}-type" onchange='onInputTypeSelect("${fieldCount}", event)' aria-label="Field Type">
@ -143,7 +143,7 @@
</td>`;
for (let element in document.getElementById(`${fieldCount}-type`)) {
if(element.value === field.type) {
if (element.value === field.type) {
element.selected = true;
}
}

View File

@ -2,6 +2,7 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>