Joren/DRMDTool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Speed

Browse Source
This commit is contained in:
Joren 2024-12-30 16:16:21 +01:00
parent 83cd0b722b
commit 68da5f9658
Signed by: Joren
GPG Key ID: 280E33DFBC0F1B55
1 changed files with 64 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/templates/index
View File

@ -45,7 +45,10 @@
ul { ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
margin-bottom: 10px; margin-bottom: 10px;
background-color: #2d2d2d;
border: 1px solid #444;
border-radius: 4px;
} }
li { li {
background-color: #2d2d2d; background-color: #2d2d2d;
@ -145,6 +148,53 @@
.speed-limit-form button:hover { .speed-limit-form button:hover {
background-color: #45a049; background-color: #45a049;
} }
.speed-limit-container {
display: flex;
align-items: center;
margin-bottom: 20px;
background-color: #2d2d2d;
padding: 8px 12px;
border-radius: 4px;
border: 1px solid #444;
}
.speed-limit-container .form-group {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.speed-limit-container input[type="number"],
.speed-limit-container select,
.speed-limit-container button {
background-color: #2d2d2d;
color: #d4d4d4;
border: 1px solid #444;
padding: 8px 12px;
border-radius: 4px;
height: 40px;
box-sizing: border-box;
}
.speed-limit-container button {
cursor: pointer;
background-color: #4CAF50;
color: white;
}
.speed-limit-container button:hover {
background-color: #45a049;
}
.speed-limit-container .speed-limit {
color: #d4d4d4;
margin-left: auto;
display: flex;
align-items: center;
}
.speed-limit-container .speed-limit span {
margin-left: 5px;
}
.current-speed-limit {
color: #d4d4d4;
margin-top: 10px;
}
</style> </style>
</head> </head>
<body> <body>
@ -176,7 +226,7 @@
<div class="settings-section"> <div class="settings-section">
<h2>Settings</h2> <h2>Settings</h2>
<form id="speed-limit-form" class="speed-limit-form" onsubmit="updateSpeedLimit(event)"> <div class="speed-limit-container">
<div class="form-group"> <div class="form-group">
<label for="speedLimitValue">Global Speed Limit:</label> <label for="speedLimitValue">Global Speed Limit:</label>
<input type="number" id="speedLimitValue" name="speedLimitValue" min="0" step="0.01" required> <input type="number" id="speedLimitValue" name="speedLimitValue" min="0" step="0.01" required>
@ -187,8 +237,7 @@
</select> </select>
<button type="button" onclick="updateSpeedLimit(event)">Set Speed Limit</button> <button type="button" onclick="updateSpeedLimit(event)">Set Speed Limit</button>
</div> </div>
<p class="speed-limit">Current Speed Limit: <span id="currentSpeedLimit">{{if .GlobalSpeedLimit}}{{.GlobalSpeedLimit}}{{else}}unlimited{{end}}</span></p> </div>
</form>
</div> </div>
<script> <script>
@ -225,6 +274,17 @@
} }
}); });
} }
document.addEventListener('DOMContentLoaded', function() {
const currentSpeedLimit = "{{if .GlobalSpeedLimit}}{{.GlobalSpeedLimit}}{{else}}0{{end}}";
const speedLimitValueInput = document.getElementById('speedLimitValue');
// Extract numeric value and unit
const match = currentSpeedLimit.match(/(\d+(\.\d+)?)([A-Za-z]+)/);
if (match) {
speedLimitValueInput.value = match[1]; // Set the numeric value
document.getElementById('speedLimitUnit').value = match[3]; // Set the unit
}
});
</script> </script>
</body> </body>
</html> </html>