From 4a4e1240a4555e14cf62132ff180e4506db12b6d Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 10 Mar 2023 16:59:16 +0100
Subject: [PATCH] =?UTF-8?q?widok=20scenerii:=20odno=C5=9Bniki=20do=20tabli?=
 =?UTF-8?q?c=20przy=20aktywnych=20RJ?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon-pragotron.svg                 |  12 +++++++
 src/assets/icon-tablice.ico                   | Bin 0 -> 4286 bytes
 .../SceneryView/SceneryTimetable.vue          |  30 +++++++++++++++++-
 3 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/icon-pragotron.svg
 create mode 100644 src/assets/icon-tablice.ico

diff --git a/src/assets/icon-pragotron.svg b/src/assets/icon-pragotron.svg
new file mode 100644
index 0000000..a592ce2
--- /dev/null
+++ b/src/assets/icon-pragotron.svg
@@ -0,0 +1,12 @@
+<svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="150" height="150" rx="75" fill="white"/>
+<rect x="15" y="40" width="120" height="70" fill="#D9D9D9"/>
+<rect x="15" y="40" width="120" height="20" fill="#B5B5B5"/>
+<rect x="15" y="60" width="120" height="51" fill="#1D1D1D"/>
+<path d="M39.0568 55V46.2727H42.0057C42.6903 46.2727 43.25 46.3963 43.6847 46.6435C44.1222 46.8878 44.446 47.2188 44.6562 47.6364C44.8665 48.054 44.9716 48.5199 44.9716 49.0341C44.9716 49.5483 44.8665 50.0156 44.6562 50.4361C44.4489 50.8565 44.1278 51.1918 43.6932 51.4418C43.2585 51.6889 42.7017 51.8125 42.0227 51.8125H39.9091V50.875H41.9886C42.4574 50.875 42.8338 50.794 43.1179 50.6321C43.402 50.4702 43.608 50.2514 43.7358 49.9759C43.8665 49.6974 43.9318 49.3835 43.9318 49.0341C43.9318 48.6847 43.8665 48.3722 43.7358 48.0966C43.608 47.821 43.4006 47.6051 43.1136 47.4489C42.8267 47.2898 42.446 47.2102 41.9716 47.2102H40.1136V55H39.0568ZM46.674 55V46.2727H49.6229C50.3047 46.2727 50.8643 46.3892 51.3018 46.6222C51.7393 46.8523 52.0632 47.169 52.2734 47.5724C52.4837 47.9759 52.5888 48.4347 52.5888 48.9489C52.5888 49.4631 52.4837 49.919 52.2734 50.3168C52.0632 50.7145 51.7408 51.027 51.3061 51.2543C50.8714 51.4787 50.3161 51.5909 49.6399 51.5909H47.2536V50.6364H49.6058C50.0717 50.6364 50.4467 50.5682 50.7308 50.4318C51.0178 50.2955 51.2251 50.1023 51.353 49.8523C51.4837 49.5994 51.549 49.2983 51.549 48.9489C51.549 48.5994 51.4837 48.294 51.353 48.0327C51.2223 47.7713 51.0135 47.5696 50.7266 47.4276C50.4396 47.2827 50.0604 47.2102 49.5888 47.2102H47.7308V55H46.674ZM50.782 51.0795L52.9297 55H51.7024L49.5888 51.0795H50.782ZM54.7077 55H53.5998L56.8043 46.2727H57.8952L61.0998 55H59.9918L57.3839 47.6534H57.3157L54.7077 55ZM55.1168 51.5909H59.5827V52.5284H55.1168V51.5909ZM68.0149 49C67.9212 48.7131 67.7976 48.456 67.6442 48.2287C67.4936 47.9986 67.3132 47.8026 67.103 47.6406C66.8956 47.4787 66.6598 47.3551 66.3956 47.2699C66.1314 47.1847 65.8416 47.142 65.5263 47.142C65.0092 47.142 64.5391 47.2756 64.1158 47.5426C63.6925 47.8097 63.3558 48.2031 63.1058 48.723C62.8558 49.2429 62.7308 49.8807 62.7308 50.6364C62.7308 51.392 62.8572 52.0298 63.1101 52.5497C63.3629 53.0696 63.7053 53.4631 64.1371 53.7301C64.5689 53.9972 65.0547 54.1307 65.5945 54.1307C66.0945 54.1307 66.5348 54.0241 66.9155 53.8111C67.299 53.5952 67.5973 53.2912 67.8104 52.8991C68.0263 52.5043 68.1342 52.0398 68.1342 51.5057L68.4581 51.5739H65.8331V50.6364H69.157V51.5739C69.157 52.2926 69.0036 52.9176 68.6967 53.4489C68.3928 53.9801 67.9723 54.392 67.4354 54.6847C66.9013 54.9744 66.2876 55.1193 65.5945 55.1193C64.8217 55.1193 64.1428 54.9375 63.5575 54.5739C62.9751 54.2102 62.5206 53.6932 62.1939 53.0227C61.87 52.3523 61.7081 51.5568 61.7081 50.6364C61.7081 49.946 61.8004 49.3253 61.9851 48.7741C62.1726 48.2202 62.4368 47.7486 62.7777 47.3594C63.1186 46.9702 63.522 46.6719 63.9879 46.4645C64.4538 46.2571 64.9666 46.1534 65.5263 46.1534C65.9865 46.1534 66.4155 46.223 66.8132 46.3622C67.2138 46.4986 67.5703 46.6932 67.8828 46.946C68.1982 47.196 68.4609 47.4957 68.6712 47.8452C68.8814 48.1918 69.0263 48.5767 69.1058 49H68.0149ZM78.3306 50.6364C78.3306 51.5568 78.1644 52.3523 77.832 53.0227C77.4996 53.6932 77.0437 54.2102 76.4641 54.5739C75.8846 54.9375 75.2227 55.1193 74.4783 55.1193C73.734 55.1193 73.0721 54.9375 72.4925 54.5739C71.913 54.2102 71.457 53.6932 71.1246 53.0227C70.7923 52.3523 70.6261 51.5568 70.6261 50.6364C70.6261 49.7159 70.7923 48.9205 71.1246 48.25C71.457 47.5795 71.913 47.0625 72.4925 46.6989C73.0721 46.3352 73.734 46.1534 74.4783 46.1534C75.2227 46.1534 75.8846 46.3352 76.4641 46.6989C77.0437 47.0625 77.4996 47.5795 77.832 48.25C78.1644 48.9205 78.3306 49.7159 78.3306 50.6364ZM77.3079 50.6364C77.3079 49.8807 77.1815 49.2429 76.9286 48.723C76.6786 48.2031 76.3391 47.8097 75.9102 47.5426C75.484 47.2756 75.0067 47.142 74.4783 47.142C73.9499 47.142 73.4712 47.2756 73.0423 47.5426C72.6161 47.8097 72.2766 48.2031 72.0238 48.723C71.7738 49.2429 71.6488 49.8807 71.6488 50.6364C71.6488 51.392 71.7738 52.0298 72.0238 52.5497C72.2766 53.0696 72.6161 53.4631 73.0423 53.7301C73.4712 53.9972 73.9499 54.1307 74.4783 54.1307C75.0067 54.1307 75.484 53.9972 75.9102 53.7301C76.3391 53.4631 76.6786 53.0696 76.9286 52.5497C77.1815 52.0298 77.3079 51.392 77.3079 50.6364ZM79.267 47.2102V46.2727H85.8125V47.2102H83.0682V55H82.0114V47.2102H79.267ZM87.4435 55V46.2727H90.3924C91.0742 46.2727 91.6339 46.3892 92.0714 46.6222C92.5089 46.8523 92.8327 47.169 93.043 47.5724C93.2532 47.9759 93.3583 48.4347 93.3583 48.9489C93.3583 49.4631 93.2532 49.919 93.043 50.3168C92.8327 50.7145 92.5103 51.027 92.0756 51.2543C91.641 51.4787 91.0856 51.5909 90.4094 51.5909H88.0231V50.6364H90.3754C90.8413 50.6364 91.2163 50.5682 91.5004 50.4318C91.7873 50.2955 91.9947 50.1023 92.1225 49.8523C92.2532 49.5994 92.3185 49.2983 92.3185 48.9489C92.3185 48.5994 92.2532 48.294 92.1225 48.0327C91.9918 47.7713 91.783 47.5696 91.4961 47.4276C91.2092 47.2827 90.8299 47.2102 90.3583 47.2102H88.5004V55H87.4435ZM91.5515 51.0795L93.6992 55H92.4719L90.3583 51.0795H91.5515ZM102.483 50.6364C102.483 51.5568 102.317 52.3523 101.984 53.0227C101.652 53.6932 101.196 54.2102 100.616 54.5739C100.037 54.9375 99.375 55.1193 98.6307 55.1193C97.8864 55.1193 97.2244 54.9375 96.6449 54.5739C96.0653 54.2102 95.6094 53.6932 95.277 53.0227C94.9446 52.3523 94.7784 51.5568 94.7784 50.6364C94.7784 49.7159 94.9446 48.9205 95.277 48.25C95.6094 47.5795 96.0653 47.0625 96.6449 46.6989C97.2244 46.3352 97.8864 46.1534 98.6307 46.1534C99.375 46.1534 100.037 46.3352 100.616 46.6989C101.196 47.0625 101.652 47.5795 101.984 48.25C102.317 48.9205 102.483 49.7159 102.483 50.6364ZM101.46 50.6364C101.46 49.8807 101.334 49.2429 101.081 48.723C100.831 48.2031 100.491 47.8097 100.062 47.5426C99.6364 47.2756 99.1591 47.142 98.6307 47.142C98.1023 47.142 97.6236 47.2756 97.1946 47.5426C96.7685 47.8097 96.429 48.2031 96.1761 48.723C95.9261 49.2429 95.8011 49.8807 95.8011 50.6364C95.8011 51.392 95.9261 52.0298 96.1761 52.5497C96.429 53.0696 96.7685 53.4631 97.1946 53.7301C97.6236 53.9972 98.1023 54.1307 98.6307 54.1307C99.1591 54.1307 99.6364 53.9972 100.062 53.7301C100.491 53.4631 100.831 53.0696 101.081 52.5497C101.334 52.0298 101.46 51.392 101.46 50.6364ZM111.18 46.2727V55H110.158L105.402 48.1477H105.317V55H104.26V46.2727H105.283L110.055 53.142H110.141V46.2727H111.18Z" fill="black"/>
+<path d="M15 66H135" stroke="white"/>
+<path d="M15 75H135" stroke="white"/>
+<path d="M15 84H135" stroke="white"/>
+<path d="M15 93H135" stroke="white"/>
+<path d="M15 102H135" stroke="white"/>
+</svg>
diff --git a/src/assets/icon-tablice.ico b/src/assets/icon-tablice.ico
new file mode 100644
index 0000000000000000000000000000000000000000..f749c9b5a51b1bd95ce8ecccb7c0a8f5acee2f22
GIT binary patch
literal 4286
zcmeI0ze`(D6vw}b7dog#p>)pp1}QqGUF_773jQD^Xeu3=l=vuEvF(yp5-|`3ag;=e
z8mTyE><`FPs#8Wsm;3{nvVA>=>yMX$G@!mL?}l&gx##BI&p9_Q7fyhXydn|kJC25c
z#{e9WxG*kKf0s>{6-5nETf{q(?xlO`-paUYarEOe9;sYWQ^b3gGL!{nU+{I@x@WF8
zFJ-wGd`E0Q^7iu8ZVKNK6@ARRBL-!Q8a?DUgx~HVzb*WZGx0MPWe5D={QZ39ysY5)
z3x0pW{S(|j-aElhJGg&(fB%G~&M>hAjno=uP!xSmGaRBxF4ByQS-;NRr09#A=e%o1
zqcn5NG%u4hv00i#hT(ySwk}yJ+B#<;M@%kI3a0Mso>vLt&6odwe&!vK-y^na#B`eY
zxTb3^Ya(Jw<|P;LS-t;uZD0ECzAs`r<zS`UMCk`n{zZKMOH}I8A6x$Nro_5VtnL!2
zEb;aeQ8=)^+r`tATpi>qz|w|`>Yo;NeiMf$mR~z1p2cho8jHrZwoiO05ZP^_^z%07
z(-O8T0@7cBLREVg@r=eqOw3cpc7Od|ym>x(+Bx>lb!RKXvc>qP`C5M`6R&XwJg5VG
QIsKc!r>3mBFwca24xk*RWB>pF

literal 0
HcmV?d00001

diff --git a/src/components/SceneryView/SceneryTimetable.vue b/src/components/SceneryView/SceneryTimetable.vue
index 7717f47..ecebc6f 100644
--- a/src/components/SceneryView/SceneryTimetable.vue
+++ b/src/components/SceneryView/SceneryTimetable.vue
@@ -10,6 +10,23 @@
         <span class="text--grayed">
           {{ station.onlineInfo?.scheduledTrains?.filter((train) => train.stopInfo.confirmed).length || '0' }}
         </span>
+        <span class="header_links">
+          <a
+            :href="`https://pragotron-td2.web.app/board?name=${station.name}`"
+            target="_blank"
+            title="Otwórz w widoku pragotronu"
+          >
+            <img :src="getIcon('pragotron')" alt="icon-pragotron" />
+          </a>
+
+          <a
+            :href="`https://tablice-td2.web.app/?station=${station.name}`"
+            target="_blank"
+            title="Otwórz w widoku tablic stacyjnych (autorstwa Thundo)"
+          >
+            <img :src="getIcon('tablice', 'ico')" alt="icon-tablice" />
+          </a>
+        </span>
       </h3>
 
       <div class="timetable-checkpoints" v-if="station && station.generalInfo?.checkpoints">
@@ -168,7 +185,6 @@ import { useStore } from '../../store/store';
 import imageMixin from '../../mixins/imageMixin';
 import modalTrainMixin from '../../mixins/modalTrainMixin';
 import ScheduledTrainStatus from './ScheduledTrainStatus.vue';
-import ScheduledTrain from '../../scripts/interfaces/ScheduledTrain';
 
 export default defineComponent({
   name: 'SceneryTimetable',
@@ -285,6 +301,7 @@ export default defineComponent({
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  margin-top: 0.5em;
 
   position: sticky;
   top: 0;
@@ -292,6 +309,11 @@ export default defineComponent({
 
   background-color: #181818;
 
+  img {
+    width: 30px;
+    vertical-align: middle;
+  }
+
   h3 {
     display: flex;
     align-items: center;
@@ -299,6 +321,12 @@ export default defineComponent({
   }
 }
 
+.header_links {
+  display: flex;
+  gap: 0.5em;
+  margin-left: 0.5em;
+}
+
 .timetable {
   &-count {
     margin-left: 0.5em;