"
);
}
function viewDiscussion(params) {
var list = DATA.discussions || [];
var d = null;
var i;
for (i = 0; i < list.length; i++) if (list[i].id === params.id) d = list[i];
if (!d) return '
"
);
}
function viewBlogDetail(params) {
var list = DATA.blog || [];
var b = null;
var i;
for (i = 0; i < list.length; i++) if (list[i].slug === params.slug) b = list[i];
if (!b) return '
"
);
}
function render() {
var route = currentRoute();
var html = "";
switch (route.view) {
case "home": html = viewHome(); break;
case "explore": html = viewExploreHub(); break;
case "connect": html = viewConnectHub(); break;
case "grow": html = viewGrowHub(); break;
case "mine": html = viewMine(); break;
case "destinations": html = viewDestinations(); break;
case "destination": html = viewDestination(route.params); break;
case "visas": html = viewVisas(); break;
case "matcher": html = viewMatcher(); break;
case "compare": html = viewCompare(); break;
case "meetups": html = viewMeetups(); break;
case "community": html = viewCommunity(); break;
case "discussion": html = viewDiscussion(route.params); break;
case "voices": html = viewVoices(); break;
case "digital": html = viewDigital(); break;
case "lesson": html = viewLesson(route.params); break;
case "blog": html = viewBlog(); break;
case "blog-detail": html = viewBlogDetail(route.params); break;
case "tools": html = viewTools(); break;
case "calc": html = viewCalc(); break;
case "faq": html = viewFaq(); break;
case "plan": html = viewPlan(); break;
default: html = viewHome();
}
main.innerHTML = html;
bindDynamic();
window.scrollTo(0, 0);
}
function bindDynamic() {
Array.prototype.forEach.call(main.querySelectorAll("[data-go]"), function (el) {
on(el, "click", function () { goTab(el.getAttribute("data-go")); });
});
Array.prototype.forEach.call(main.querySelectorAll("[data-open]"), function (el) {
on(el, "click", function () {
var view = el.getAttribute("data-open");
var params = {};
if (el.getAttribute("data-slug")) params.slug = el.getAttribute("data-slug");
if (el.getAttribute("data-id")) params.id = el.getAttribute("data-id");
if (el.getAttribute("data-key")) params.key = el.getAttribute("data-key");
openView(view, params);
});
});
Array.prototype.forEach.call(main.querySelectorAll("[data-region]"), function (el) {
on(el, "click", function () {
state.region = el.getAttribute("data-region");
render();
});
});
Array.prototype.forEach.call(main.querySelectorAll("[data-life]"), function (el) {
on(el, "click", function () {
state.lifeIdx = Number(el.getAttribute("data-life")) || 0;
render();
});
});
Array.prototype.forEach.call(main.querySelectorAll("[data-fav]"), function (el) {
on(el, "click", function () { toggleFav(el.getAttribute("data-fav")); });
});
Array.prototype.forEach.call(main.querySelectorAll("[data-plan-add]"), function (el) {
on(el, "click", function () {
var slug = el.getAttribute("data-plan-add");
if (state.plan.indexOf(slug) < 0) state.plan.push(slug);
storageSet(PLAN_KEY, state.plan);
openSheet("
已加入旅居计划。 可在「我的 → 旅居计划」查看。
" +
'');
on(document.getElementById("sheet-ok"), "click", closeSheet);
});
});
Array.prototype.forEach.call(main.querySelectorAll("[data-check]"), function (el) {
on(el, "click", function () {
var id = el.getAttribute("data-check");
state.checklist[id] = !state.checklist[id];
storageSet(CHECK_KEY, state.checklist);
render();
});
});
var mRun = document.getElementById("m-run");
if (mRun) {
on(mRun, "click", function () {
var b = document.getElementById("m-budget");
var c = document.getElementById("m-climate");
var r = document.getElementById("m-region");
state.matchBudget = Number(b && b.value) || 6000;
state.matchClimate = (c && c.value) || "any";
state.matchRegion = (r && r.value) || "all";
render();
});
}
var cmpA = document.getElementById("cmp-a");
var cmpB = document.getElementById("cmp-b");
if (cmpA) on(cmpA, "change", function () { state.compareA = cmpA.value; render(); });
if (cmpB) on(cmpB, "change", function () { state.compareB = cmpB.value; render(); });
var cRun = document.getElementById("c-run");
if (cRun) {
on(cRun, "click", function () {
function n(id) { var el = document.getElementById(id); return Number(el && el.value) || 0; }
var total = n("c-house") + n("c-food") + n("c-trans") + n("c-cowork") + n("c-other");
var out = document.getElementById("c-out");
if (out) out.textContent = "预估月开销约 ¥" + total + "（离线估算，仅供参考）";
});
}
}
function bindChrome() {
Array.prototype.forEach.call(tabbar.querySelectorAll(".tab"), function (btn) {
on(btn, "click", function () { goTab(btn.getAttribute("data-tab")); });
});
on(btnBack, "click", goBack);
on(document.getElementById("btn-offline"), "click", function () {
openSheet(
"