52b7c20c2a
Testy / Testy warstwy logicznej (silnik) (pull_request) Successful in 10m30s
Testy / Testy warstwy prezentacji (dostęp do baz) (pull_request) Successful in 9m28s
Testy / Build obrazu silnika B (swisseph) (pull_request) Successful in 15s
Testy / Kontrola składni wszystkich warstw (pull_request) Successful in 10s
Testy / Testy warstwy logicznej (silnik) (push) Successful in 11m5s
Testy / Testy warstwy prezentacji (dostęp do baz) (push) Successful in 9m31s
Testy / Build obrazu silnika B (swisseph) (push) Successful in 15s
Testy / Kontrola składni wszystkich warstw (push) Successful in 10s
build / build (push) Successful in 2m49s
Regresja: „Skompiluj" przeliczało horoskop od nowa z OKROJONYM zestawem opcji (tylko system domów + zodiak), więc jeśli przy horoskopie policzyłeś stacje, tabele (żywioły, faza Księżyca…) albo porównanie domów — w podsumowaniu ich NIE było. Zamiast pokazać to, co policzono, liczyło uboższą wersję. Zostaje czysty przelicz (bez trzymania dużego wyniku w przeglądarce), ale z TYMI SAMYMI opcjami co przy horoskopie: - `formsync`: synchronizuje między zakładkami też opcje — checkboxy (stacje, tabele) i wielo-checkbox (porównanie domów). Wcześniej umiał tylko `.value`. - „Skompiluj" (formularz): dostaje te same opcje; `compile_build` i `compile_pdf` przekazują je do logiki (stations/tables/house_systems). `compile.js` wysyła je w payloadzie PDF-a. - Wspólny plik `_result_tables.html`: podsumowanie renderuje DOKŁADNIE te same tabele co „Horoskop" (porównanie domów, stacje, aspekty, paralele, antyscja, żywioły/faza/godziny, Lots…). Każda sekcja pokazuje się tylko, gdy jej dane są w wyniku — opcja niepoliczona → sekcji nie ma (zgodnie z prośbą). (TODO: przełączyć też chart.html na ten include, by widoki nie mogły się rozjechać — na razie zgodność pilnowana ręcznie, jest komentarz w pliku.) Weryfikacja: render wspólnego pliku na bogatym wyniku pokazuje wszystkie sekcje. Testy: +8 (opcje niesione w /compile i /compile/pdf, sync checkboxów/multi, wspólny include). Prezentacja 202. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
126 lines
4.9 KiB
JavaScript
126 lines
4.9 KiB
JavaScript
// Wspólne dane formularza między zakładkami (PRE-21).
|
|
//
|
|
// Problem: każdą zakładkę (Horoskop / Interpretacje / Kalendarz) wypełniało się
|
|
// od nowa — te same imię, data, godzina, strefa i miejsce. Teraz raz wpisane
|
|
// dane wędrują za użytkownikiem.
|
|
//
|
|
// Dlaczego localStorage, a nie sesja na serwerze: serwer zostaje BEZSTANOWY
|
|
// (żadnego magazynu sesji, żadnych danych urodzeniowych trzymanych po stronie
|
|
// usługi), a przy okazji dane synchronizują się też między osobnymi kartami
|
|
// przeglądarki — zdarzenie `storage` daje to za darmo.
|
|
//
|
|
// UWAGA na kolejność: ten skrypt ładujemy w <head> z `defer`, więc wykonuje się
|
|
// PO sparsowaniu dokumentu, ale PRZED geo.js (skrypty defer idą w kolejności
|
|
// dokumentu). Dzięki temu mapa startuje już z odtworzonymi współrzędnymi i nie
|
|
// trzeba jej potem przestawiać.
|
|
(function () {
|
|
'use strict';
|
|
|
|
var KEY = 'astrololo.form.v1';
|
|
|
|
// Pola wspólne dla zakładek. Nazwa pola formularza -> jak je znaleźć.
|
|
// `geoSearch` (nazwa miejsca) nie ma atrybutu name — szukamy po id.
|
|
// type: brak = zwykła wartość (.value); 'check' = pojedynczy checkbox (.checked);
|
|
// 'multi' = kilka checkboxów o tej samej nazwie (lista zaznaczonych wartości).
|
|
// Opcje (stacje, tabele, porównanie domów) są tu, żeby wybór z „Horoskopu"
|
|
// wędrował na „Skompiluj" — inaczej podsumowanie liczyłoby się bez nich.
|
|
var FIELDS = [
|
|
{ key: 'person', sel: 'input[name=person]' },
|
|
{ key: 'date', sel: 'input[name=date]' },
|
|
{ key: 'time', sel: 'input[name=time]' },
|
|
{ key: 'tz_offset', sel: 'input[name=tz_offset]' },
|
|
{ key: 'lat', sel: 'input[name=lat]' },
|
|
{ key: 'lon', sel: 'input[name=lon]' },
|
|
{ key: 'house_system', sel: 'select[name=house_system]' },
|
|
{ key: 'zodiac', sel: 'select[name=zodiac]' },
|
|
{ key: 'place', sel: '#geoSearch' },
|
|
{ key: 'stations', sel: 'input[name=stations]', type: 'check' },
|
|
{ key: 'tables', sel: 'input[name=tables]', type: 'check' },
|
|
{ key: 'house_systems', name: 'house_systems', type: 'multi' }
|
|
];
|
|
|
|
function elementsOf(f) {
|
|
if (f.type === 'multi') return Array.prototype.slice.call(document.querySelectorAll('[name=' + f.name + ']'));
|
|
var el = document.querySelector(f.sel);
|
|
return el ? [el] : [];
|
|
}
|
|
|
|
function load() {
|
|
try {
|
|
return JSON.parse(localStorage.getItem(KEY) || '{}') || {};
|
|
} catch (e) {
|
|
return {}; // uszkodzony wpis nie może zablokować strony
|
|
}
|
|
}
|
|
|
|
function save(state) {
|
|
try {
|
|
localStorage.setItem(KEY, JSON.stringify(state));
|
|
} catch (e) {
|
|
/* tryb prywatny albo brak miejsca — trudno, formularz ma działać dalej */
|
|
}
|
|
}
|
|
|
|
function apply(state) {
|
|
FIELDS.forEach(function (f) {
|
|
var els = elementsOf(f);
|
|
if (!els.length) return;
|
|
var v = state[f.key];
|
|
if (v === undefined || v === null) return;
|
|
if (f.type === 'multi') {
|
|
if (!Array.isArray(v)) return;
|
|
els.forEach(function (el) { el.checked = v.indexOf(el.value) !== -1; });
|
|
} else if (f.type === 'check') {
|
|
els[0].checked = !!v;
|
|
} else {
|
|
if (v === '') return;
|
|
if (els[0].value !== v) els[0].value = v;
|
|
}
|
|
});
|
|
}
|
|
|
|
function collect() {
|
|
var state = load();
|
|
FIELDS.forEach(function (f) {
|
|
var els = elementsOf(f);
|
|
if (!els.length) return; // pola nieobecnego na tej zakładce nie kasujemy
|
|
if (f.type === 'multi') {
|
|
state[f.key] = els.filter(function (el) { return el.checked; }).map(function (el) { return el.value; });
|
|
} else if (f.type === 'check') {
|
|
state[f.key] = els[0].checked;
|
|
} else {
|
|
if (els[0].value === '' || els[0].value === null) return;
|
|
state[f.key] = els[0].value;
|
|
}
|
|
});
|
|
return state;
|
|
}
|
|
|
|
// 1) odtwórz to, co użytkownik wpisał gdzie indziej
|
|
apply(load());
|
|
|
|
// 2) zapisuj każdą zmianę (input dla wpisywania, change dla list, checkboxów, kalendarzy)
|
|
FIELDS.forEach(function (f) {
|
|
elementsOf(f).forEach(function (el) {
|
|
['input', 'change'].forEach(function (ev) {
|
|
el.addEventListener(ev, function () { save(collect()); });
|
|
});
|
|
});
|
|
});
|
|
|
|
// 3) zapisz stan po wysłaniu formularza — po przeładowaniu strony pola mają
|
|
// pokazywać to, co faktycznie policzyliśmy
|
|
document.addEventListener('submit', function () { save(collect()); }, true);
|
|
|
|
// 4) druga otwarta karta zmieniła dane -> dociągnij je tutaj na żywo
|
|
window.addEventListener('storage', function (e) {
|
|
if (e.key === KEY) apply(load());
|
|
});
|
|
|
|
// 5) geo.js ustawia lat/lon z mapy poza polami formularza — po takiej zmianie
|
|
// też chcemy zapamiętać (zdarzenie leci z „Tu i teraz" oraz z mapy)
|
|
document.addEventListener('astrololo:coords', function () {
|
|
setTimeout(function () { save(collect()); }, 0);
|
|
});
|
|
})();
|