From 666ba07307ccea75d70e472604732b37cf160df4 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 4 Feb 2025 18:14:58 +0100
Subject: [PATCH] chore: added SRJP external link

---
 public/images/icon-srjp.svg            |  5 +++
 src/components/Global/DonationCard.vue |  2 +-
 src/locales/en.json                    |  1 +
 src/locales/pl.json                    |  1 +
 src/views/DriverView.vue               | 59 +++++++++++++++++---------
 5 files changed, 48 insertions(+), 20 deletions(-)
 create mode 100644 public/images/icon-srjp.svg

diff --git a/public/images/icon-srjp.svg b/public/images/icon-srjp.svg
new file mode 100644
index 0000000..93a1f0a
--- /dev/null
+++ b/public/images/icon-srjp.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" rx="256" fill="#151414"/>
+<path d="M72.4253 291.986V279.965H120.201C123.283 279.965 124.824 278.424 124.824 275.342V264.246C124.824 261.266 123.54 259.571 120.971 259.16L90.9189 252.995C78.5898 250.529 72.4253 242.259 72.4253 228.183V219.553C72.4253 202.292 81.0557 193.662 98.3164 193.662H133.608L143.934 201.675V213.696H99.2411C96.1588 213.696 94.6177 215.237 94.6177 218.32V228.337C94.6177 231.214 95.9019 232.909 98.4705 233.423L128.523 239.433C140.852 241.899 147.016 250.17 147.016 264.246V274.109C147.016 291.37 138.386 300 121.125 300H82.7509L72.4253 291.986ZM167.651 300V193.662H219.433C236.694 193.662 245.324 202.292 245.324 219.553V237.122C245.324 249.964 240.546 257.978 230.991 261.163L248.406 295.377L245.786 300H226.676L207.874 263.013H189.843V300H167.651ZM189.843 242.978H218.508C221.591 242.978 223.132 241.437 223.132 238.355V218.32C223.132 215.237 221.591 213.696 218.508 213.696H189.843V242.978ZM262.96 274.109V253.766H285.153V275.342C285.153 278.424 286.694 279.965 289.776 279.965H310.736C313.818 279.965 315.359 278.424 315.359 275.342V213.696H286.386V193.662H337.551V274.109C337.551 291.37 328.921 300 311.66 300H288.852C271.591 300 262.96 291.37 262.96 274.109ZM361.948 300V193.662H413.731C430.991 193.662 439.622 202.292 439.622 219.553V240.204C439.622 257.465 430.991 266.095 413.731 266.095H384.141V300H361.948ZM384.141 246.06H412.806C415.888 246.06 417.429 244.519 417.429 241.437V218.32C417.429 215.237 415.888 213.696 412.806 213.696H384.141V246.06Z" fill="white"/>
+<path d="M304.958 332.848V322.831H348.418V332.848H332.236V376H321.14V332.848H304.958ZM356.61 376V322.831H376.799C391.285 322.831 398.529 330.074 398.529 344.561V354.27C398.529 368.757 391.285 376 376.799 376H356.61ZM367.706 365.983H377.415C384.093 365.983 387.432 362.643 387.432 355.965V342.866C387.432 336.187 384.093 332.848 377.415 332.848H367.706V365.983ZM407.35 376V358.662C407.35 351.624 410.432 347.489 416.597 346.256L430.852 343.405C432.136 343.148 432.779 342.3 432.779 340.862V335.16C432.779 333.619 432.008 332.848 430.467 332.848H408.891V326.838L414.054 322.831H430.929C439.56 322.831 443.875 327.146 443.875 335.776V340.785C443.875 347.823 440.792 351.958 434.628 353.191L420.372 356.042C419.088 356.299 418.446 357.147 418.446 358.585V365.983H443.875V376H407.35Z" fill="#E63E3E"/>
+</svg>
diff --git a/src/components/Global/DonationCard.vue b/src/components/Global/DonationCard.vue
index a1d0fc4..ebc43c7 100644
--- a/src/components/Global/DonationCard.vue
+++ b/src/components/Global/DonationCard.vue
@@ -187,7 +187,7 @@ a.discord {
   text-decoration: underline;
 }
 
-.actions {
+.actions-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 0.5em;
diff --git a/src/locales/en.json b/src/locales/en.json
index 96b4659..f669954 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -376,6 +376,7 @@
     "scenery-offline": "Offline ride",
     "timeout": "An error occured while trying to refresh SWDR timetable data!",
     "driver-journal-link": "DRIVER JOURNAL",
+    "driver-srjp-link": "SRJP",
     "driver-return-link": "GO BACK",
     "driver-not-found-header": "Train not found! :/",
     "driver-not-found-desc-1": "This train has already been terminated, changed its number or is offline.",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index 589525f..e7a1b15 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -363,6 +363,7 @@
     "scenery-offline": "Przejazd offline",
     "timeout": "Wystąpił problem z aktualizacją rozkładów jazdy z SWDR",
     "driver-journal-link": "DZIENNIK MASZYNISTY",
+    "driver-srjp-link": "SRJP",
     "driver-return-link": "POWRÓT",
     "driver-not-found-header": "Nie znaleziono pociągu! :/",
     "driver-not-found-desc-1": "Ten pociąg prawdopodobnie zakończył już swój bieg, zmienił numer lub jest offline.",
diff --git a/src/views/DriverView.vue b/src/views/DriverView.vue
index 7181947..100abbc 100644
--- a/src/views/DriverView.vue
+++ b/src/views/DriverView.vue
@@ -2,24 +2,40 @@
   <section class="driver-view">
     <div class="view-wrapper">
       <div v-if="chosenTrain">
-        <div class="actions">
-          <a class="a-button btn--image" @click="$router.back()">
-            <img src="/images/icon-back.svg" alt="train icon" />
-            <span>
-              {{ $t('trains.driver-return-link') }}
-            </span>
-          </a>
+        <div class="actions-container">
+          <div class="actions actions-left">
+            <a class="a-button btn--image" @click="$router.back()">
+              <img src="/images/icon-back.svg" alt="train icon" />
+              <span>
+                {{ $t('trains.driver-return-link') }}
+              </span>
+            </a>
+          </div>
 
-          <router-link
-            :to="`/journal/timetables?search-driver=${chosenTrain.driverName}`"
-            class="a-button btn--image"
-          >
-            <span class="hidable">
-              {{ $t('trains.driver-journal-link') }}
-            </span>
+          <div class="actions actions-right">
+            <a
+              class="a-button btn--image"
+              :href="`https://srjp-td2.web.app/?id=${chosenTrain.id}`"
+              target="_blank"
+            >
+              <span class="hidable">
+                {{ $t('trains.driver-srjp-link') }}
+              </span>
 
-            <img src="/images/icon-train.svg" alt="train icon" />
-          </router-link>
+              <img src="/images/icon-srjp.svg" alt="srjp icon" />
+            </a>
+
+            <router-link
+              :to="`/journal/timetables?search-driver=${chosenTrain.driverName}`"
+              class="a-button btn--image"
+            >
+              <span class="hidable">
+                {{ $t('trains.driver-journal-link') }}
+              </span>
+
+              <img src="/images/icon-train.svg" alt="train icon" />
+            </router-link>
+          </div>
         </div>
 
         <div class="train-card">
@@ -142,14 +158,19 @@ $viewBgCol: #1a1a1a;
   min-height: calc(100vh - 7em);
 }
 
-.actions {
+.actions-container {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   gap: 0.5em;
 }
 
-.actions > a {
+.actions {
+  display: flex;
+  gap: 0.5em;
+}
+
+.actions-container > .actions > a {
   background-color: $viewBgCol;
   padding: 0.5em;
   border-radius: 0.5em 0.5em 0 0;
@@ -189,7 +210,7 @@ $viewBgCol: #1a1a1a;
 }
 
 @include smallScreen {
-  .actions > a > span.hidable {
+  span.hidable {
     display: none;
   }
 }