Spaces:
Running
Running
| /* Rentsprig app: properties and tenants, rent receipts, rent ledger, reminder letter, move-in/move-out checklists with photos, | |
| * live preview, PDF/print, Pro features. Everything stays in this browser. © 2026 CyberMax. All rights reserved. */ | |
| (function () { | |
| "use strict"; | |
| var R = window.Rent, P = window.RentPDF, X = window.CMXPro, PH = window.RentPhotos; | |
| var KEY = "rentsprig:v1"; | |
| var HUB = "https://cybermax-tools-cybermax.static.hf.space/rentsprig/index.html?utm_source=pdf-credit"; | |
| var CREDIT = "Made with Rentsprig by CyberMax · free rent receipt generator"; | |
| var $ = function (id) { return document.getElementById(id); }; | |
| var qa = function (sel, el) { return Array.prototype.slice.call((el || document).querySelectorAll(sel)); }; | |
| function pro() { return X.isPro(); } | |
| function toast(m) { X.toast(m); } | |
| function upsell(msg, from) { X.upsell(msg || "That is a Rentsprig Pro feature.", from); } | |
| function esc(s) { return String(s == null ? "" : s).replace(/[&<>"']/g, function (c) { return { "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c]; }); } | |
| /* ---------- state ---------- */ | |
| function firstOfMonth() { return R.todayISO().slice(0, 8) + "01"; } | |
| function addDays(iso, n) { var p = iso.split("-"), d = new Date(Date.UTC(+p[0], +p[1] - 1, +p[2] + n)); return d.toISOString().slice(0, 10); } | |
| function blankReceipt() { | |
| return { no: "", date: R.todayISO(), tenantId: "", from: "", address: "", periodFrom: firstOfMonth(), periodTo: R.monthEnd(firstOfMonth()), amount: "", method: "Bank transfer", | |
| methodOther: "", methodRef: "", by: (S && S.landlord && S.landlord.name) || "", balance: "0", note: "", signature: "", post: true }; | |
| } | |
| function blankLetter() { | |
| return { tenantId: "", tenant: "", property: "", date: R.todayISO(), amount: "", dueDate: firstOfMonth(), payBy: addDays(R.todayISO(), 7), lateFee: "", howToPay: "", contact: "", landlord: "", | |
| subject: R.LETTER_SUBJECT, body: R.LETTER_BODY }; | |
| } | |
| function fresh() { | |
| return { landlord: { name: "", address: "", phone: "", email: "" }, currency: guessCurrency(), page: "", logo: null, properties: [], tenants: [], receipt: null, receipts: [], counter: 0, | |
| ledgers: {}, ledgerTenant: "", letter: null, checklists: [], clId: "", cmp: { in: "", out: "" }, tab: "receipt", results: 0 }; | |
| } | |
| function guessCurrency() { | |
| try { | |
| var loc = navigator.language || "en-US", tz = Intl.DateTimeFormat().resolvedOptions().timeZone || ""; | |
| if (/^en-GB/.test(loc) || /London/.test(tz)) return "GBP"; | |
| if (/^en-CA|^fr-CA/.test(loc)) return "CAD"; | |
| if (/^en-AU/.test(loc) || /^Australia/.test(tz)) return "AUD"; | |
| if (/^en-NZ/.test(loc)) return "NZD"; | |
| if (/^en-IN/.test(loc) || /Kolkata|Calcutta/.test(tz)) return "INR"; | |
| if (/Johannesburg/.test(tz)) return "ZAR"; | |
| if (/^Europe\//.test(tz)) return "EUR"; | |
| } catch (e) { /* default */ } | |
| return "USD"; | |
| } | |
| var S = null; | |
| function load() { | |
| var s = null; | |
| try { s = JSON.parse(localStorage.getItem(KEY) || "null"); } catch (e) { s = null; } | |
| var f = fresh(); | |
| if (!s || typeof s !== "object") s = f; | |
| Object.keys(f).forEach(function (k) { if (s[k] == null) s[k] = f[k]; }); | |
| return s; | |
| } | |
| var firstVisit = false; | |
| try { firstVisit = !localStorage.getItem(KEY); } catch (e) { firstVisit = true; } | |
| S = load(); | |
| if (firstVisit) { | |
| // First visit: show a finished receipt and letter straight away (example data you overwrite as you type). | |
| var ex0 = R.example(); | |
| S.landlord = ex0.landlord; S.currency = "USD"; S.receipt = ex0.receipt; S.receipt.no = ""; S.receipt.tenantId = ""; S.letter = ex0.letter; S.letter.tenantId = ""; | |
| } | |
| if (!S.receipt) S.receipt = blankReceipt(); | |
| if (!S.letter) S.letter = blankLetter(); | |
| var saveT = null; | |
| function save() { | |
| clearTimeout(saveT); | |
| saveT = setTimeout(saveNow, 150); | |
| } | |
| function saveNow() { | |
| clearTimeout(saveT); | |
| try { localStorage.setItem(KEY, JSON.stringify(S)); } catch (e) { toast("Could not save in this browser (storage full or private mode)."); } | |
| } | |
| function ctx() { return { landlord: S.landlord, currency: S.currency }; } | |
| function page() { return S.page || R.cur(S.currency).page; } | |
| function tenant(id) { return S.tenants.filter(function (t) { return t.id === id; })[0] || null; } | |
| function prop(id) { return S.properties.filter(function (p) { return p.id === id; })[0] || null; } | |
| function checklist() { return S.checklists.filter(function (c) { return c.id === S.clId; })[0] || S.checklists[0] || null; } | |
| var cmpMode = false; | |
| /* ---------- tabs ---------- */ | |
| var docTab = S.tab === "setup" ? "receipt" : S.tab; | |
| function switchTab(t, focus) { | |
| S.tab = t; if (t !== "setup") docTab = t; | |
| qa(".tabs [role=tab]").forEach(function (b) { var on = b.dataset.tab === t; b.setAttribute("aria-selected", String(on)); b.tabIndex = on ? 0 : -1; if (on && focus) b.focus(); }); | |
| qa(".panel").forEach(function (p) { p.hidden = p.id !== "panel-" + t; }); | |
| if (t === "checklist") ensureChecklist(); | |
| save(); renderPanel(); renderPreview(); | |
| } | |
| qa(".tabs [role=tab]").forEach(function (b, i, all) { | |
| b.addEventListener("click", function () { switchTab(b.dataset.tab); }); | |
| b.addEventListener("keydown", function (e) { | |
| var d = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0; | |
| if (d) { e.preventDefault(); switchTab(all[(i + d + all.length) % all.length].dataset.tab, true); } | |
| }); | |
| }); | |
| /* ---------- forms <-> model ---------- */ | |
| function model(form) { | |
| var k = form.dataset.form; | |
| if (k === "receipt") return S.receipt; | |
| if (k === "letter") return S.letter; | |
| if (k === "checklist") return checklist(); | |
| if (k === "landlord") return S.landlord; | |
| return null; | |
| } | |
| function toForm(form) { | |
| var m = model(form); if (!m) return; | |
| qa("[name]", form).forEach(function (el) { | |
| var v = form.dataset.form === "landlord" && (el.name === "currency" || el.name === "page") ? S[el.name] : m[el.name]; | |
| if (el.type === "checkbox") el.checked = !!v && (el.name !== "post" || pro()); | |
| else el.value = v == null ? "" : v; | |
| }); | |
| } | |
| function allForms() { qa("form[data-form]").forEach(toForm); syncReceiptUi(); } | |
| qa("form[data-form]").forEach(function (form) { | |
| form.addEventListener("submit", function (e) { e.preventDefault(); }); | |
| form.addEventListener("input", function (e) { | |
| var el = e.target, m = model(form); | |
| if (!el.name || !m) return; | |
| if (form.dataset.form === "landlord" && (el.name === "currency" || el.name === "page")) S[el.name] = el.value; | |
| else if (el.type === "checkbox") { | |
| if (el.name === "post" && !pro()) { el.checked = false; return upsell("Posting receipts to the rent ledger is part of Pro.", "ledger-post"); } | |
| m[el.name] = el.checked; | |
| } else m[el.name] = el.value; | |
| if (form.dataset.form === "receipt") syncReceiptUi(); | |
| if (form.dataset.form === "checklist" && el.name === "date") renderPicker(); | |
| changed(); | |
| }); | |
| }); | |
| function syncReceiptUi() { | |
| qa(".r-other").forEach(function (el) { el.hidden = S.receipt.method !== "Other"; }); | |
| $("r-no-hint").textContent = pro() ? "numbered for you" : "type your own"; | |
| } | |
| /* tenant pickers */ | |
| function tenantLabel(t) { var p = prop(t.propertyId); return t.name + (t.unit ? " · " + t.unit : "") + (p ? " · " + p.name : ""); } | |
| function renderTenantSelects() { | |
| qa(".tenant-select").forEach(function (sel) { | |
| var kind = sel.dataset.fill, cur = kind === "ledger" ? S.ledgerTenant : kind === "receipt" ? S.receipt.tenantId : kind === "letter" ? S.letter.tenantId : (checklist() || {}).tenantId; | |
| sel.innerHTML = (kind === "ledger" ? "" : '<option value="">' + (S.tenants.length ? "Choose a tenant…" : "No tenants yet (add them under Properties & tenants)") + "</option>") + | |
| S.tenants.map(function (t) { return '<option value="' + esc(t.id) + '">' + esc(tenantLabel(t)) + "</option>"; }).join(""); | |
| if (kind === "ledger" && !S.tenants.length) sel.innerHTML = '<option value="">No tenants yet</option>'; | |
| sel.value = cur && tenant(cur) ? cur : (kind === "ledger" && S.tenants[0] ? S.tenants[0].id : ""); | |
| if (kind === "ledger") S.ledgerTenant = sel.value; | |
| }); | |
| } | |
| qa(".tenant-select").forEach(function (sel) { | |
| sel.addEventListener("change", function () { | |
| var t = tenant(sel.value), kind = sel.dataset.fill; | |
| if (kind === "ledger") { S.ledgerTenant = sel.value; renderLedger(); return changed(); } | |
| if (!t) return; | |
| var p = prop(t.propertyId), addr = R.addressOf(p, t); | |
| if (kind === "receipt") { | |
| var r = S.receipt, from = R.isISO(r.date) ? r.date.slice(0, 8) + "01" : firstOfMonth(); | |
| r.tenantId = t.id; r.from = t.name; r.address = addr; r.amount = t.rent || r.amount; r.periodFrom = from; r.periodTo = R.monthEnd(from); | |
| if (!r.by) r.by = S.landlord.name || ""; | |
| toForm($("panel-receipt")); | |
| } else if (kind === "letter") { | |
| var l = S.letter, bal = R.ledger(S.ledgers[t.id] || []).balance; | |
| l.tenantId = t.id; l.tenant = t.name; l.property = addr; l.amount = pro() && bal > 0 ? String(bal) : t.rent || l.amount; l.dueDate = R.dueDate(R.todayISO(), t.dueDay); | |
| if (!l.landlord) l.landlord = S.landlord.name || ""; if (!l.contact) l.contact = [S.landlord.phone, S.landlord.email].filter(Boolean).join(" or "); | |
| toForm($("panel-letter")); | |
| } else if (kind === "checklist") { | |
| var c = checklist(); if (!c) return; | |
| c.tenantId = t.id; c.tenant = t.name; c.property = [p && p.name, t.unit].filter(Boolean).join(", "); | |
| if (!c.by) c.by = S.landlord.name || ""; | |
| toForm($("c-form")); renderPicker(); | |
| } | |
| changed(); | |
| }); | |
| }); | |
| /* ---------- receipts ---------- */ | |
| function noteNumber(no) { var v = R.receiptValue(no); if (v != null && v > (S.counter || 0)) S.counter = v; } | |
| function renderReceiptHistory() { | |
| var body = $("r-hist-body"); | |
| $("btn-receipts-csv").hidden = !pro(); | |
| if (!pro()) { | |
| body.innerHTML = '<div class="locked"><p>Pro numbers your receipts (R-0001, R-0002…), keeps every one you make, reopens any of them and exports the list as a CSV.</p><button type="button" class="btn sm" data-up="history">Unlock history</button></div>'; | |
| return; | |
| } | |
| if (!S.receipts.length) { body.innerHTML = '<p class="hint">Receipts you download or print appear here.</p>'; return; } | |
| body.innerHTML = '<div class="table-wrap"><table class="ht"><thead><tr><th>No.</th><th>Date</th><th>From</th><th class="num">Amount</th><th></th></tr></thead><tbody>' + | |
| S.receipts.map(function (r, i) { | |
| return '<tr><td>' + esc(r.no) + "</td><td>" + esc(R.fmtDate(r.date, r.currency)) + "</td><td>" + esc(r.from) + '</td><td class="num">' + esc(R.money(R.parseNum(r.amount), r.currency)) + | |
| '</td><td><button type="button" class="btn ghost sm" data-rh="open" data-i="' + i + '">Open</button> <button type="button" class="icon-btn" data-rh="del" data-i="' + i + '" aria-label="Delete receipt ' + esc(r.no) + '">×</button></td></tr>'; | |
| }).join("") + "</tbody></table></div>"; | |
| } | |
| $("r-hist-body").addEventListener("click", function (e) { | |
| var b = e.target.closest("[data-rh]"); if (!b) return; | |
| var i = +b.dataset.i, r = S.receipts[i]; if (!r) return; | |
| if (b.dataset.rh === "open") { S.receipt = R.clone(r); toForm($("panel-receipt")); syncReceiptUi(); changed(); $("app").scrollIntoView({ behavior: "smooth" }); } | |
| else if (confirm("Delete receipt " + r.no + " from history?")) { S.receipts.splice(i, 1); save(); renderReceiptHistory(); } | |
| }); | |
| $("btn-receipts-csv").addEventListener("click", function () { | |
| if (!pro()) return upsell(null, "receipts-csv"); | |
| if (!S.receipts.length) return toast("No receipts in history yet."); | |
| X.download("rentsprig-receipts-" + R.todayISO() + ".csv", R.receiptsCsv(S.receipts), "text/csv;charset=utf-8"); | |
| }); | |
| $("btn-new-receipt").addEventListener("click", function () { | |
| var keep = S.receipt; | |
| S.receipt = blankReceipt(); | |
| S.receipt.signature = keep.signature; S.receipt.method = keep.method; | |
| if (pro()) S.receipt.no = R.receiptNo((S.counter || 0) + 1); | |
| toForm($("panel-receipt")); syncReceiptUi(); renderTenantSelects(); changed(); | |
| toast(pro() ? "New receipt " + S.receipt.no + "." : "New receipt. Pick a tenant to fill it in."); | |
| }); | |
| function recordReceipt() { | |
| var r = S.receipt; | |
| if (!r.no) r.no = R.receiptNo((S.counter || 0) + 1); | |
| noteNumber(r.no); | |
| r.currency = S.currency; | |
| S.receipts = [R.clone(r)].concat(S.receipts.filter(function (x) { return x.no !== r.no; })).slice(0, 2000); | |
| if (r.post && r.tenantId && R.parseNum(r.amount) > 0) { | |
| var list = S.ledgers[r.tenantId] = S.ledgers[r.tenantId] || [], id = "rc-" + r.no; | |
| var entry = { id: id, date: r.date, type: "payment", desc: "Receipt " + r.no + " · " + R.methodText(r), amount: String(R.parseNum(r.amount)) }; | |
| var at = list.map(function (e) { return e.id; }).indexOf(id); | |
| if (at > -1) list[at] = entry; else list.push(entry); | |
| } | |
| toForm($("panel-receipt")); | |
| renderReceiptHistory(); | |
| } | |
| /* ---------- ledger ---------- */ | |
| function renderLedger() { | |
| var tid = S.ledgerTenant, t = tenant(tid), locked = !pro(); | |
| $("l-locked").hidden = !locked; | |
| $("panel-ledger").classList.toggle("is-locked", locked); | |
| $("l-btns").hidden = locked || !t; | |
| if (!t) { $("l-rows").innerHTML = '<p class="hint">Add a tenant under Properties & tenants, or press Load example.</p>'; return; } | |
| var list = S.ledgers[tid] || [], L = R.ledger(list), bal = {}; | |
| L.rows.forEach(function (r) { bal[r.id] = r.balance; }); | |
| var dis = locked ? " disabled" : ""; | |
| $("l-rows").innerHTML = list.map(function (e, i) { | |
| var id = "le" + i; | |
| return '<div class="lrow" data-i="' + i + '">' + | |
| '<div><label for="' + id + '-d">Date</label><input id="' + id + '-d" type="date" data-k="date" value="' + esc(e.date) + '"' + dis + "></div>" + | |
| '<div><label for="' + id + '-t">Type</label><select id="' + id + '-t" data-k="type"' + dis + ">" + Object.keys(R.ENTRY_TYPES).map(function (k) { return '<option value="' + k + '"' + (e.type === k ? " selected" : "") + ">" + R.ENTRY_TYPES[k].label + "</option>"; }).join("") + "</select></div>" + | |
| '<div class="l-desc"><label for="' + id + '-x">Description</label><input id="' + id + '-x" data-k="desc" value="' + esc(e.desc) + '"' + dis + "></div>" + | |
| '<div><label for="' + id + '-a">Amount</label><input id="' + id + '-a" data-k="amount" inputmode="decimal" value="' + esc(e.amount) + '"' + dis + "></div>" + | |
| '<div class="l-bal">' + (e.id in bal ? "Balance " + esc(R.money(bal[e.id], S.currency)) : "") + "</div>" + | |
| (locked ? "" : '<div class="l-tools span2"><button type="button" class="icon-btn" data-del="' + i + '" aria-label="Remove entry ' + (i + 1) + '">×</button></div>') + "</div>"; | |
| }).join("") || '<p class="hint">No entries yet. Add this month\'s rent to start.</p>'; | |
| } | |
| $("l-rows").addEventListener("input", function (e) { | |
| var row = e.target.closest(".lrow"); if (!row || !pro()) return; | |
| var t = S.ledgerTenant, en = (S.ledgers[t] || [])[+row.dataset.i]; if (!en) return; | |
| en[e.target.dataset.k] = e.target.value; | |
| changed(); | |
| var bal = {}; R.ledger(S.ledgers[t]).rows.forEach(function (r) { bal[r.id] = r.balance; }); | |
| qa(".lrow", $("l-rows")).forEach(function (r) { var x = S.ledgers[t][+r.dataset.i]; r.querySelector(".l-bal").textContent = x && x.id in bal ? "Balance " + R.money(bal[x.id], S.currency) : ""; }); | |
| }); | |
| $("l-rows").addEventListener("click", function (e) { | |
| var b = e.target.closest("[data-del]"); if (!b || !pro()) return; | |
| (S.ledgers[S.ledgerTenant] || []).splice(+b.dataset.del, 1); renderLedger(); changed(); | |
| }); | |
| function addEntry(type) { | |
| if (!pro()) return upsell("The rent ledger is part of Pro.", "ledger"); | |
| var t = tenant(S.ledgerTenant); if (!t) return toast("Add a tenant first."); | |
| var list = S.ledgers[t.id] = S.ledgers[t.id] || [], today = R.todayISO(); | |
| var e = { id: R.uid("e"), date: today, type: type, desc: "", amount: "" }; | |
| if (type === "rent") { | |
| e.date = R.dueDate(today, t.dueDay); e.amount = t.rent || ""; | |
| try { e.desc = new Intl.DateTimeFormat("en-US", { month: "long", year: "numeric", timeZone: "UTC" }).format(new Date(e.date + "T00:00:00Z")) + " rent"; } catch (x) { e.desc = "Rent"; } | |
| } else if (type === "payment") { e.desc = "Payment"; e.amount = String(Math.max(0, R.ledger(list).balance) || ""); } | |
| else if (type === "late") e.desc = "Late fee per lease"; | |
| list.push(e); renderLedger(); changed(); | |
| var ins = qa("#l-rows input[data-k=amount]"); if (ins.length) ins[ins.length - 1].focus(); | |
| } | |
| $("btn-l-rent").addEventListener("click", function () { addEntry("rent"); }); | |
| $("btn-l-pay").addEventListener("click", function () { addEntry("payment"); }); | |
| $("btn-l-late").addEventListener("click", function () { addEntry("late"); }); | |
| $("btn-l-row").addEventListener("click", function () { addEntry("charge"); }); | |
| $("btn-ledger-csv").addEventListener("click", function () { | |
| if (!pro()) return upsell("CSV export of the rent ledger is part of Pro.", "ledger-csv"); | |
| var t = tenant(S.ledgerTenant); if (!t) return toast("Pick a tenant first."); | |
| X.download("rent-ledger-" + R.fileName({ title: t.name }, "csv"), R.ledgerCsv(R.ledger(S.ledgers[t.id] || []), t), "text/csv;charset=utf-8"); | |
| result(null); | |
| }); | |
| $("btn-ledger-pro").addEventListener("click", function () { upsell(null, "ledger"); }); | |
| /* ---------- letter ---------- */ | |
| $("btn-letter-reset").addEventListener("click", function () { | |
| S.letter.subject = R.LETTER_SUBJECT; S.letter.body = R.LETTER_BODY; toForm($("panel-letter")); changed(); toast("Letter text reset to the template."); | |
| }); | |
| /* ---------- checklists ---------- */ | |
| function ensureChecklist() { | |
| if (!S.checklists.length) { var c = R.newChecklist("in", { by: S.landlord.name }); S.checklists.push(c); S.clId = c.id; save(); } | |
| if (!checklist() || S.clId !== checklist().id) S.clId = checklist().id; | |
| } | |
| function clLabel(c) { return (c.kind === "out" ? "Move-out" : "Move-in") + " · " + (c.tenant || c.property || "untitled") + " · " + R.fmtDate(c.date, S.currency); } | |
| function renderPicker() { | |
| var c = checklist(); | |
| $("c-pick").innerHTML = S.checklists.map(function (x) { return '<option value="' + esc(x.id) + '">' + esc(clLabel(x)) + "</option>"; }).join(""); | |
| if (c) $("c-pick").value = c.id; | |
| var ins = S.checklists.filter(function (x) { return x.kind === "in"; }), outs = S.checklists.filter(function (x) { return x.kind === "out"; }); | |
| $("c-cin").innerHTML = ins.map(function (x) { return '<option value="' + esc(x.id) + '">' + esc(clLabel(x)) + "</option>"; }).join("") || '<option value="">No move-in checklist</option>'; | |
| $("c-cout").innerHTML = outs.map(function (x) { return '<option value="' + esc(x.id) + '">' + esc(clLabel(x)) + "</option>"; }).join("") || '<option value="">No move-out checklist yet</option>'; | |
| if (S.cmp.in && ins.some(function (x) { return x.id === S.cmp.in; })) $("c-cin").value = S.cmp.in; | |
| if (S.cmp.out && outs.some(function (x) { return x.id === S.cmp.out; })) $("c-cout").value = S.cmp.out; | |
| var used = S.checklists.length; | |
| $("c-quota").textContent = pro() ? "Pro: unlimited checklists, photos and comparison reports." : "Free: " + Math.min(used, 1) + " of 1 move-in checklist used, without photos. Pro adds more checklists, photos and the move-out comparison."; | |
| $("c-quota").className = "quota" + (!pro() && used >= 1 ? " out" : ""); | |
| } | |
| $("c-pick").addEventListener("change", function () { S.clId = this.value; cmpMode = false; toForm($("c-form")); renderTenantSelects(); renderRooms(); changed(); }); | |
| $("c-cin").addEventListener("change", function () { S.cmp.in = this.value; if (cmpMode) changed(); }); | |
| $("c-cout").addEventListener("change", function () { S.cmp.out = this.value; if (cmpMode) changed(); }); | |
| $("btn-c-newin").addEventListener("click", function () { | |
| if (!pro() && S.checklists.length >= R.FREE.checklists) return upsell("The free plan includes 1 move-in checklist. Pro adds unlimited checklists, photos and the move-out comparison.", "checklist-limit"); | |
| var c = R.newChecklist("in", { by: S.landlord.name }); S.checklists.unshift(c); S.clId = c.id; cmpMode = false; | |
| toForm($("c-form")); renderTenantSelects(); renderPicker(); renderRooms(); changed(); toast("New move-in checklist."); | |
| }); | |
| $("btn-c-newout").addEventListener("click", function () { | |
| if (!pro()) return upsell("Move-out checklists and the comparison report are part of Pro.", "move-out"); | |
| var src = checklist(); if (!src) return; | |
| var base = src.kind === "in" ? src : S.checklists.filter(function (x) { return x.kind === "in" && x.tenantId === src.tenantId; })[0] || src; | |
| var c = R.newChecklist("out", { tenantId: base.tenantId, tenant: base.tenant, property: base.property, by: base.by || S.landlord.name, rooms: base.rooms }); | |
| S.checklists.unshift(c); S.clId = c.id; S.cmp = { in: base.kind === "in" ? base.id : S.cmp.in, out: c.id }; cmpMode = false; | |
| toForm($("c-form")); renderTenantSelects(); renderPicker(); renderRooms(); changed(); toast("Move-out checklist made from the move-in rooms. Record each item's condition now."); | |
| }); | |
| $("btn-c-del").addEventListener("click", function () { | |
| var c = checklist(); if (!c || !confirm("Delete this checklist and its photos?")) return; | |
| c.rooms.forEach(function (r) { r.items.forEach(function (it) { (it.photos || []).forEach(function (k) { PH.del(k); }); }); }); | |
| S.checklists = S.checklists.filter(function (x) { return x.id !== c.id; }); | |
| S.clId = S.checklists[0] ? S.checklists[0].id : ""; cmpMode = false; | |
| ensureChecklist(); toForm($("c-form")); renderTenantSelects(); renderPicker(); renderRooms(); changed(); | |
| }); | |
| $("btn-c-compare").addEventListener("click", function () { | |
| if (!pro()) return upsell("The move-out comparison report is part of Pro.", "compare"); | |
| S.cmp.in = $("c-cin").value; S.cmp.out = $("c-cout").value; | |
| if (!S.cmp.in || !S.cmp.out) return toast("You need a move-in and a move-out checklist to compare."); | |
| cmpMode = true; $("btn-c-back").hidden = false; renderPreview(); toast("Comparison ready. Download it as a PDF."); | |
| if (window.innerWidth < 980) $("preview").scrollIntoView({ behavior: "smooth", block: "start" }); | |
| }); | |
| $("btn-c-back").addEventListener("click", function () { cmpMode = false; this.hidden = true; renderPreview(); }); | |
| function renderRooms() { | |
| var c = checklist(), box = $("c-rooms"); | |
| if (!c) { box.innerHTML = ""; return; } | |
| box.innerHTML = c.rooms.map(function (r, ri) { | |
| var done = r.items.filter(function (it) { return it.cond; }).length; | |
| return '<details class="card room" open data-r="' + ri + '"><summary>' + esc(r.name) + '<span class="rc">' + done + " of " + r.items.length + "</span></summary>" + | |
| r.items.map(function (it, ii) { | |
| var id = "ci-" + ri + "-" + ii; | |
| return '<div class="ci" data-i="' + ii + '"><div class="ci-top"><div class="ci-name"><label class="sr" for="' + id + '-n">Item name</label><input id="' + id + '-n" data-k="name" value="' + esc(it.name) + '"></div>' + | |
| '<div class="conds" role="group" aria-label="Condition of ' + esc(it.name) + '">' + R.CONDITIONS.map(function (k) { return '<button type="button" data-c="' + k + '" aria-pressed="' + (it.cond === k) + '">' + k + "</button>"; }).join("") + "</div>" + | |
| '<label class="btn ghost sm file-btn photo-btn" for="' + id + '-f" data-photo>+ Photo</label><input type="file" id="' + id + '-f" accept="image/*" multiple hidden data-file>' + | |
| '<button type="button" class="icon-btn" data-act="del-item" aria-label="Remove ' + esc(it.name) + '">×</button></div>' + | |
| '<div class="ci-notes"><label class="sr" for="' + id + '-x">Notes for ' + esc(it.name) + '</label><input id="' + id + '-x" data-k="notes" value="' + esc(it.notes) + '" placeholder="Notes (marks, stains, what works)"></div>' + | |
| ((it.photos || []).length ? '<div class="thumbs">' + it.photos.map(function (k, pi) { var p = PH.get(k); return '<div class="thumb">' + (p ? '<img src="' + p.data + '" alt="Photo ' + (pi + 1) + " of " + esc(it.name) + '">' : "") + '<button type="button" data-act="del-photo" data-p="' + pi + '" aria-label="Remove photo">×</button></div>'; }).join("") + "</div>" : "") + | |
| "</div>"; | |
| }).join("") + | |
| '<div class="room-tools"><label class="sr" for="rn-' + ri + '">Room name</label><input id="rn-' + ri + '" data-k="room" value="' + esc(r.name) + '"><button type="button" class="btn ghost sm" data-act="add-item">+ Item</button><button type="button" class="btn ghost sm danger" data-act="del-room">Remove room</button></div></details>'; | |
| }).join(""); | |
| } | |
| function where(el) { | |
| var rEl = el.closest("[data-r]"), iEl = el.closest(".ci"), c = checklist(); | |
| var r = rEl && c ? c.rooms[+rEl.dataset.r] : null; | |
| return { c: c, r: r, ri: rEl ? +rEl.dataset.r : -1, it: r && iEl ? r.items[+iEl.dataset.i] : null }; | |
| } | |
| $("c-rooms").addEventListener("input", function (e) { | |
| var w = where(e.target), k = e.target.dataset.k; if (!w.r) return; | |
| if (k === "room") { w.r.name = e.target.value; e.target.closest("details").querySelector("summary").firstChild.textContent = e.target.value; } | |
| else if (w.it && (k === "name" || k === "notes")) w.it[k] = e.target.value; | |
| changed(); | |
| }); | |
| $("c-rooms").addEventListener("click", function (e) { | |
| var b = e.target.closest("button,[data-photo]"); if (!b) return; | |
| var w = where(b); if (!w.r) return; | |
| if (b.hasAttribute("data-photo")) { | |
| if (!pro()) { e.preventDefault(); return upsell("Photos in checklists are part of Pro.", "photos"); } | |
| return; | |
| } | |
| if (b.dataset.c) { w.it.cond = w.it.cond === b.dataset.c ? "" : b.dataset.c; qa("button", b.parentNode).forEach(function (x) { x.setAttribute("aria-pressed", String(x.dataset.c === w.it.cond)); }); updateCount(b, w.r); return changed(); } | |
| var act = b.dataset.act; | |
| if (act === "del-item") { (w.it.photos || []).forEach(function (k) { PH.del(k); }); w.r.items.splice(w.r.items.indexOf(w.it), 1); } | |
| if (act === "del-photo") { var k = w.it.photos.splice(+b.dataset.p, 1)[0]; PH.del(k); } | |
| if (act === "add-item") { w.r.items.push({ name: "New item", cond: "", notes: "", photos: [] }); } | |
| if (act === "del-room") { if (!confirm("Remove " + w.r.name + " from this checklist?")) return; w.r.items.forEach(function (it) { (it.photos || []).forEach(function (k) { PH.del(k); }); }); w.c.rooms.splice(w.ri, 1); } | |
| renderRooms(); changed(); | |
| if (act === "add-item") { var ins = qa('[data-r="' + w.ri + '"] input[data-k=name]'); if (ins.length) { ins[ins.length - 1].focus(); ins[ins.length - 1].select(); } } | |
| }); | |
| function updateCount(el, r) { var s = el.closest("details").querySelector(".rc"); s.textContent = r.items.filter(function (it) { return it.cond; }).length + " of " + r.items.length; } | |
| $("c-rooms").addEventListener("change", function (e) { | |
| if (!e.target.hasAttribute("data-file")) return; | |
| var w = where(e.target), files = Array.prototype.slice.call(e.target.files || []); e.target.value = ""; | |
| if (!w.it || !files.length) return; | |
| if (!pro()) return upsell("Photos in checklists are part of Pro.", "photos"); | |
| Promise.all(files.map(shrink)).then(function (list) { | |
| list.forEach(function (p) { if (!p) return; var k = R.uid("ph"); PH.put(k, p); w.it.photos = w.it.photos || []; w.it.photos.push(k); }); | |
| saveNow(); renderRooms(); changed(); | |
| toast(list.filter(Boolean).length + " photo" + (list.length > 1 ? "s" : "") + " added to " + w.it.name + "."); | |
| }); | |
| }); | |
| $("btn-c-room").addEventListener("click", function () { | |
| var c = checklist(); if (!c) return; | |
| c.rooms.push({ name: "Room " + (c.rooms.length + 1), items: [{ name: "Walls & ceiling", cond: "", notes: "", photos: [] }, { name: "Floor", cond: "", notes: "", photos: [] }] }); | |
| renderRooms(); changed(); | |
| var ins = qa("#c-rooms input[data-k=room]"); ins[ins.length - 1].focus(); ins[ins.length - 1].select(); | |
| }); | |
| /** Shrink a photo on this device to at most 1280 px and re-encode it as JPEG. */ | |
| function shrink(file) { | |
| return new Promise(function (res) { | |
| if (!/^image\//.test(file.type || "image/")) return res(null); | |
| var url = URL.createObjectURL(file), img = new Image(); | |
| img.onload = function () { | |
| var s = Math.min(1, 1280 / Math.max(img.naturalWidth, img.naturalHeight)) || 1; | |
| var w = Math.max(1, Math.round(img.naturalWidth * s)), h = Math.max(1, Math.round(img.naturalHeight * s)); | |
| var cv = document.createElement("canvas"); cv.width = w; cv.height = h; | |
| var g = cv.getContext("2d"); g.fillStyle = "#fff"; g.fillRect(0, 0, w, h); g.drawImage(img, 0, 0, w, h); | |
| URL.revokeObjectURL(url); res({ data: cv.toDataURL("image/jpeg", 0.74), w: w, h: h }); | |
| }; | |
| img.onerror = function () { URL.revokeObjectURL(url); toast("That file could not be read as an image."); res(null); }; | |
| img.src = url; | |
| }); | |
| } | |
| /* ---------- properties + tenants ---------- */ | |
| function renderSetup() { | |
| $("s-currency").innerHTML = R.CURRENCIES.map(function (c) { return '<option value="' + c.code + '">' + c.code + " · " + esc(c.name) + "</option>"; }).join(""); | |
| toForm(qa("form[data-form=landlord]")[0]); | |
| $("s-props").innerHTML = S.properties.length ? '<div class="list">' + S.properties.map(function (p) { | |
| var n = S.tenants.filter(function (t) { return t.propertyId === p.id; }).length; | |
| return '<div class="li"><div><b>' + esc(p.name) + "</b><small>" + esc(p.address) + " · " + n + " tenant" + (n === 1 ? "" : "s") + '</small></div><button type="button" class="icon-btn" data-delprop="' + esc(p.id) + '" aria-label="Delete ' + esc(p.name) + '">×</button></div>'; | |
| }).join("") + "</div>" : '<p class="hint">No properties yet.</p>'; | |
| $("s-tenants").innerHTML = S.tenants.length ? '<div class="list">' + S.tenants.map(function (t) { | |
| return '<div class="li"><div><b>' + esc(tenantLabel(t)) + "</b><small>" + (t.rent ? esc(R.money(R.parseNum(t.rent), S.currency)) + " due day " + esc(t.dueDay || "1") : "") + (t.email ? " · " + esc(t.email) : "") + | |
| '</small></div><button type="button" class="btn ghost sm" data-edtenant="' + esc(t.id) + '">Edit</button><button type="button" class="icon-btn" data-deltenant="' + esc(t.id) + '" aria-label="Delete ' + esc(t.name) + '">×</button></div>'; | |
| }).join("") + "</div>" : '<p class="hint">No tenants yet.</p>'; | |
| $("n-prop").innerHTML = S.properties.map(function (p) { return '<option value="' + esc(p.id) + '">' + esc(p.name) + "</option>"; }).join("") || '<option value="">Add a property first</option>'; | |
| var q = $("s-quota"); | |
| q.textContent = pro() ? "Pro: unlimited properties and tenants." : "Free plan: " + Math.min(S.properties.length, 1) + " of " + R.FREE.properties + " property and " + Math.min(S.tenants.length, R.FREE.tenants) + " of " + R.FREE.tenants + " tenants used. Pro makes them unlimited."; | |
| q.className = "quota" + (!pro() && (S.properties.length >= R.FREE.properties || S.tenants.length >= R.FREE.tenants) ? " out" : ""); | |
| } | |
| $("f-prop").addEventListener("submit", function (e) { | |
| e.preventDefault(); | |
| var name = $("p-name").value.trim(), address = $("p-address").value.trim(); | |
| if (!pro() && S.properties.length >= R.FREE.properties) return upsell("The free plan holds 1 property. Pro adds unlimited properties and tenants.", "property-limit"); | |
| if (!name) { $("p-name").focus(); return toast("Give the property a name, e.g. its street address."); } | |
| S.properties.push({ id: R.uid("p"), name: name, address: address || name }); | |
| $("p-name").value = ""; $("p-address").value = ""; | |
| saveNow(); renderAll(); toast("Added " + name + "."); | |
| }); | |
| var editing = ""; | |
| $("f-tenant").addEventListener("submit", function (e) { | |
| e.preventDefault(); | |
| var f = this, v = {}; | |
| qa("[name]", f).forEach(function (el) { v[el.name] = el.value.trim(); }); | |
| if (!v.name) { $("n-name").focus(); return toast("Add the tenant's name."); } | |
| if (!S.properties.length) return toast("Add a property first."); | |
| if (!editing && !pro() && S.tenants.length >= R.FREE.tenants) return upsell("The free plan holds 2 tenants. Pro adds unlimited properties and tenants.", "tenant-limit"); | |
| if (editing) { var t = tenant(editing); if (t) Object.keys(v).forEach(function (k) { t[k] = v[k]; }); } | |
| else S.tenants.push(Object.assign({ id: R.uid("t") }, v)); | |
| editing = ""; f.reset(); $("btn-add-tenant").textContent = "Add tenant"; $("btn-tenant-cancel").hidden = true; | |
| saveNow(); renderAll(); toast("Saved " + v.name + "."); | |
| }); | |
| $("btn-tenant-cancel").addEventListener("click", function () { editing = ""; $("f-tenant").reset(); this.hidden = true; $("btn-add-tenant").textContent = "Add tenant"; }); | |
| $("panel-setup").addEventListener("click", function (e) { | |
| var b = e.target.closest("[data-delprop],[data-deltenant],[data-edtenant]"); if (!b) return; | |
| if (b.dataset.delprop) { | |
| var p = prop(b.dataset.delprop), n = S.tenants.filter(function (t) { return t.propertyId === p.id; }); | |
| if (!confirm("Delete " + p.name + (n.length ? " and its " + n.length + " tenant(s)" : "") + "?")) return; | |
| S.properties = S.properties.filter(function (x) { return x.id !== p.id; }); | |
| S.tenants = S.tenants.filter(function (t) { return t.propertyId !== p.id; }); | |
| } else if (b.dataset.deltenant) { | |
| var t = tenant(b.dataset.deltenant); | |
| if (!confirm("Delete " + t.name + "? Their ledger is deleted too.")) return; | |
| S.tenants = S.tenants.filter(function (x) { return x.id !== t.id; }); delete S.ledgers[t.id]; | |
| } else { | |
| var te = tenant(b.dataset.edtenant); editing = te.id; | |
| qa("#f-tenant [name]").forEach(function (el) { el.value = te[el.name] || ""; }); | |
| $("btn-add-tenant").textContent = "Save tenant"; $("btn-tenant-cancel").hidden = false; $("n-name").focus(); | |
| return; | |
| } | |
| saveNow(); renderAll(); | |
| }); | |
| /* logo */ | |
| $("f-logo").addEventListener("click", function (e) { if (!pro()) { e.preventDefault(); upsell("Your logo on every document is part of Pro.", "logo"); } }); | |
| $("f-logo").addEventListener("change", function () { | |
| var f = this.files && this.files[0]; this.value = ""; | |
| if (!f) return; | |
| if (f.size > 8e6) return toast("That image is over 8 MB. Try a smaller logo."); | |
| shrink(f).then(function (p) { | |
| if (!p) return; | |
| var s = Math.min(1, 600 / p.w, 240 / p.h); | |
| if (s < 1) { | |
| var img = new Image(); img.onload = function () { | |
| var cv = document.createElement("canvas"); cv.width = Math.round(p.w * s); cv.height = Math.round(p.h * s); | |
| cv.getContext("2d").drawImage(img, 0, 0, cv.width, cv.height); | |
| S.logo = { data: cv.toDataURL("image/jpeg", 0.9), w: cv.width, h: cv.height }; saveNow(); logoUi(); renderPreview(); toast("Logo added."); | |
| }; img.src = p.data; | |
| } else { S.logo = p; saveNow(); logoUi(); renderPreview(); toast("Logo added."); } | |
| }); | |
| }); | |
| $("btn-logo-clear").addEventListener("click", function () { S.logo = null; saveNow(); logoUi(); renderPreview(); }); | |
| function logoUi() { | |
| var has = pro() && S.logo && S.logo.data; | |
| $("logo-prev").innerHTML = has ? '<img src="' + S.logo.data + '" alt="Your logo">' : "No logo"; | |
| $("btn-logo-clear").hidden = !has; | |
| } | |
| /* ---------- preview ---------- */ | |
| function currentSpec() { | |
| var c = ctx(); | |
| if (docTab === "ledger") { var t = tenant(S.ledgerTenant); return { kind: "ledger", spec: R.ledgerSpec(t, t && prop(t.propertyId), t ? S.ledgers[t.id] || [] : [], c) }; } | |
| if (docTab === "letter") return { kind: "letter", spec: R.letterSpec(S.letter, c) }; | |
| if (docTab === "checklist") { | |
| var cl = checklist(); | |
| if (cmpMode) { | |
| var a = S.checklists.filter(function (x) { return x.id === S.cmp.in; })[0], b = S.checklists.filter(function (x) { return x.id === S.cmp.out; })[0]; | |
| if (a && b) return { kind: "compare", spec: R.compareSpec(a, b, c) }; | |
| } | |
| return { kind: "checklist", spec: R.checklistSpec(cl || R.newChecklist("in"), c) }; | |
| } | |
| return { kind: "receipt", spec: R.receiptSpec(S.receipt, c) }; | |
| } | |
| function blockHtml(b) { | |
| switch (b.t) { | |
| case "head": | |
| var logo = b.logo && pro() && S.logo && S.logo.data ? '<img class="d-logo" src="' + S.logo.data + '" alt="">' : "", f = b.from || {}; | |
| return '<header class="d-head"><div class="d-from">' + logo + (f.name ? '<div class="d-name">' + esc(f.name) + "</div>" : "") + '<div class="d-lines">' + (f.lines || []).map(esc).join("\n") + "</div></div>" + | |
| '<div class="d-meta">' + (b.title ? '<div class="d-title' + (b.small ? " small" : "") + '">' + esc(b.title) + "</div>" : "") + "<table>" + | |
| (b.meta || []).filter(function (m) { return m[1]; }).map(function (m) { return "<tr><td>" + esc(m[0]) + "</td><td>" + esc(m[1]) + "</td></tr>"; }).join("") + "</table></div></header>"; | |
| case "kv": | |
| return '<div class="d-kv">' + b.rows.map(function (r) { return "<div><span>" + esc(r[0]) + "</span><p" + (r[1] ? "" : ' class="empty"') + ">" + esc(r[1] || "-") + "</p></div>"; }).join("") + "</div>"; | |
| case "amount": | |
| return '<div class="d-amount"><div><span>' + esc(b.label) + "</span>" + (b.sub ? "<p>" + esc(b.sub) + "</p>" : "") + "</div><div><strong>" + esc(b.value) + "</strong>" + (b.status ? '<em class="' + (b.ok ? "ok" : "bad") + '">' + esc(b.status) + "</em>" : "") + "</div></div>"; | |
| case "h": return b.plain ? '<h3 class="d-subj">' + esc(b.text) + "</h3>" : '<h3 class="d-h">' + esc(b.text) + "</h3>"; | |
| case "p": return '<p class="d-p' + (b.small ? " small" : "") + '">' + esc(b.text) + "</p>"; | |
| case "space": return '<div style="height:' + Math.round((b.h || 10) * 1.33) + 'px"></div>'; | |
| case "table": | |
| var cell = function (c, i, tag) { var o = c && typeof c === "object" ? c : { v: c }; return "<" + tag + (b.cols[i].a === "r" ? ' class="r"' : "") + (o.color || o.bold ? ' style="' + (o.color ? "color:" + o.color + ";" : "") + (o.bold ? "font-weight:700" : "") + '"' : "") + ">" + esc(o.v) + "</" + tag + ">"; }; | |
| return '<table class="d-t"><thead><tr>' + b.cols.map(function (c) { return "<th" + (c.a === "r" ? ' class="r"' : "") + ' style="width:' + Math.round(c.w * 100) + '%">' + esc(c.t) + "</th>"; }).join("") + "</tr></thead><tbody>" + | |
| b.rows.map(function (r) { return "<tr>" + r.map(function (c, i) { return cell(c, i, "td"); }).join("") + "</tr>"; }).join("") + "</tbody>" + | |
| (b.foot ? "<tfoot>" + b.foot.map(function (r) { return "<tr>" + r.map(function (c, i) { return cell(c, i, "td"); }).join("") + "</tr>"; }).join("") + "</tfoot>" : "") + "</table>"; | |
| case "photos": | |
| return '<div class="d-photos">' + b.items.map(function (it) { var p = it.key && PH.get(it.key); return '<figure><div class="ph">' + (p ? '<img src="' + p.data + '" alt="">' : esc(it.empty || "No photo")) + "</div><figcaption>" + esc(it.caption) + "</figcaption></figure>"; }).join("") + "</div>"; | |
| case "sign": | |
| return '<div class="d-sign">' + b.items.map(function (it) { return "<div><b>" + esc(it.name || "") + "</b><i>" + esc(it.date || "") + "</i><span>" + esc(it.label) + "</span><span>Date</span></div>"; }).join("") + "</div>"; | |
| } | |
| return ""; | |
| } | |
| var lastSpec = null; | |
| function renderPreview() { | |
| var cur = currentSpec(); lastSpec = cur; | |
| var el = $("doc"); | |
| el.className = "paper" + (page() === "A4" ? " a4" : ""); | |
| el.innerHTML = cur.spec.blocks.map(blockHtml).join("") + (pro() ? "" : '<footer class="d-credit">' + esc(CREDIT) + "</footer>"); | |
| $("btn-pdf").textContent = cur.kind === "compare" ? "Download comparison PDF" : cur.kind === "ledger" ? "Download statement PDF" : "Download PDF"; | |
| quotaLine(cur.kind); | |
| fit(); | |
| } | |
| function fit() { | |
| var wrap = $("paper-wrap"), el = $("doc"); | |
| var s = Math.min(1, wrap.clientWidth / el.offsetWidth); | |
| el.style.transform = "scale(" + s + ")"; | |
| wrap.style.height = Math.ceil(el.offsetHeight * s) + "px"; | |
| } | |
| window.addEventListener("resize", fit); | |
| function quotaLine(kind) { | |
| var el = $("quota"), t, out = false; | |
| if (pro()) t = { receipt: "Pro: no footer; the receipt is numbered and saved to history.", ledger: "Pro: statement PDF and CSV export.", letter: "Pro: no footer line.", checklist: "Pro: photos embedded, no footer.", compare: "Pro: comparison report with photos side by side." }[kind]; | |
| else { | |
| t = { receipt: "Free: unlimited receipts with a small Rentsprig footer. Pro removes it and numbers receipts for you.", ledger: "The rent ledger PDF and CSV are part of Pro.", letter: "Free: unlimited letters with a small Rentsprig footer.", | |
| checklist: "Free: " + Math.min(S.checklists.length, 1) + " of 1 move-in checklist used, without photos.", compare: "The comparison report is part of Pro." }[kind]; | |
| out = kind === "ledger" || kind === "compare"; | |
| } | |
| el.textContent = t; el.className = "quota" + (out ? " out" : ""); | |
| } | |
| var changeT = null; | |
| function changed() { save(); clearTimeout(changeT); changeT = setTimeout(renderPreview, 60); } | |
| /* ---------- PDF + print ---------- */ | |
| function bytes(dataUrl) { | |
| var b = atob(String(dataUrl).split(",")[1] || ""), u = new Uint8Array(b.length); | |
| for (var i = 0; i < b.length; i++) u[i] = b.charCodeAt(i); | |
| return u; | |
| } | |
| function gate(kind) { | |
| if (pro()) return true; | |
| if (kind === "ledger") { upsell("The rent ledger statement and CSV are part of Pro.", "ledger"); return false; } | |
| if (kind === "compare") { upsell("The move-out comparison report is part of Pro.", "compare"); return false; } | |
| return true; | |
| } | |
| function pdfBytes(cur) { | |
| cur = cur || currentSpec(); | |
| var imgs = {}; | |
| if (pro()) R.specPhotos(cur.spec).forEach(function (k) { var p = PH.get(k); if (p) imgs[k] = { bytes: bytes(p.data), w: p.w, h: p.h }; }); | |
| var logo = pro() && S.logo && S.logo.data ? { bytes: bytes(S.logo.data), w: S.logo.w, h: S.logo.h } : null; | |
| return P.build(cur.spec, { page: page(), credit: !pro(), creditText: CREDIT, creditUrl: HUB, logo: logo, images: imgs, author: S.landlord.name || "" }); | |
| } | |
| $("btn-pdf").addEventListener("click", function () { | |
| var cur = currentSpec(); | |
| if (!gate(cur.kind)) return; | |
| if (cur.kind === "receipt" && pro()) { recordReceipt(); cur = currentSpec(); } | |
| var out; | |
| try { out = pdfBytes(cur); } catch (e) { return toast("Sorry, the PDF could not be made: " + e.message); } | |
| X.download(R.fileName(cur.spec), new Blob([out], { type: "application/pdf" })); | |
| result(cur.kind === "receipt" && pro() ? "PDF downloaded. Receipt " + S.receipt.no + " saved to history." : "PDF downloaded."); | |
| }); | |
| $("m-pdf").addEventListener("click", function () { $("btn-pdf").click(); }); | |
| $("btn-print").addEventListener("click", function () { | |
| var cur = currentSpec(); | |
| if (!gate(cur.kind)) return; | |
| if (cur.kind === "receipt" && pro()) recordReceipt(); | |
| renderPreview(); result(null); | |
| setTimeout(function () { window.print(); }, 30); | |
| }); | |
| function result(msg) { | |
| S.results = (S.results || 0) + 1; saveNow(); | |
| if (!pro()) $("pro-cta").hidden = false; | |
| if (msg) toast(msg); | |
| } | |
| /* ---------- example, backup ---------- */ | |
| function hasOwnData() { return S.properties.some(function (p) { return p.id !== "p-alder"; }) || S.tenants.some(function (t) { return !/^t-(ellis|nair)$/.test(t.id); }); } | |
| $("btn-example").addEventListener("click", function () { | |
| if (hasOwnData() && !confirm("Load the example? It replaces your properties, tenants and documents in this browser.")) return; | |
| var ex = R.example(); | |
| S.landlord = ex.landlord; S.properties = ex.properties; S.tenants = ex.tenants; S.ledgers = ex.ledgers; S.letter = ex.letter; S.receipt = ex.receipt; S.receipt.post = true; | |
| S.currency = "USD"; | |
| S.checklists = pro() ? ex.checklists : [ex.checklists[0]]; | |
| S.clId = ex.checklists[0].id; S.cmp = { in: ex.checklists[0].id, out: pro() ? ex.checklists[1].id : "" }; | |
| S.ledgerTenant = ex.tenants[0].id; cmpMode = false; | |
| if (pro()) noteNumber(S.receipt.no); | |
| saveNow(); renderAll(); | |
| if (S.tab === "setup") switchTab("receipt"); | |
| toast("Example loaded: a duplex with two tenants."); | |
| if (window.innerWidth < 980) $("preview").scrollIntoView({ behavior: "smooth", block: "start" }); | |
| }); | |
| $("btn-backup").addEventListener("click", function () { | |
| if (!pro()) return upsell("JSON backup of all your data is part of Pro.", "backup"); | |
| saveNow(); | |
| X.download("rentsprig-backup-" + R.todayISO() + ".json", JSON.stringify({ app: "rentsprig", version: 1, saved: new Date().toISOString(), data: S, photos: PH.all() }), "application/json"); | |
| }); | |
| $("f-restore").addEventListener("change", function () { | |
| var f = this.files && this.files[0]; this.value = ""; | |
| if (!f) return; | |
| f.text().then(function (t) { | |
| var j = JSON.parse(t), d = j && j.app === "rentsprig" ? j.data : null; | |
| if (!d || typeof d !== "object" || !Array.isArray(d.tenants)) throw new Error("not a Rentsprig backup"); | |
| var f0 = fresh(); Object.keys(f0).forEach(function (k) { if (d[k] == null) d[k] = f0[k]; }); | |
| S = d; if (!S.receipt) S.receipt = blankReceipt(); if (!S.letter) S.letter = blankLetter(); | |
| return Promise.all(Object.keys(j.photos || {}).map(function (k) { return PH.put(k, j.photos[k]); })); | |
| }).then(function () { saveNow(); renderAll(); toast("Backup restored."); }) | |
| .catch(function (e) { toast("Could not restore: " + e.message + "."); }); | |
| }); | |
| $("btn-wipe").addEventListener("click", function () { | |
| if (!confirm("Clear all Rentsprig data and photos in this browser? This cannot be undone.")) return; | |
| S = fresh(); S.receipt = blankReceipt(); S.letter = blankLetter(); PH.clear(); saveNow(); renderAll(); toast("All data cleared."); | |
| }); | |
| document.addEventListener("click", function (e) { var b = e.target.closest("[data-up]"); if (b) upsell(null, b.dataset.up); }); | |
| $("btn-cta").addEventListener("click", function () { upsell(null, "mid-cta"); }); | |
| /* ---------- render everything ---------- */ | |
| function renderPanel() { | |
| if (S.tab === "ledger") renderLedger(); | |
| if (S.tab === "checklist") { renderPicker(); renderRooms(); } | |
| if (S.tab === "setup") renderSetup(); | |
| } | |
| function renderAll() { | |
| $("r-method").innerHTML = R.METHODS.map(function (m) { return "<option>" + m + "</option>"; }).join(""); | |
| if (S.tab === "checklist") ensureChecklist(); | |
| renderTenantSelects(); allForms(); renderReceiptHistory(); renderLedger(); renderSetup(); logoUi(); | |
| if (S.checklists.length) { renderPicker(); renderRooms(); } | |
| renderPreview(); | |
| } | |
| /* ---------- Pro state ---------- */ | |
| function onPro(isPro) { | |
| $("pro-pill").textContent = isPro ? "Pro ✓" : "Go Pro"; | |
| if (isPro) { $("pro-cta").hidden = true; if (!S.receipt.no) S.receipt.no = R.receiptNo((S.counter || 0) + 1); } | |
| renderAll(); | |
| } | |
| /* ---------- install + offline ---------- */ | |
| var deferred = null; | |
| window.addEventListener("beforeinstallprompt", function (e) { e.preventDefault(); deferred = e; $("btn-install").hidden = false; }); | |
| $("btn-install").addEventListener("click", function () { | |
| if (!deferred) return; | |
| deferred.prompt(); deferred.userChoice.finally(function () { deferred = null; $("btn-install").hidden = true; }); | |
| }); | |
| window.addEventListener("appinstalled", function () { $("btn-install").hidden = true; }); | |
| if ("serviceWorker" in navigator && (location.protocol === "https:" || /^(localhost|127\.0\.0\.1)$/.test(location.hostname))) { | |
| window.addEventListener("load", function () { navigator.serviceWorker.register("sw.js").catch(function () { /* offline cache is optional */ }); }); | |
| } | |
| /* ---------- start ---------- */ | |
| switchTabSilently(S.tab); | |
| function switchTabSilently(t) { | |
| qa(".tabs [role=tab]").forEach(function (b) { var on = b.dataset.tab === t; b.setAttribute("aria-selected", String(on)); b.tabIndex = on ? 0 : -1; }); | |
| qa(".panel").forEach(function (p) { p.hidden = p.id !== "panel-" + t; }); | |
| } | |
| PH.loadAll().then(function () { | |
| X.onChange(onPro); | |
| window.Rentsprig = { state: function () { return S; }, pdf: function () { return pdfBytes(); }, ready: true }; | |
| }); | |
| })(); | |