-
Manual Entry
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ Identity
+ required
+ ▾
-
-
-
+
+
+
⚠️ Machine ID is required
-
-
-
+
+
-
- 📍 Directions & Access
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
- 🔑 Keys
-
-
-
- ⚠️ Asset Name is required
-
-
-
+
+
-
- 🪪 Security Badges
-
-
-
-
-
- 🏢 Customer & Location
-
-
-
-
📸 Photo (optional)
-
-
-
+
+
-
-
-
-
-
Tap to take photo
+
+
+
-
+
+
+
+
+
+
+
+ Location & Directions
+ ▾
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ✓ Done
+
+
+
+
+ ✓ Done
+
+
+
+
+
+
+
+ Keys & Badges
+ ▾
+
+
+
+
+ 🔑 Keys
+
+
+
+
+ 🪪 Security Badges
+
+
+
+
+
+
+
+ Customer & Location
+ ▾
+
+
+
+
+
+
+
+
+
+
+
+
+ Photo (optional)
+ ▾
+
+
+
+
+
+
+
+
+
+
+
+ Tap to take photo
+
-
-
+
+
@@ -2724,18 +2873,20 @@
// Update tab panels with slide animation
const oldPanel = document.querySelector('.tab-panel.active');
- if (oldPanel) {
- oldPanel.classList.remove('active');
+ const newPanel = document.getElementById(tabId);
+ if (oldPanel && oldPanel !== newPanel) {
+ // Play exit animation on old panel, keeping it visible
oldPanel.classList.add('slide-left');
oldPanel.addEventListener('animationend', function handler() {
oldPanel.removeEventListener('animationend', handler);
- oldPanel.classList.remove('slide-left');
+ oldPanel.classList.remove('active', 'slide-left');
}, { once: true });
- }
- const panel = document.getElementById(tabId);
- if (panel) {
- // Brief delay to let exit animation start before entry
- setTimeout(() => panel.classList.add('active'), 50);
+ // Small delay then show new panel with slide-in
+ setTimeout(() => {
+ if (newPanel) newPanel.classList.add('active');
+ }, 50);
+ } else if (newPanel) {
+ newPanel.classList.add('active');
}
// Update bottom tabs — highlight the matching tab, or "More" for drawer-only tabs
@@ -2916,6 +3067,17 @@
initKeyBadges();
}, 100);
}
+
+ // T2: Load draft when switching to manual mode
+ if (mode === 'manual') {
+ setTimeout(() => {
+ if (!loadDraft()) {
+ // No draft - just ensure categories are populated
+ populateCategorySelect('manCatSelect');
+ }
+ initKeyBadges();
+ }, 100);
+ }
}
// ── Shared: Load settings dropdowns ─────────────────────────────────────
@@ -4429,6 +4591,82 @@
// Do NOT call switchTab here — the caller handles the tab transition
}
+ // ── Navigate page asset search ────────────────────────────────────────
+ let navSearchTimer = null;
+ async function searchNavAssets() {
+ clearTimeout(navSearchTimer);
+ navSearchTimer = setTimeout(async () => {
+ const q = document.getElementById('navSearchInput').value.trim();
+ const results = document.getElementById('navSearchResults');
+ const clearBtn = document.getElementById('clearNavSearch');
+ if (clearBtn) clearBtn.style.display = q ? '' : 'none';
+ if (!q) { results.innerHTML = ''; return; }
+ try {
+ const assets = await api('/api/assets?q=' + encodeURIComponent(q) + '&limit=8');
+ if (!assets.length) {
+ results.innerHTML = 'No assets found
';
+ return;
+ }
+ results.innerHTML = assets.map(a => {
+ const hasLocation = a.latitude != null && a.longitude != null;
+ return `
+
+
`;
+ }).join('');
+ } catch (e) {
+ results.innerHTML = '
+
+ ${esc(a.name)}
+
+ →
+ Search failed
';
+ }
+ }, 300);
+ }
+
+ function clearNavSearch() {
+ const input = document.getElementById('navSearchInput');
+ input.value = '';
+ document.getElementById('navSearchResults').innerHTML = '';
+ document.getElementById('clearNavSearch').style.display = 'none';
+ input.focus();
+ }
+
+ async function navToSearchedAsset(assetId) {
+ // Fetch asset details to get navigation data
+ if (!AppState.gpsLat || !AppState.gpsLng) {
+ showToast('GPS location not available. Tap ◎ My Location first.', true);
+ return;
+ }
+ try {
+ const nav = await api('/api/assets/' + assetId +
+ '/navigation?lat=' + AppState.gpsLat + '&lng=' + AppState.gpsLng);
+ AppState._navData = nav;
+ renderNavPage();
+ // Clear search
+ document.getElementById('navSearchInput').value = '';
+ document.getElementById('navSearchResults').innerHTML = '';
+ document.getElementById('clearNavSearch').style.display = 'none';
+ } catch (e) {
+ showToast(e.message, true);
+ }
+ }
+
+ async function switchNavMode(mode) {
+ // Re-fetch navigation with new mode
+ const nav = AppState._navData;
+ if (!nav) return;
+ try {
+ const newNav = await api('/api/assets/' + nav.asset_id +
+ '/navigation?lat=' + AppState.gpsLat + '&lng=' + AppState.gpsLng + '&mode=' + mode);
+ AppState._navData = newNav;
+ renderNavPage();
+ } catch (e) {
+ showToast(e.message, true);
+ }
+ }
+
function clearRouteLine() {
if (!map) return;
if (map._routeLine) { map.removeLayer(map._routeLine); map._routeLine = null; }