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="mk">
<h2>Создади го мојот пат</h2>
<p class="guide-route-sub">Одговорете на неколку прашања и ќе ги оцртаме вашите следни чекори.</p>
<h2>Создади го мојот личен пат</h2>
<p class="guide-route-sub">Одговорете на неколку прашања и ќе создадеме персонализиран извештај со вашите следни чекори, прилагоден на вас. Можете да го зачувате или испечатите.</p>
<div class="guide-route-grid">
<div class="guide-field">
<label for="gr-role">Јас сум</label>
<select id="gr-role" data-role="role"></select>
</div>
<div class="guide-field">
<label for="gr-level">Степен на студии</label>
<select id="gr-level" data-role="level"></select>
@@ -203,17 +207,25 @@
<label for="gr-uni">Универзитет</label>
<select id="gr-uni" data-role="uni"></select>
</div>
<div class="guide-field">
<label for="gr-faculty">Факултет или програма (изборно)</label>
<input type="text" id="gr-faculty" data-role="faculty" placeholder="на пр. Економски факултет" autocomplete="off" maxlength="80">
</div>
<div class="guide-field">
<label for="gr-city">Град на студирање</label>
<select id="gr-city" data-role="city"></select>
</div>
<div class="guide-field">
<label for="gr-budget">Месечен буџет</label>
<select id="gr-budget" data-role="budget"></select>
</div>
<div class="guide-field">
<label for="gr-year">Академска година</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">Прикажи го мојот пат</button>
<button type="button" class="btn btn-primary-orange" data-action="build">Создади го мојот пат</button>
<button type="button" class="btn btn-secondary" data-action="reset">Ресетирај</button>
</div>
<div class="guide-route-result" hidden></div>