refactor: simplify NFC tag assignment logic and enhance info message styling
This commit is contained in:
parent
269f54b2b3
commit
2fb2a2f183
12
html/rfid.js
12
html/rfid.js
@ -239,16 +239,6 @@ function updateNfcInfo() {
|
||||
`${spool.id} | ${spool.filament.name} (${spool.filament.material})` === selectedText
|
||||
);
|
||||
|
||||
if (selectedSpool && selectedSpool.extra.nfc_id) {
|
||||
nfcInfo.textContent = "NFC Tag assigned";
|
||||
nfcInfo.classList.add("nfc-success");
|
||||
nfcInfo.classList.remove("nfc-error");
|
||||
} else {
|
||||
nfcInfo.textContent = "No NFC-Tag assigned";
|
||||
nfcInfo.classList.add("nfc-error");
|
||||
nfcInfo.classList.remove("nfc-success");
|
||||
}
|
||||
|
||||
if (selectedSpool) {
|
||||
writeButton.classList.remove("hidden");
|
||||
} else {
|
||||
@ -526,7 +516,7 @@ function updateNfcData(data) {
|
||||
}
|
||||
|
||||
} else {
|
||||
nfcDataDiv.innerHTML = '<div style="margin-top: 10px;"></div>';
|
||||
nfcDataDiv.innerHTML = '<div class="info-message-inner" style="margin-top: 10px;"></div>';
|
||||
}
|
||||
nfcStatusContainer.appendChild(nfcDataDiv);
|
||||
return;
|
||||
|
@ -480,11 +480,15 @@ a:hover {
|
||||
|
||||
.info-message {
|
||||
padding: 10px;
|
||||
background-color: #fff3f3;
|
||||
background-color: var(--header-bg);
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #39d82e;
|
||||
}
|
||||
|
||||
.info-message-inner {
|
||||
background-color: var(--header-bg) !important;
|
||||
}
|
||||
|
||||
.nfc-header {
|
||||
display: grid;
|
||||
grid-template-columns: 40px 1fr 40px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user