adsasd
This commit is contained in:
@@ -3,6 +3,12 @@ declare(strict_types=1);
|
||||
|
||||
require_once dirname(__DIR__) . '/bootstrap.php';
|
||||
|
||||
$assets = app()->assets();
|
||||
if ($assets) {
|
||||
$assets->addStyle('/module/fx-rates/asset?file=fx-rates.css');
|
||||
$assets->addScript('/module/fx-rates/asset?file=fx-rates.js', 'footer', true);
|
||||
}
|
||||
|
||||
$settings = module_fn('fx-rates', 'settings');
|
||||
$service = module_fn('fx-rates', 'service');
|
||||
$latest = $service->latestStatus();
|
||||
@@ -77,172 +83,4 @@ $pageData = json_encode([
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
#fx-rates-app { padding: 1rem 0 2rem; }
|
||||
.fx-stack { display: grid; gap: 1rem; }
|
||||
.fx-card { background: var(--panel-bg, #fff); border: 1px solid rgba(15,23,42,.12); border-radius: 8px; padding: 1rem; }
|
||||
.fx-card h1, .fx-card h2 { margin: 0 0 .5rem; }
|
||||
.fx-card p { margin: 0 0 .75rem; color: #5b6573; }
|
||||
.fx-card-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; flex-wrap: wrap; }
|
||||
.fx-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
|
||||
.fx-button { appearance: none; border: 1px solid #d0d7e2; background: #fff; color: #1c2734; border-radius: 8px; padding: .7rem 1rem; cursor: pointer; }
|
||||
.fx-button--primary { background: #1c2734; color: #fff; border-color: #1c2734; }
|
||||
.fx-button[disabled] { opacity: .6; cursor: wait; }
|
||||
.fx-meta-grid, .fx-form-grid { display: grid; gap: .75rem; }
|
||||
.fx-meta-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: .75rem; }
|
||||
.fx-form-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
|
||||
.fx-form-grid label, .fx-block { display: grid; gap: .35rem; }
|
||||
.fx-form-grid span, .fx-block span { font-size: .9rem; color: #5b6573; }
|
||||
.fx-form-grid input, .fx-block input { width: 100%; border: 1px solid #d0d7e2; border-radius: 8px; padding: .7rem .8rem; }
|
||||
.fx-message { min-height: 1.5rem; color: #1c2734; }
|
||||
.fx-message.is-error { color: #b42318; }
|
||||
.fx-message.is-success { color: #027a48; }
|
||||
.fx-table-wrap { overflow-x: auto; }
|
||||
.fx-table { width: 100%; border-collapse: collapse; }
|
||||
.fx-table th, .fx-table td { text-align: left; border-bottom: 1px solid #eef2f6; padding: .65rem .4rem; }
|
||||
.fx-api-note { margin-top: .75rem; font-size: .95rem; }
|
||||
</style>
|
||||
<script>
|
||||
(() => {
|
||||
const root = document.getElementById('fx-rates-app');
|
||||
if (!root) return;
|
||||
|
||||
const page = JSON.parse(root.dataset.page || '{}');
|
||||
const settings = page.settings || {};
|
||||
const nodes = {
|
||||
message: root.querySelector('[data-bind="message"]'),
|
||||
lastFetch: root.querySelector('[data-bind="last-fetch"]'),
|
||||
defaultBase: root.querySelector('[data-bind="default-base"]'),
|
||||
displayBase: root.querySelector('[data-bind="display-base"]'),
|
||||
ratesBody: root.querySelector('[data-bind="rates-body"]'),
|
||||
defaultBaseInput: root.querySelector('input[name="default_base_currency"]'),
|
||||
displayBaseInput: root.querySelector('input[name="display_base_currency"]'),
|
||||
preferredCurrenciesInput: root.querySelector('input[name="preferred_currencies"]'),
|
||||
};
|
||||
const apiBase = '/api/fx-rates/v1';
|
||||
let loading = false;
|
||||
|
||||
const setMessage = (text, type = '') => {
|
||||
if (!nodes.message) return;
|
||||
nodes.message.textContent = text || '';
|
||||
nodes.message.className = `fx-message${type ? ` is-${type}` : ''}`;
|
||||
};
|
||||
|
||||
const setLoading = (state) => {
|
||||
loading = state;
|
||||
root.querySelectorAll('button[data-action]').forEach((button) => {
|
||||
button.disabled = state;
|
||||
});
|
||||
};
|
||||
|
||||
const parsePreferredCurrencies = () => {
|
||||
return String(nodes.preferredCurrenciesInput?.value || '')
|
||||
.split(/[\s,;]+/)
|
||||
.map((item) => item.trim().toUpperCase())
|
||||
.filter(Boolean);
|
||||
};
|
||||
|
||||
const renderSnapshot = (snapshot) => {
|
||||
const rates = snapshot && snapshot.rates ? snapshot.rates : null;
|
||||
const entries = rates ? Object.entries(rates) : [];
|
||||
if (!nodes.ratesBody) return;
|
||||
if (!entries.length) {
|
||||
nodes.ratesBody.innerHTML = '<tr><td colspan="2">Noch keine Wechselkurse fuer die ausgewaehlten Waehrungen gespeichert.</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
nodes.ratesBody.innerHTML = entries.map(([code, rate]) => {
|
||||
const formatted = typeof rate === 'number' ? rate.toLocaleString('de-DE', { maximumFractionDigits: 8 }) : 'n/a';
|
||||
return `<tr><td>${code}</td><td>${formatted}</td></tr>`;
|
||||
}).join('');
|
||||
};
|
||||
|
||||
const request = async (path, options = {}) => {
|
||||
const response = await fetch(`${apiBase}${path}`, {
|
||||
credentials: 'same-origin',
|
||||
headers: {
|
||||
'Accept': 'application/json',
|
||||
...(options.body ? { 'Content-Type': 'application/json' } : {}),
|
||||
...(options.headers || {}),
|
||||
},
|
||||
...options,
|
||||
});
|
||||
const payload = await response.json().catch(() => ({}));
|
||||
if (!response.ok) {
|
||||
throw new Error(payload?.context?.message || payload?.error || `HTTP ${response.status}`);
|
||||
}
|
||||
return payload.data;
|
||||
};
|
||||
|
||||
const loadLatest = async () => {
|
||||
const base = String(nodes.displayBaseInput?.value || settings.display_base_currency || settings.default_base_currency || 'EUR').trim().toUpperCase();
|
||||
const preferred = parsePreferredCurrencies();
|
||||
const query = new URLSearchParams();
|
||||
query.set('base', base);
|
||||
if (preferred.length) query.set('symbols', preferred.join(','));
|
||||
const data = await request(`/latest?${query.toString()}`);
|
||||
renderSnapshot(data);
|
||||
if (nodes.lastFetch) nodes.lastFetch.textContent = data?.fetched_at || 'noch keiner';
|
||||
if (nodes.displayBase) nodes.displayBase.textContent = base;
|
||||
return data;
|
||||
};
|
||||
|
||||
root.querySelector('[data-action="refresh-rates"]')?.addEventListener('click', async () => {
|
||||
try {
|
||||
setLoading(true);
|
||||
setMessage('Ich rufe jetzt die aktuellen Kurse ab.');
|
||||
const payload = {
|
||||
force: true,
|
||||
base: String(nodes.defaultBaseInput?.value || settings.default_base_currency || 'EUR').trim().toUpperCase(),
|
||||
currencies: parsePreferredCurrencies(),
|
||||
};
|
||||
const data = await request('/refresh', { method: 'POST', body: JSON.stringify(payload) });
|
||||
setMessage(`Aktuelle Kurse gespeichert. ${data?.updated_count || 0} Werte aktualisiert.`, 'success');
|
||||
await loadLatest();
|
||||
} catch (error) {
|
||||
setMessage(error.message || 'Kurse konnten nicht aktualisiert werden.', 'error');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
});
|
||||
|
||||
root.querySelector('[data-action="refresh-catalog"]')?.addEventListener('click', async () => {
|
||||
try {
|
||||
setLoading(true);
|
||||
setMessage('Ich synchronisiere jetzt den Waehrungskatalog.');
|
||||
const data = await request('/currencies-refresh', { method: 'POST', body: JSON.stringify({}) });
|
||||
setMessage(`Waehrungskatalog synchronisiert. ${data?.synced_count || 0} Waehrungen verarbeitet.`, 'success');
|
||||
} catch (error) {
|
||||
setMessage(error.message || 'Waehrungskatalog konnte nicht synchronisiert werden.', 'error');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
});
|
||||
|
||||
root.querySelector('[data-action="save-settings"]')?.addEventListener('click', async () => {
|
||||
try {
|
||||
setLoading(true);
|
||||
setMessage('Ich speichere jetzt die Waehrungs-Auswahl.');
|
||||
const payload = {
|
||||
default_base_currency: String(nodes.defaultBaseInput?.value || '').trim().toUpperCase(),
|
||||
display_base_currency: String(nodes.displayBaseInput?.value || '').trim().toUpperCase(),
|
||||
preferred_currencies: parsePreferredCurrencies(),
|
||||
};
|
||||
const data = await request('/settings', { method: 'PUT', body: JSON.stringify(payload) });
|
||||
if (nodes.defaultBase) nodes.defaultBase.textContent = data?.default_base_currency || '';
|
||||
if (nodes.displayBase) nodes.displayBase.textContent = data?.display_base_currency || '';
|
||||
setMessage('Waehrungs-Auswahl gespeichert.', 'success');
|
||||
await loadLatest();
|
||||
} catch (error) {
|
||||
setMessage(error.message || 'Waehrungs-Auswahl konnte nicht gespeichert werden.', 'error');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
});
|
||||
|
||||
loadLatest().catch((error) => {
|
||||
setMessage(error.message || 'Letzter Snapshot konnte nicht geladen werden.', 'error');
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<?= module_shell_footer() ?>
|
||||
|
||||
Reference in New Issue
Block a user