' + this.escapeHtml(name) + '
' +\n '' + this.escapeHtml(msg) + '
' +\n '' + this.escapeHtml(file.name) + '
' +\n '' + (I18N.connectionErrorRetry || 'Verbindungsfehler. Bitte erneut versuchen.') + '
';\n } finally {\n this.scraping = false;\n }\n },\n\n resetUrlImport() {\n this.scrapedImages = [];\n this.scrapedMetadata = {};\n this.importUrl = '';\n this.scraping = false;\n this.importing = false;\n if (this.$refs.scrapeResults) this.$refs.scrapeResults.innerHTML = '';\n },\n\n async importSelectedUrls(selectedIndexes) {\n if (this.importing) return;\n const urls = selectedIndexes.map(i => this.scrapedImages[i]).filter(Boolean);\n if (!urls.length) return;\n\n this.importing = true;\n this.hasUploads = true;\n this.activeTab = 'device'; // Switch to show upload rows\n // Capture refs now, before any await \u2014 `this.$refs` throws (_x_refs)\n // if an hx-boost navigation tears the component down mid-import.\n const scrapeResults = this.$refs.scrapeResults;\n const uploadRows = this.$refs.uploadRows;\n if (scrapeResults) scrapeResults.innerHTML = '';\n this.scrapedImages = [];\n\n const importUrl = this.$root.dataset.importUrl;\n const csrfToken = document.querySelector('meta[name=\"csrf-token\"]').content;\n let importedCount = 0;\n\n // Show pending placeholders\n const tempIds = urls.map((_, i) => {\n const tempId = 'import-' + Date.now() + '-' + i;\n const html = '' + (I18N.photoOfCount || 'Foto {n} von {total}').replace('{n}', i + 1).replace('{total}', urls.length) + '
' +\n '' + (I18N.importFailed || 'Import fehlgeschlagen') + '
' + (I18N.connectionErrorRetry || 'Verbindungsfehler. Bitte erneut versuchen.') + '
';\n }\n this.step = 'results';\n }\n },\n\n resetScrape() {\n this.scrapedImages = [];\n this.scrapedMetadata = {};\n this.propertyName = '';\n this.importUrl = '';\n this.importError = '';\n if (this.$refs.scrapeResults) this.$refs.scrapeResults.innerHTML = '';\n this.step = 'url';\n },\n\n async createWithImport(selectedIndexes) {\n if (this.importing) return;\n\n const name = this.propertyName.trim();\n if (!name) {\n this.importError = I18N.nameRequired || 'Name ist erforderlich';\n return;\n }\n\n const urls = selectedIndexes.map(i => this.scrapedImages[i]).filter(Boolean);\n if (!urls.length) return;\n\n this.importError = '';\n this.step = 'importing';\n this.importing = true;\n estimateProgress((v) => { this.progress = v; }, IMPORT_BASE_MS + IMPORT_PER_PHOTO_MS * urls.length);\n\n const createUrl = this.$root.dataset.createUrl;\n const csrfToken = document.querySelector('meta[name=\"csrf-token\"]').content;\n\n try {\n const res = await fetch(createUrl, {\n method: 'POST',\n headers: {\n 'X-CSRFToken': csrfToken,\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ name, urls, metadata: this.scrapedMetadata }),\n });\n\n const data = await res.json();\n\n if (!res.ok) {\n this.importError = data.error || I18N.importFailed || 'Import fehlgeschlagen';\n this.step = 'results';\n this.importing = false;\n return;\n }\n\n // Redirect to new property\n if (data.redirect_url) {\n window.location.href = data.redirect_url;\n return;\n }\n } catch (e) {\n this.importError = I18N.connectionErrorRetry || 'Verbindungsfehler. Bitte erneut versuchen.';\n this.step = 'results';\n } finally {\n this.importing = false;\n }\n },\n }));\n\n});\n", "// Search box on the property list (/app/), shown from\n// PROPERTY_SEARCH_MIN_PROPERTIES properties on (dashboard/views/account.py).\n//\n// The list renders every property on one page, so the filter runs here,\n// without a request. Matching ignores case, accents and the German umlaut\n// spellings: \"strasse\" finds \"Stra\u00DFe\", \"muller\" and \"mueller\" find \"M\u00FCller\".\n// Every word must match, in any order. See docs/code/property-search.md.\n\n// Letters that NFD does not split into a base letter and an accent.\nconst SPECIAL_LETTERS = { '\u00DF': 'ss', '\u00E6': 'ae', '\u0153': 'oe', '\u00F8': 'o', '\u0142': 'l', '\u0111': 'd' };\nconst COMBINING_MARKS = /[\u0300-\u036F]/g;\n// \"mueller\" and \"m\u00FCller\" both become \"muller\" in the loose form.\nconst UMLAUT_SPELLINGS = { a: 'e', o: 'e', u: 'e' };\nconst URL_DELAY_MS = 300;\n\n// Lower-cases and strips accents. Each output character remembers the range\n// of the input it came from, so a match can be highlighted in the original.\nfunction fold(text) {\n let out = '';\n const ranges = [];\n let i = 0;\n for (const ch of text) {\n const lower = ch.toLowerCase().normalize('NFD').replace(COMBINING_MARKS, '');\n for (const c of lower) {\n const plain = SPECIAL_LETTERS[c] || c;\n for (const p of plain) {\n out += p;\n ranges.push([i, i + ch.length]);\n }\n }\n i += ch.length;\n }\n return { text: out, ranges };\n}\n\n// Folded text with \"ae\", \"oe\" and \"ue\" written as one letter.\nfunction loosen(folded) {\n let out = '';\n const ranges = [];\n const src = folded.text;\n for (let i = 0; i < src.length; i++) {\n if (UMLAUT_SPELLINGS[src[i]] && src[i + 1] === UMLAUT_SPELLINGS[src[i]]) {\n out += src[i];\n ranges.push([folded.ranges[i][0], folded.ranges[i + 1][1]]);\n i++;\n } else {\n out += src[i];\n ranges.push(folded.ranges[i]);\n }\n }\n return { text: out, ranges };\n}\n\nfunction searchable(text) {\n const strict = fold(text);\n return { strict, loose: loosen(strict) };\n}\n\n// Ranges of the original text where the word occurs. The strict form finds\n// \"er\" in \"Hauer\"; the loose form finds \"mueller\" in \"M\u00FCller\".\nfunction wordRanges(name, word) {\n // A lone accent folds to nothing. It matches everything, marks nothing.\n if (!word.strict.text) return [];\n for (const form of ['strict', 'loose']) {\n const haystack = name[form];\n const needle = word[form].text;\n const found = [];\n let at = haystack.text.indexOf(needle);\n while (at !== -1) {\n found.push([haystack.ranges[at][0], haystack.ranges[at + needle.length - 1][1]]);\n at = haystack.text.indexOf(needle, at + needle.length);\n }\n if (found.length) return found;\n }\n return null;\n}\n\nfunction mergeRanges(ranges) {\n const sorted = ranges.slice().sort((a, b) => a[0] - b[0]);\n const merged = [];\n for (const r of sorted) {\n const last = merged[merged.length - 1];\n if (last && r[0] <= last[1]) last[1] = Math.max(last[1], r[1]);\n else merged.push([r[0], r[1]]);\n }\n return merged;\n}\n\n// Writes the name as text nodes plus elements. No innerHTML, so a\n// property name can never inject markup.\nfunction renderName(el, name, ranges) {\n if (!ranges.length) {\n el.textContent = name;\n return;\n }\n const parts = document.createDocumentFragment();\n let pos = 0;\n for (const [start, end] of ranges) {\n if (start > pos) parts.append(name.slice(pos, start));\n const mark = document.createElement('mark');\n mark.textContent = name.slice(start, end);\n parts.append(mark);\n pos = end;\n }\n if (pos < name.length) parts.append(name.slice(pos));\n el.replaceChildren(parts);\n}\n\nfunction isTypingTarget(el) {\n return !!el && (el.isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(el.tagName));\n}\n\ndocument.addEventListener('alpine:init', () => {\n Alpine.data('propertySearch', () => {\n // Plain closure state, not Alpine data: DOM nodes do not belong in\n // a reactive proxy.\n let root = null;\n let cards = [];\n let countTemplate = '';\n let emptyTemplate = '';\n let urlTimer = null;\n\n return {\n query: '',\n shown: 0,\n total: 0,\n announcement: '',\n\n init() {\n root = this.$el;\n countTemplate = root.dataset.countTemplate || '';\n emptyTemplate = root.dataset.emptyTemplate || '';\n cards = Array.from(root.querySelectorAll('[data-property-card]')).map((card) => {\n const nameEl = card.querySelector('[data-property-name]');\n // NFC keeps an accent inside the with its letter.\n const name = nameEl.textContent.normalize('NFC');\n return { card, nameEl, name, search: searchable(name) };\n });\n this.total = cards.length;\n // The URL is the source of truth, also when htmx restores a\n // snapshot of this page on back navigation.\n this.query = new URL(window.location.href).searchParams.get('q') || '';\n this.filter();\n this.announce();\n this.$watch('query', () => {\n this.filter();\n clearTimeout(urlTimer);\n urlTimer = setTimeout(() => this.settle(), URL_DELAY_MS);\n });\n },\n\n destroy() {\n clearTimeout(urlTimer);\n },\n\n get hasQuery() {\n return this.query.trim() !== '';\n },\n\n get noMatch() {\n return this.hasQuery && this.shown === 0;\n },\n\n get countText() {\n return countTemplate.replace('{shown}', this.shown).replace('{total}', this.total);\n },\n\n get emptyText() {\n // A function, so \"$&\" in a query stays literal text.\n const q = this.query.trim();\n return emptyTemplate.replace('{query}', () => q);\n },\n\n filter() {\n const words = Array.from(new Set(this.query.trim().split(/\\s+/).filter(Boolean)))\n .map((w) => searchable(w.normalize('NFC')));\n let shown = 0;\n for (const item of cards) {\n let ranges = [];\n let match = true;\n for (const word of words) {\n const found = wordRanges(item.search, word);\n if (!found) {\n match = false;\n break;\n }\n ranges = ranges.concat(found);\n }\n item.card.hidden = !match;\n renderName(item.nameEl, item.name, match ? mergeRanges(ranges) : []);\n if (match) shown++;\n }\n this.shown = shown;\n },\n\n // Once typing pauses: put the query in the URL and tell screen\n // readers the count. Every keystroke would flood both, and\n // WebKit throws after 100 history calls in 10 seconds.\n settle() {\n clearTimeout(urlTimer);\n urlTimer = null;\n // After an hx-boost navigation the URL belongs to another page.\n if (!root.isConnected) return;\n this.announce();\n const url = new URL(window.location.href);\n const q = this.query.trim();\n if (q) url.searchParams.set('q', q);\n else url.searchParams.delete('q');\n const path = url.pathname + url.search + url.hash;\n if (path === window.location.pathname + window.location.search + window.location.hash) return;\n window.history.replaceState(window.history.state, '', path);\n // htmx 2 files its snapshot of this page under the path it\n // last pushed, kept in this sessionStorage key. Without the\n // update, going back misses the cache and reloads the page.\n // The reload also restores the query, only slower.\n try { window.sessionStorage.setItem('htmx-current-path-for-history', url.pathname + url.search); }\n catch (_) { /* storage blocked: back navigation reloads instead */ }\n },\n\n // A click on a card can come before the delay ran out.\n flushUrl() {\n if (urlTimer) this.settle();\n },\n\n announce() {\n this.announcement = this.hasQuery ? this.countText : '';\n },\n\n clear() {\n this.query = '';\n this.$nextTick(() => this.input().focus());\n },\n\n onEscape(event) {\n if (this.query) {\n event.preventDefault();\n this.clear();\n } else {\n event.target.blur();\n }\n },\n\n // \"/\" jumps to the search box, as on many websites. Not while the\n // user types in a field or a dialog is open.\n onWindowKey(event) {\n if (event.key !== '/' || event.ctrlKey || event.metaKey || event.altKey) return;\n if (event.defaultPrevented || event.isComposing) return;\n // currentModalId comes from shared_base.html; a page without it has no dialogs.\n if (isTypingTarget(event.target) || window.currentModalId?.()) return;\n event.preventDefault();\n const input = this.input();\n input.focus();\n input.select();\n },\n\n input() {\n return root.querySelector('[data-property-search-input]');\n },\n };\n });\n});\n", "document.addEventListener('alpine:init', () => {\n\n // Reusable address autocomplete via Google Places Autocomplete Data API\n // Uses our own input + dropdown \u2014 no Google widget, no full-screen overlay on mobile\n Alpine.data('addressAutocomplete', (initialStreet = '', initialPostalCode = '', initialCity = '', apiKey = '') => ({\n street: initialStreet,\n postalCode: initialPostalCode,\n city: initialCity,\n query: '',\n suggestions: [],\n showDropdown: false,\n _debounceTimer: null,\n _sessionToken: null,\n _places: null,\n _ready: false,\n _els: null,\n\n init() {\n this.query = [this.street, this.postalCode, this.city].filter(Boolean).join(', ');\n // Cache DOM refs now \u2014 they won't work after await in async methods\n this._els = {\n street: this.$refs.hiddenStreet,\n postalCode: this.$refs.hiddenPostalCode,\n city: this.$refs.hiddenCity,\n root: this.$el,\n };\n if (apiKey) this._loadApi(apiKey);\n },\n\n async _loadApi(key) {\n try {\n // Dynamically load Google Maps API if not yet present.\n // Done here instead of a