a.tolmachev
74 lines
2.8 KiB
JavaScript
74 lines
2.8 KiB
JavaScript
// Populate profile from stored user
|
|
try {
|
|
var u = JSON.parse(localStorage.getItem('crank_user'));
|
|
if (u) {
|
|
document.getElementById('profile-avatar').textContent = u.initials || 'AT';
|
|
document.getElementById('profile-display-name').textContent = u.name || 'Operator';
|
|
document.getElementById('profile-email').textContent = u.email || '';
|
|
var fi = document.getElementById('field-firstname');
|
|
var fe = document.getElementById('field-email');
|
|
if (fi && u.name) fi.value = u.name;
|
|
if (fe && u.email) fe.value = u.email;
|
|
}
|
|
} catch (e) {}
|
|
|
|
// Inject language switcher into section-profile card body, before Save button
|
|
(function() {
|
|
var profileSection = document.getElementById('section-profile');
|
|
if (!profileSection) return;
|
|
var cardBody = profileSection.querySelector('.section-card-body');
|
|
if (!cardBody) return;
|
|
fetch('html/fragments/lang-switcher.html')
|
|
.then(function(r) { return r.text(); })
|
|
.then(function(html) {
|
|
var saveRow = cardBody.querySelector('div[style*="justify-content:flex-end"]');
|
|
if (saveRow) {
|
|
saveRow.insertAdjacentHTML('beforebegin', html);
|
|
} else {
|
|
cardBody.insertAdjacentHTML('beforeend', html);
|
|
}
|
|
if (typeof applyLang === 'function') applyLang();
|
|
});
|
|
})();
|
|
|
|
// Settings sidebar navigation
|
|
var navItems = document.querySelectorAll('.settings-nav-item[data-section]');
|
|
navItems.forEach(function(btn) {
|
|
btn.addEventListener('click', function() {
|
|
navItems.forEach(function(b) { b.classList.remove('active'); });
|
|
this.classList.add('active');
|
|
var target = document.getElementById('section-' + this.dataset.section);
|
|
if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
});
|
|
});
|
|
|
|
// Hash navigation (e.g. settings.html#security)
|
|
if (window.location.hash) {
|
|
var hash = window.location.hash.slice(1);
|
|
var btn = document.querySelector('.settings-nav-item[data-section="' + hash + '"]');
|
|
if (btn) setTimeout(function() { btn.click(); }, 100);
|
|
}
|
|
// Default: scroll to profile
|
|
else {
|
|
var profileBtn = document.querySelector('.settings-nav-item[data-section="profile"]');
|
|
if (profileBtn) profileBtn.classList.add('active');
|
|
}
|
|
|
|
// IntersectionObserver scroll-spy: highlight active sidebar item as user scrolls
|
|
var observer = new IntersectionObserver(function(entries) {
|
|
entries.forEach(function(entry) {
|
|
if (entry.isIntersecting) {
|
|
var sectionId = entry.target.id; // e.g. "section-profile"
|
|
var name = sectionId.replace('section-', ''); // e.g. "profile"
|
|
document.querySelectorAll('.settings-nav-item[data-section]').forEach(function(b) {
|
|
b.classList.toggle('active', b.dataset.section === name);
|
|
});
|
|
}
|
|
});
|
|
}, { threshold: 0.3 });
|
|
|
|
// Observe all visible sections (not hidden ones)
|
|
document.querySelectorAll('[id^="section-"]').forEach(function(el) {
|
|
if (el.style.display !== 'none') observer.observe(el);
|
|
});
|