93 lines
2.8 KiB
JavaScript
93 lines
2.8 KiB
JavaScript
// static/js/ustawienia.js
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Formatowanie IBAN (PL)
|
|
const iban = document.getElementById('numer_konta');
|
|
if (iban) {
|
|
iban.addEventListener('input', () => {
|
|
const digits = iban.value.replace(/\D/g, '').slice(0, 26);
|
|
const chunked = digits.replace(/(.{4})/g, '$1 ').trim();
|
|
iban.value = chunked;
|
|
});
|
|
}
|
|
|
|
// Telefon BLIK 3-3-3
|
|
const tel = document.getElementById('numer_telefonu_blik');
|
|
if (tel) {
|
|
tel.addEventListener('input', () => {
|
|
const digits = tel.value.replace(/\D/g, '').slice(0, 9);
|
|
const parts = [];
|
|
if (digits.length > 0) parts.push(digits.substring(0, 3));
|
|
if (digits.length > 3) parts.push(digits.substring(3, 6));
|
|
if (digits.length > 6) parts.push(digits.substring(6, 9));
|
|
tel.value = parts.join(' ');
|
|
});
|
|
}
|
|
|
|
// Biała lista IP/hostów
|
|
const ta = document.getElementById('dozwolone_hosty_logowania');
|
|
const count = document.getElementById('hostsCount');
|
|
const addBtn = document.getElementById('btn-add-host');
|
|
const addMyBtn = document.getElementById('btn-add-my-ip');
|
|
const input = document.getElementById('host_input');
|
|
const dedupeBtn = document.getElementById('btn-dedupe');
|
|
|
|
const parseList = (text) =>
|
|
text
|
|
.split(/[\r\n,;]+/) // \r?\n, przecinek, średnik
|
|
.map(s => s.trim())
|
|
.filter(Boolean);
|
|
|
|
const formatList = (arr) => arr.join('\n');
|
|
|
|
const dedupe = (arr) => {
|
|
const seen = new Set();
|
|
const out = [];
|
|
for (const v of arr) {
|
|
const k = v.toLowerCase();
|
|
if (!seen.has(k)) { seen.add(k); out.push(v); }
|
|
}
|
|
return out;
|
|
};
|
|
|
|
const updateCount = () => {
|
|
if (!ta || !count) return;
|
|
count.textContent = String(parseList(ta.value).length);
|
|
};
|
|
|
|
const addEntry = (val) => {
|
|
if (!ta || !val) return;
|
|
const list = dedupe([...parseList(ta.value), val]);
|
|
ta.value = formatList(list);
|
|
updateCount();
|
|
};
|
|
|
|
if (ta) {
|
|
ta.addEventListener('input', updateCount);
|
|
updateCount(); // inicjalne przeliczenie
|
|
}
|
|
|
|
if (addBtn && input) {
|
|
addBtn.addEventListener('click', () => {
|
|
const val = (input.value || '').trim();
|
|
if (!val) return;
|
|
addEntry(val);
|
|
input.value = '';
|
|
input.focus();
|
|
});
|
|
}
|
|
|
|
if (addMyBtn) {
|
|
addMyBtn.addEventListener('click', () => {
|
|
const ip = addMyBtn.dataset.myIp || '';
|
|
if (ip) addEntry(ip);
|
|
});
|
|
}
|
|
|
|
if (dedupeBtn && ta) {
|
|
dedupeBtn.addEventListener('click', () => {
|
|
ta.value = formatList(dedupe(parseList(ta.value)));
|
|
updateCount();
|
|
});
|
|
}
|
|
});
|