KRBL/ArgusSite
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

devices from DB, updating device info

Browse Source
This commit is contained in:
Ivan
2023-07-16 19:09:25 +03:00
parent c1457995e8
commit 98c01bb8e6
12 changed files with 1445 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
static/templates/devices/newdevice.html
View File

@ -94,9 +94,9 @@
<div class="parameters-input">
<label for="parameters-plateColor">Цвет номерного знака<span style="color: rgba(255, 69, 58, 1);">*</span></label>
<select name="plateColor" id="parameters-plateColor">
<option value="white">Белый</option>
<option value="blue">Синий</option>
<option value="yellow">Жёлтый</option>
<option value="white">Белый</option>
</select>
</div>
<div class="parameters-input">
@ -358,130 +358,7 @@
});
</script>
<script>
$("#continue-details").click(function () {
document.getElementById("stage-sim").checked = true;
});
$("#continue-sim").click(function () {
document.getElementById("stage-ts").checked = true;
});
$("#continue-ts").click(function () {
document.getElementById("stage-equipment").checked = true;
});
</script>
<script>
const container = document.getElementById('new-parameters');
const content1 = document.getElementById('details');
const content2 = document.getElementById('sim');
const content3 = document.getElementById('ts');
const content4 = document.getElementById('equipment');
const btn1 = document.getElementById('continue-details');
const btn2 = document.getElementById('continue-sim');
const btn3 = document.getElementById('continue-ts');
const radioButtons = document.querySelectorAll('input[type="radio"][name="newStage"]');
const duration = 100;
let activeContent = content1;
function switchContent(newContent) {
fadeOut(activeContent, () => {
fadeIn(newContent);
activeContent = newContent;
});
}
function fadeIn(element) {
element.style.opacity = 0;
element.style.display = 'block';
let start = performance.now();
function animate(time) {
let timeFraction = (time - start) / duration;
if (timeFraction > 1) {
element.style.opacity = 1;
} else {
element.style.opacity = timeFraction;
requestAnimationFrame(animate);
}
}
requestAnimationFrame(animate);
}
function fadeOut(element, callback) {
element.style.opacity = 1;
let start = performance.now();
function animate(time) {
let timeFraction = (time - start) / duration;
if (timeFraction > 1) {
element.style.opacity = 0;
element.style.display = 'none';
if (callback) {
callback();
}
} else {
element.style.opacity = 1 - timeFraction;
requestAnimationFrame(animate);
}
}
requestAnimationFrame(animate);
}
btn1.addEventListener('click', () => {
if (activeContent === content1) {
switchContent(content2);
} else {
switchContent(content1);
}
});
btn2.addEventListener('click', () => {
if (activeContent === content2) {
switchContent(content3);
} else {
switchContent(content2);
}
});
btn3.addEventListener('click', () => {
if (activeContent === content3) {
switchContent(content4);
} else {
switchContent(content3);
}
});
for (let radioButton of radioButtons) {
radioButton.addEventListener('change', () => {
if (radioButton.value === 'details') {
switchContent(content1);
} else if (radioButton.value === 'sim') {
switchContent(content2);
} else if (radioButton.value === 'ts') {
switchContent(content3);
} else if (radioButton.value === 'equipment') {
switchContent(content4);
}
});
}
</script>
<script>
function truncateText(select) {
var maxLength = 30;
var option = select.options[select.selectedIndex];
if (option.text.length > maxLength) {
option.text = option.text.substring(0, maxLength) + '...';
}
}
</script>
<script src="../scripts/device-form.js"></script>