Upgrade Build My Route into a personal report generator with export and data hook

Adds role, faculty (typed), and budget fields; the configurator now navigates to a new per-language results page (my-route/) carrying the answers in the URL. The results page renders a branded, printable report: profile chips, tailored ordered steps, city/budget/role/level focus tips, key page links, a disclaimer, and a Save-as-PDF/print button (print CSS shows only the report). my-route.js also has a Google Form hook to collect the profile for demographics once configured.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-07-31 12:58:45 +02:00
1 parent f88a9bb6b4
commit b486a4a70d
9 files changed
+1177 -132

No files matched your search

+15 -3
View File
@@ -188,9 +188,13 @@
<div class="guide-section" style="margin-top:0;">
<div class="guide-route" data-lang="si">
<h2>Ustvari mojo pot</h2>
<p class="guide-route-sub">Odgovorite na nekaj vprašanj in orisali bomo vaše naslednje korake.</p>
<h2>Ustvari mojo osebno pot</h2>
<p class="guide-route-sub">Odgovorite na nekaj vprašanj in ustvarili bomo osebno poročilo z vašimi naslednjimi koraki, prilagojeno vam. Lahko ga shranite ali natisnete.</p>
<div class="guide-route-grid">
<div class="guide-field">
<label for="gr-role">Sem</label>
<select id="gr-role" data-role="role"></select>
</div>
<div class="guide-field">
<label for="gr-level">Stopnja študija</label>
<select id="gr-level" data-role="level"></select>
@@ -203,17 +207,25 @@
<label for="gr-uni">Univerza</label>
<select id="gr-uni" data-role="uni"></select>
</div>
<div class="guide-field">
<label for="gr-faculty">Fakulteta ali program (neobvezno)</label>
<input type="text" id="gr-faculty" data-role="faculty" placeholder="npr. Ekonomska fakulteta" autocomplete="off" maxlength="80">
</div>
<div class="guide-field">
<label for="gr-city">Študijsko mesto</label>
<select id="gr-city" data-role="city"></select>
</div>
<div class="guide-field">
<label for="gr-budget">Mesečni proračun</label>
<select id="gr-budget" data-role="budget"></select>
</div>
<div class="guide-field">
<label for="gr-year">Študijsko leto</label>
<select id="gr-year" data-role="year"></select>
</div>
</div>
<div class="guide-route-actions">
<button type="button" class="btn btn-primary-orange" data-action="build">Prikaži mojo pot</button>
<button type="button" class="btn btn-primary-orange" data-action="build">Ustvari mojo pot</button>
<button type="button" class="btn btn-secondary" data-action="reset">Ponastavi</button>
</div>
<div class="guide-route-result" hidden></div>