overhaul gpx creation and usage

public/index.html

@@ -94,7 +94,7 @@
       <p id="android-browser-hint" class="android-browser-hint" hidden></p>
 
       <div class="privacy-summary">
-        <p data-i18n="privacy.no-tracking">Hier gibt es keine Werbung. Wir verfolgen nicht, welche anderen Seiten du besuchst.</p>
+        <p data-i18n="app.no-tracking">Hier gibt es keine Werbung. Wir verfolgen nicht, welche anderen Seiten du besuchst.</p>
         <label for="cookie-toggle-1" class="switch-row switch-disabled">
           <span>
             <strong data-i18n="progress.cookies-label">Optionale Cookies</strong>
@@ -158,6 +158,11 @@
     </section>
   </div>
   <main id="app-shell" hidden>
+    <aside id="route-recording-control" hidden>
+      <span id="route-recording-status" aria-live="polite"></span>
+      <button id="route-recording-pause" type="button" data-i18n="recorder.pause">Aufnahme pausieren</button>
+      <button id="route-recording-stop" type="button" data-i18n="recorder.stop">Aufnahme beenden</button>
+    </aside>
     <div class="route-control">
       <button id="route-control-button" class="route-control-button" type="button" aria-label="Strecke auswählen oder wechseln" title="Strecke auswählen oder wechseln" aria-haspopup="true" aria-expanded="false" aria-controls="route-control-dropdown" data-i18n-title="routes.open-menu" data-i18n-aria-label="routes.open-menu">
         <img src="images/icons/route-management.svg" alt="" aria-hidden="true">
@@ -280,13 +285,21 @@
       </div>
     </section>
     <footer id="navigation-footer" hidden aria-live="polite">
-      <svg id="navigation-arrow" viewbox="0 0 64 64" aria-hidden="true" focusable="false">
-        <path d="M32 4 53 54 32 44 11 54Z"></path>
-      </svg>
-      <p>
-        <span id="navigation-mode" data-i18n="navigation.station-direction">Richtung zum nächsten Station</span>
-        <strong id="navigation-distance">–</strong>
-      </p>
+      <div class="navigation-target">
+        <svg id="route-navigation-arrow" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
+          <path d="M32 4 53 54 32 44 11 54Z"></path>
+        </svg>
+        <p><span id="route-navigation-mode" data-i18n="recorder.path-direction">Dem Weg folgen</span></p>
+      </div>
+      <div id="station-navigation" class="navigation-target">
+        <svg id="navigation-arrow" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
+          <path d="M32 4 53 54 32 44 11 54Z"></path>
+        </svg>
+        <p>
+          <span id="navigation-mode" data-i18n="navigation.station-direction">Richtung zur nächsten Station</span>
+          <strong id="navigation-distance">–</strong>
+        </p>
+      </div>
     </footer>
   </main>
   <dialog id="info-dialog" class="info-dialog" aria-labelledby="info-dialog-title">
@@ -296,62 +309,64 @@
         <button id="info-close" type="button" aria-label="Informationsfenster schließen" title="Schließen" data-i18n-title="info.close" data-i18n-aria-label="info.close-label">×</button>
       </header>
       <div class="info-dialog-content">
-        <article class="info-page" data-info-page="privacy" hidden>
-          <p class="legal-warning"><strong data-i18n="common.notice">Hinweis:</strong><span data-i18n="privacy.incomplete-notice">Diese Angaben sind noch nicht vollständig. Die Kontakte stammen von der Grundschule Herpf. Wer die Website betreibt, welche Verbindungsdaten gespeichert werden und wie lange sie bleiben, muss noch ergänzt werden.</span></p>
-          <h3 data-i18n="privacy.controller-title">1. Verantwortliche Stelle und Datenschutzkontakt</h3>
+        <article class="info-page" data-info-page="privacy" lang="de" hidden>
+          <p class="legal-warning"><strong>Hinweis:</strong><span>Diese Angaben sind noch nicht vollständig. Die Kontakte stammen von der Grundschule Herpf. Wer die Website betreibt, welche Verbindungsdaten gespeichert werden und wie lange sie bleiben, muss noch ergänzt werden.</span></p>
+          <h3>1. Verantwortliche Stelle und Datenschutzkontakt</h3>
           <p>
-            <strong data-i18n="contacts.school.name">Staatliche Grundschule Herpf</strong><br><span data-i18n="contacts.school.address">Zum Eichig 3</span><br><span data-i18n="contacts.school.city">98617 Meiningen / OT Herpf</span><br><span data-i18n="contacts.school.phone">Telefon: (036943) 63722</span><br><span data-i18n="contacts.school.email">E-Mail: info@grundschule-herpf.de</span></p>
-          <p><span data-i18n="contacts.school.privacy-label">Datenschutzangaben der Schule:</span><br>
-            <strong data-i18n="contacts.privacy.name">Staatliches Schulamt Südthüringen</strong><br><span data-i18n="contacts.privacy.role">Datenschutzbeauftragter</span><br><span data-i18n="contacts.privacy.address">Hölderlinstraße 1</span><br><span data-i18n="contacts.privacy.city">98527 Suhl</span><br><span data-i18n="contacts.privacy.phone">Telefon: 03681 / 7341 25</span><br><span data-i18n="contacts.privacy.fax">Fax: 03681 / 7341 09</span><br><span data-i18n="contacts.privacy.email">E-Mail: datenschutz.suedthueriungen@schulamt.thueringen.de</span></p>
-          <p data-i18n="contacts.privacy.postal-hint">Der Datenschutzbeauftragte kann außerdem über die Postadresse der Schule mit dem Zusatz „der Datenschutzbeauftragte“ erreicht werden.</p>
-          <h3 data-i18n="privacy.connection-title">2. Wenn du Wegwichtel öffnest</h3>
-          <p data-i18n="privacy.connection-data">Wenn du Wegwichtel öffnest, können Verbindungsdaten verarbeitet werden. Dazu gehören zum Beispiel die Internetadresse deines Geräts, Datum, Uhrzeit und Zeitzone, die aufgerufene Seite, übertragene Daten und ob der Aufruf geklappt hat. Auch die vorherige Seite und Angaben zu deinem Gerät, Internetbrowser und dessen Sprache können dazugehören. Diese Daten helfen dabei, die Website bereitzustellen, Fehler zu finden und sie zu schützen.</p>
-          <p><span data-i18n="privacy.provider-label">Wer die Website bereitstellt und welche Verbindungsdaten wie lange gespeichert werden:</span><strong data-i18n="privacy.provider-placeholder">[Anbieter, Anschrift, gespeicherte Daten und Speicherdauer ergänzen]</strong></p>
-          <h3 data-i18n="privacy.location-title">3. Standortdaten</h3>
-          <p data-i18n="privacy.location-data">Du entscheidest, ob Wegwichtel deinen Standort nutzen darf. Damit findest du Strecken in deiner Nähe und siehst den Weg zur nächsten Station. Dein laufender Standort wird auf deinem Gerät verarbeitet. Wegwichtel speichert daraus keinen Verlauf auf der Website.</p>
-          <h3 data-i18n="privacy.progress-title">4. Deinen Fortschritt merken</h3>
-          <p data-i18n="privacy.progress-data">Wenn du „Meinen Fortschritt merken“ einschaltest, speichert Wegwichtel deine gewählte Strecke, besuchte und angesehene Stationen sowie angehörte Tonaufnahmen. Auch ob du unterwegs bist, eine Pause machst oder fertig bist und der Zeitpunkt werden gespeichert. Diese Angaben bleiben auf deinem Gerät und werden nicht an die Website gesendet.</p>
-          <p data-i18n="privacy.progress-deletion">Wenn du deinen Fortschritt mindestens einen Tag lang nicht verändert hast, wird er beim nächsten Öffnen gelöscht. Beim Ausschalten wird er sofort gelöscht. Deine eigenen und für unterwegs gespeicherten Strecken bleiben erhalten.</p>
+            <strong>Staatliche Grundschule Herpf</strong><br><span>Zum Eichig 3</span><br><span>98617 Meiningen / OT Herpf</span><br><span>Telefon: (036943) 63722</span><br><span>E-Mail: info@grundschule-herpf.de</span></p>
+          <p><span>Datenschutzangaben der Schule:</span><br>
+            <strong>Staatliches Schulamt Südthüringen</strong><br><span>Datenschutzbeauftragter</span><br><span>Hölderlinstraße 1</span><br><span>98527 Suhl</span><br><span>Telefon: 03681 / 7341 25</span><br><span>Fax: 03681 / 7341 09</span><br><span>E-Mail: datenschutz.suedthueriungen@schulamt.thueringen.de</span></p>
+          <p>Der Datenschutzbeauftragte kann außerdem über die Postadresse der Schule mit dem Zusatz „der Datenschutzbeauftragte“ erreicht werden.</p>
+          <h3>2. Wenn du Wegwichtel öffnest</h3>
+          <p>Wenn du Wegwichtel öffnest, können Verbindungsdaten verarbeitet werden. Dazu gehören zum Beispiel die Internetadresse deines Geräts, Datum, Uhrzeit und Zeitzone, die aufgerufene Seite, übertragene Daten und ob der Aufruf geklappt hat. Auch die vorherige Seite und Angaben zu deinem Gerät, Internetbrowser und dessen Sprache können dazugehören. Diese Daten helfen dabei, die Website bereitzustellen, Fehler zu finden und sie zu schützen.</p>
+          <p><span>Wer die Website bereitstellt und welche Verbindungsdaten wie lange gespeichert werden:</span><strong>[Anbieter, Anschrift, gespeicherte Daten und Speicherdauer ergänzen]</strong></p>
+          <h3>3. Standortdaten</h3>
+          <p>Du entscheidest, ob Wegwichtel deinen Standort nutzen darf. Damit findest du Strecken in deiner Nähe und siehst den Weg zur nächsten Station. Dein laufender Standort wird auf deinem Gerät verarbeitet. Wegwichtel speichert daraus keinen Verlauf auf der Website.</p>
+          <h3>4. Deinen Fortschritt merken</h3>
+          <p>Wenn du „Meinen Fortschritt merken“ einschaltest, speichert Wegwichtel deine gewählte Strecke, besuchte und angesehene Stationen sowie angehörte Tonaufnahmen. Auch ob du unterwegs bist, eine Pause machst oder fertig bist und der Zeitpunkt werden gespeichert. Diese Angaben bleiben auf deinem Gerät und werden nicht an die Website gesendet.</p>
+          <p>Wenn du deinen Fortschritt mindestens einen Tag lang nicht verändert hast, wird er beim nächsten Öffnen gelöscht. Beim Ausschalten wird er sofort gelöscht. Deine eigenen und für unterwegs gespeicherten Strecken bleiben erhalten.</p>
           <label for="progress-storage-toggle-2" class="switch-row compact-switch">
             <span>
-              <strong data-i18n="progress.remember">Meinen Fortschritt merken</strong>
-              <small data-i18n="progress.choice-hint">Du entscheidest, ob sich Wegwichtel deinen Fortschritt merkt.</small>
+              <strong>Meinen Fortschritt merken</strong>
+              <small>Du entscheidest, ob sich Wegwichtel deinen Fortschritt merkt.</small>
             </span>
             <input id="progress-storage-toggle-2" class="progress-storage-toggle" type="checkbox" role="switch" aria-checked="false">
             <span class="switch-track" aria-hidden="true"></span>
           </label>
-          <h3 data-i18n="privacy.drafts-title">5. Deine eigenen Strecken</h3>
-          <p data-i18n="privacy.draft-data">Neue Strecken bleiben zuerst auf deinem Gerät. Gespeichert werden der Weg, die Orte der Stationen, Texte sowie ausgewählte Bilder und Tonaufnahmen.</p>
-          <p data-i18n="privacy.draft-deletion">Deine Entwürfe bleiben erhalten, wenn alter Fortschritt gelöscht wird oder du „Meinen Fortschritt merken“ ausschaltest. Sie bleiben auf diesem Gerät, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetbrowser entfernst. Nur wenn du „Zur Prüfung senden“ wählst, wird deine Strecke an die Website gesendet.</p>
-          <h3 data-i18n="privacy.settings-title">6. Werbung und gespeicherte Einstellungen</h3>
-          <p data-i18n="privacy.settings-data">Wegwichtel verwendet keine Cookies. Es zählt keine Besuche für Werbung und verfolgt nicht, welche anderen Seiten du besuchst. Auf deinem Gerät wird gespeichert, ob du „Meinen Fortschritt merken“ eingeschaltet hast.</p>
-          <h3 data-i18n="privacy.children-title">7. Inhalte von Schülerinnen und Schülern</h3>
-          <p data-i18n="privacy.children-permission">Bilder, Texte und Tonaufnahmen dürfen nur geteilt werden, wenn das erlaubt ist. Wenn Kinder auf Bildern oder in Aufnahmen erkannt werden können, müssen die Regeln der Schule beachtet werden. Auch die Eltern oder anderen Sorgeberechtigten müssen die nötige Erlaubnis geben.</p>
-          <h3 data-i18n="privacy.rights-title">8. Deine Rechte</h3>
-          <p data-i18n="privacy.rights-data">Du kannst fragen, welche Daten über dich gespeichert sind. Unter den gesetzlichen Voraussetzungen kannst du verlangen, dass sie berichtigt, gelöscht, nur noch eingeschränkt genutzt oder dir zur Weitergabe bereitgestellt werden. Du kannst der Nutzung widersprechen und eine erteilte Erlaubnis für die Zukunft zurücknehmen. Wenn du dich über den Umgang mit deinen Daten beschweren möchtest, kannst du dich an die folgende Datenschutzbehörde wenden.</p>
-          <p><span data-i18n="contacts.authority.label">Zuständige Datenschutzaufsicht:</span><br>
-            <strong data-i18n="contacts.authority.name">Thüringer Landesbeauftragter für den Datenschutz und die Informationsfreiheit (TlfDI)</strong><br><span data-i18n="contacts.authority.postal-address">Postfach 90 04 55, 99107 Erfurt</span><br><span data-i18n="contacts.authority.address">Häßlerstraße 8, 99096 Erfurt</span><br><span data-i18n="contacts.authority.phone">Telefon: 0361 / 57 311 29 00</span><br><span data-i18n="contacts.authority.fax">Telefax: 0361 / 57 311 29 04</span><br><span data-i18n="contacts.authority.email">E-Mail: poststelle@datenschutz.thueringen.de</span><br><span data-i18n="contacts.authority.website">Website: www.tlfdi.de</span></p>
+          <h3>5. Deine eigenen Strecken</h3>
+          <p>Neue Strecken bleiben zuerst auf deinem Gerät. Gespeichert werden der Weg, die Orte der Stationen, Texte sowie ausgewählte Bilder und Tonaufnahmen.</p>
+          <p>Deine Entwürfe bleiben erhalten, wenn alter Fortschritt gelöscht wird oder du „Meinen Fortschritt merken“ ausschaltest. Sie bleiben auf diesem Gerät, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetbrowser entfernst. Nur wenn du „Zur Prüfung senden“ wählst, wird deine Strecke an die Website gesendet.</p>
+          <h3>6. Werbung und gespeicherte Einstellungen</h3>
+          <p>Wegwichtel verwendet keine Cookies. Es zählt keine Besuche für Werbung und verfolgt nicht, welche anderen Seiten du besuchst. Auf deinem Gerät wird gespeichert, ob du „Meinen Fortschritt merken“ eingeschaltet hast.</p>
+          <h3>7. Inhalte von Schülerinnen und Schülern</h3>
+          <p>Bilder, Texte und Tonaufnahmen dürfen nur geteilt werden, wenn das erlaubt ist. Wenn Kinder auf Bildern oder in Aufnahmen erkannt werden können, müssen die Regeln der Schule beachtet werden. Auch die Eltern oder anderen Sorgeberechtigten müssen die nötige Erlaubnis geben.</p>
+          <h3>8. Deine Rechte</h3>
+          <p>Du kannst fragen, welche Daten über dich gespeichert sind. Unter den gesetzlichen Voraussetzungen kannst du verlangen, dass sie berichtigt, gelöscht, nur noch eingeschränkt genutzt oder dir zur Weitergabe bereitgestellt werden. Du kannst der Nutzung widersprechen und eine erteilte Erlaubnis für die Zukunft zurücknehmen. Wenn du dich über den Umgang mit deinen Daten beschweren möchtest, kannst du dich an die folgende Datenschutzbehörde wenden.</p>
+          <p><span>Zuständige Datenschutzaufsicht:</span><br>
+            <strong>Thüringer Landesbeauftragter für den Datenschutz und die Informationsfreiheit (TlfDI)</strong><br><span>Postfach 90 04 55, 99107 Erfurt</span><br><span>Häßlerstraße 8, 99096 Erfurt</span><br><span>Telefon: 0361 / 57 311 29 00</span><br><span>Telefax: 0361 / 57 311 29 04</span><br><span>E-Mail: poststelle@datenschutz.thueringen.de</span><br><span>Website: www.tlfdi.de</span></p>
         </article>
-        <article class="info-page" data-info-page="imprint" hidden>
-          <p class="legal-warning"><strong data-i18n="common.notice">Hinweis:</strong><span data-i18n="imprint.incomplete-notice">Diese Angaben stammen von der Grundschule Herpf. Vor der Veröffentlichung muss geprüft werden, ob für Wegwichtel noch weitere oder andere Angaben nötig sind.</span></p>
-          <h3 data-i18n="imprint.controller-title">Wer für Wegwichtel verantwortlich ist</h3>
+        <article class="info-page" data-info-page="imprint" lang="de" hidden>
+          <p class="legal-warning"><strong>Hinweis:</strong><span>Diese Angaben stammen von der Grundschule Herpf. Vor der Veröffentlichung muss geprüft werden, ob für Wegwichtel noch weitere oder andere Angaben nötig sind.</span></p>
+          <h3>Wer für Wegwichtel verantwortlich ist</h3>
           <p>
-            <strong data-i18n="contacts.school.name">Staatliche Grundschule Herpf</strong><br><span data-i18n="contacts.school.address">Zum Eichig 3</span><br><span data-i18n="contacts.school.city">98617 Meiningen / OT Herpf</span></p>
-          <h3 data-i18n="imprint.contact-title">Kontakt</h3>
-          <p><span data-i18n="contacts.school.phone">Telefon: (036943) 63722</span><br><span data-i18n="contacts.school.fax">Telefax: (036943) 63843</span><br><span data-i18n="contacts.school.email">E-Mail: info@grundschule-herpf.de</span></p>
-          <h3 data-i18n="imprint.head-title">Leitung der Schule</h3>
-          <p data-i18n="contacts.school.head">Frau Wichert, Schulleiterin</p>
-          <h3 data-i18n="imprint.sponsor-title">Schulträger</h3>
+            <strong>Staatliche Grundschule Herpf</strong><br><span>Zum Eichig 3</span><br><span>98617 Meiningen / OT Herpf</span></p>
+          <h3>Kontakt</h3>
+          <p><span>Telefon: (036943) 63722</span><br><span>Telefax: (036943) 63843</span><br><span>E-Mail: info@grundschule-herpf.de</span></p>
+          <h3>Leitung der Schule</h3>
+          <p>Frau Wichert, Schulleiterin</p>
+          <h3>Schulträger</h3>
           <p>
-            <strong data-i18n="contacts.sponsor.name">Landkreis Schmalkalden-Meiningen</strong><br><span data-i18n="contacts.sponsor.role">Landratsamt</span><br><span data-i18n="contacts.sponsor.address">Obertshäuser Platz 1</span><br><span data-i18n="contacts.sponsor.city">98617 Meiningen</span></p>
-          <h3 data-i18n="imprint.content-title">Inhaltlich verantwortlich</h3>
-          <p data-i18n="contacts.school.content-owner">Frau Wichert</p>
-          <h3 data-i18n="imprint.required-title">Weitere Pflichtangaben</h3>
-          <p data-i18n="imprint.required-data">Je nachdem, wer Wegwichtel betreibt, können weitere Angaben nötig sein. Dazu gehören zum Beispiel die Verantwortlichen für den Betrieb der Website. Diese Angaben müssen noch geprüft werden.</p>
-          <h3 data-i18n="imprint.liability-title">Haftung für Inhalte und Verweise</h3>
-          <p data-i18n="imprint.liability-data">Die Inhalte werden sorgfältig erstellt und regelmäßig geprüft. Falls etwas falsch, veraltet oder nicht erlaubt ist, melde dich beim Kontakt oben. Für andere verlinkte Seiten sind deren Betreiber verantwortlich.</p>
-          <h3 data-i18n="imprint.copyright-title">Urheber- und Nutzungsrechte</h3>
-          <p data-i18n="imprint.copyright-data">Wenn nichts anderes angegeben ist, liegen die Rechte bei der Grundschule Herpf. Du darfst Texte, Bilder, Tonaufnahmen und Wege nur so nutzen, wie es jeweils erlaubt wurde. Auch die Rechte der beteiligten Kinder, Familien, Lehrkräfte und anderen Personen bleiben bestehen.</p>
+            <strong>Landkreis Schmalkalden-Meiningen</strong><br><span>Landratsamt</span><br><span>Obertshäuser Platz 1</span><br><span>98617 Meiningen</span></p>
+          <h3>Inhaltlich verantwortlich</h3>
+          <p>Frau Wichert</p>
+          <h3>Technisch verantwortlich</h3>
+          <p>Florian Zumpe<br><span>[Anschrift von Florian Zumpe ergänzen]</span><br><span>E-Mail: [E-Mail-Adresse von Florian Zumpe ergänzen]</span></p>
+          <h3>Weitere Pflichtangaben</h3>
+          <p>Je nachdem, wer Wegwichtel betreibt, können weitere Angaben nötig sein. Dazu gehören zum Beispiel die Verantwortlichen für den Betrieb der Website. Diese Angaben müssen noch geprüft werden.</p>
+          <h3>Haftung für Inhalte und Verweise</h3>
+          <p>Die Inhalte werden sorgfältig erstellt und regelmäßig geprüft. Falls etwas falsch, veraltet oder nicht erlaubt ist, melde dich beim Kontakt oben. Für andere verlinkte Seiten sind deren Betreiber verantwortlich.</p>
+          <h3>Urheber- und Nutzungsrechte</h3>
+          <p>Wenn nichts anderes angegeben ist, liegen die Rechte bei der Grundschule Herpf. Du darfst Texte, Bilder, Tonaufnahmen und Wege nur so nutzen, wie es jeweils erlaubt wurde. Auch die Rechte der beteiligten Kinder, Familien, Lehrkräfte und anderen Personen bleiben bestehen.</p>
         </article>
         <article class="info-page" data-info-page="technology" hidden>
           <h3 data-i18n="storage-help.progress-title">Was merkt sich Wegwichtel?</h3>
@@ -429,6 +444,12 @@
             <input id="editor-route-gpx" type="file" accept=".gpx,application/gpx+xml,text/xml,application/xml">
           </div>
 
+          <details id="editor-path-positions">
+            <summary data-i18n="recorder.edit-path">Orte auf dem Weg ergänzen</summary>
+            <p data-i18n="recorder.edit-help">Fehlende Orte kannst du später eintragen. Leere Felder bleiben gespeichert.</p>
+            <div id="editor-recorded-positions"></div>
+            <button id="editor-add-position" type="button" data-i18n="recorder.add-position">Ort auf dem Weg hinzufügen</button>
+          </details>
           <p id="editor-route-activated" class="editor-muted" data-i18n="editor.new-draft-hint">Deine neue Strecke bleibt zuerst auf diesem Gerät. Mit „Zur Prüfung senden“ kannst du sie zur Freigabe einreichen.</p>
 
           <div class="editor-form-actions">
@@ -458,8 +479,13 @@
           <label for="editor-poi-description" data-i18n="editor.station-text">Text</label>
           <textarea id="editor-poi-description" rows="6"></textarea>
 
-          <input id="editor-poi-lat" type="hidden">
-          <input id="editor-poi-lon" type="hidden">
+          <details>
+            <summary data-i18n="recorder.manual-location">Ort ergänzen oder ändern</summary>
+            <label for="editor-poi-lat" data-i18n="recorder.latitude">Breitengrad</label>
+            <input id="editor-poi-lat" type="number" step="any" min="-90" max="90">
+            <label for="editor-poi-lon" data-i18n="recorder.longitude">Längengrad</label>
+            <input id="editor-poi-lon" type="number" step="any" min="-180" max="180">
+          </details>
           <input id="editor-poi-radius" type="hidden" value="25">
 
           <div class="editor-media-actions" aria-label="Bilder und Ton zur Station hinzufügen" data-i18n-aria-label="editor.media-actions-label">
@@ -500,6 +526,7 @@
   <script src="js/i18n.js?v=0.12.14"></script>
   <script src="js/user-messages.js?v=0.12.14"></script>
   <script src="js/local-routes.js?v=0.12.14"></script>
+  <script src="js/route-recorder.js?v=0.12.14"></script>
   <script src="js/editor-ui.js?v=0.12.14"></script>
   <script src="js/privacy-storage.js?v=0.12.14"></script>
   <script src="js/legal-ui.js?v=0.12.14"></script>
@@ -508,4 +535,4 @@
   <script src="js/offline-cache.js?v=0.12.14"></script>
   <script src="js/bootstrap-loader.js?v=0.12.14"></script>
 </body>
-</html>
+</html>