70 lines
3.2 KiB
JavaScript
70 lines
3.2 KiB
JavaScript
|
// Generated, do not edit. sha256:e845407dddf225ff542fbca232d3d1694ac7796e6550456ebc528cb13c3d79b8
|
||
|
|
import { t } from '../i18n/index.js';
|
||
|
|
import { esc } from '../ui/escape.js';
|
||
|
|
import * as dialog from '../ui/dialog.js';
|
||
|
|
import { currencyName } from '../ui/format.js';
|
||
|
|
import { splashMarkHtml } from '../ui/splash.js';
|
||
|
|
import { completeSetup, setupStatus } from '../data/onboarding.js';
|
||
|
|
import { serverFoutTekst } from '../data/_rpc.js';
|
||
|
|
import { appSetting, baseCurrency } from '../app-settings.js';
|
||
|
|
|
||
|
|
const ASSETS = ['BTC'];
|
||
|
|
const CURRENCIES = ['EUR', 'USD'];
|
||
|
|
const ACCOUNT_KINDS = ['wallet', 'exchange', 'bank'];
|
||
|
|
const WIDGETS = ['standing', 'spot'];
|
||
|
|
|
||
|
|
const tile = ({ attr, key, value, on, name, sub = '' }) => `
|
||
|
|
<button type="button" class="setup-choice${on ? ' is-on' : ''}" ${attr}="${key}" data-value="${esc(value)}" aria-pressed="${on}">
|
||
|
|
<span class="setup-choice-name">${esc(name)}</span>${sub ? `<span class="setup-choice-sub">${esc(sub)}</span>` : ''}
|
||
|
|
</button>`;
|
||
|
|
const has = (s, key, v) => Array.isArray(s[key]) && s[key].includes(v);
|
||
|
|
const toggles = (s, key, values, label) => `<div class="setup-choices">${values.map(v => tile({
|
||
|
|
attr: 'data-step-toggle', key, value: v, on: has(s, key, v), name: label(v) })).join('')}</div>`;
|
||
|
|
|
||
|
|
const steps = status => [
|
||
|
|
{ title: t('setup.currencyTitle'), skip: () => !status.currencyOpen,
|
||
|
|
html: s => `<div class="setup-choices">${CURRENCIES.map(c => tile({
|
||
|
|
attr: 'data-step-set', key: 'currency', value: c, on: s.currency === c, name: currencyName(c), sub: c })).join('')}</div>` },
|
||
|
|
{ title: t('setup.accountsTitle'), html: s => toggles(s, 'accounts', ACCOUNT_KINDS, k => t(`setup.account_${k}`)) },
|
||
|
|
{ title: t('setup.dashboardTitle'), html: s => toggles(s, 'widgets', WIDGETS, w => t(`setup.widget_${w}`)) },
|
||
|
|
];
|
||
|
|
|
||
|
|
async function chooseCurrency(code) {
|
||
|
|
const r = await fetch('/api/setup/currency', {
|
||
|
|
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ baseCurrency: code }),
|
||
|
|
});
|
||
|
|
const uit = await r.json().catch(() => null);
|
||
|
|
if (!r.ok) throw new Error(serverFoutTekst(uit) || `HTTP ${r.status}`);
|
||
|
|
return uit.changed;
|
||
|
|
}
|
||
|
|
|
||
|
|
export async function openSetup({ rerun = false } = {}) {
|
||
|
|
try {
|
||
|
|
const status = await setupStatus();
|
||
|
|
const state = await dialog.stepper({
|
||
|
|
steps: steps(status), hero: splashMarkHtml(), finishLabel: t('setup.finish'),
|
||
|
|
state: { currency: baseCurrency(), accounts: rerun ? [] : ['bank'], widgets: [...WIDGETS] },
|
||
|
|
});
|
||
|
|
if (!state && rerun) return;
|
||
|
|
const reload = !!state && status.currencyOpen && await chooseCurrency(state.currency);
|
||
|
|
await completeSetup(state ? {
|
||
|
|
assets: ASSETS,
|
||
|
|
persona: rerun ? appSetting('persona') : 'broad',
|
||
|
|
accounts: state.accounts.map(k => ({ kind: k, name: t(`setup.account_${k}`) })),
|
||
|
|
widgets: state.widgets,
|
||
|
|
} : {});
|
||
|
|
if (reload) location.reload();
|
||
|
|
else document.dispatchEvent(new CustomEvent('settings-changed'));
|
||
|
|
} catch (err) {
|
||
|
|
console.error('[setup]', err);
|
||
|
|
dialog.alert({ title: t('dialog.error'), message: err.message });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export async function maybeStartSetup() {
|
||
|
|
try {
|
||
|
|
if ((await setupStatus()).needed) await openSetup();
|
||
|
|
} catch (err) {
|
||
|
|
console.error('[setup]', err);
|
||
|
|
}
|
||
|
|
}
|