Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 05:18:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup; poprawka wskaźnika ładowania

Browse Source
This commit is contained in:
Spythere
2022-05-27 13:22:44 +02:00
parent 8761cbf51c
commit a5a62435d5
11 changed files with 30 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/christmas-cap.svg
-5
View File
@@ -1,5 +0,0 @@
<svg width="422" height="296" viewBox="0 0 422 296" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.32302 168.093L252.745 290.956C257.124 293.166 262.462 291.278 264.477 286.806L275.756 261.786L18.2313 129.684L5.42101 156.716C3.41988 160.939 5.15134 165.987 9.32302 168.093Z" fill="white"/>
<path d="M24.6835 129.8L271.788 255.896C276.15 243.931 278.835 227.281 280.412 211.029C282.229 192.309 282.505 174.997 282.505 167.939C282.505 160.983 286.666 155.266 292.077 151.261C297.536 147.219 304.891 144.383 313.098 143.051C328.788 140.504 348.597 143.285 366.805 155.149L394.174 143.968C393.442 143.18 392.703 142.385 391.958 141.583C368.672 116.521 339.115 84.7104 308.357 58.0648C291.166 43.1726 273.765 30.0424 257.045 20.6605C240.257 11.24 224.628 5.86873 210.864 5.86873C185.768 5.86873 148.585 16.2407 112.501 37.8003C77.9356 58.4528 44.9028 89.062 24.6835 129.8Z" fill="#E01C1C" stroke="#D00000" stroke-width="11.7375"/>
<circle r="33.7452" transform="matrix(-1 0 0 1 387.513 157.094)" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

src/assets/icon-1track-e.svg
-5
View File
@@ -1,5 +0,0 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="60" height="60" fill="#009DCE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.02083 6.51042V6H5.04167V6.51042H13.2083V6H14.2292V6.51042H15.25V8.55208H14.2292V11.1042H15.25V13.1458H14.2292V15.6979H15.25V17.7396H14.2292V20.2917H15.25V22.3333H14.2292V24.8854H15.25V26.9271H14.2292V29.4792H15.25V31.5208H14.2292V34.0729H15.25V36.1146H14.2292V38.6667H15.25V40.7083H14.2292V43.2604H15.25V45.3021H14.2292V47.8542H15.25V49.8958H14.2292V52.4479H15.25V54.4896H14.2292V55H13.2083V54.4896H5.04167V55H4.02083V54.4896H3V52.4479H4.02083V49.8958H3V47.8542H4.02083V45.3021H3V43.2604H4.02083V40.7083H3V38.6667H4.02083V36.1146H3V34.0729H4.02083V31.5208H3V29.4792H4.02083V26.9271H3V24.8854H4.02083V22.3333H3V20.2917H4.02083V17.7396H3V15.6979H4.02083V13.1458H3V11.1042H4.02083V8.55208H3V6.51042H4.02083ZM5.04167 52.4479H13.2083V49.8958H5.04167V52.4479ZM13.2083 45.3021V47.8542H5.04167V45.3021H13.2083ZM5.04167 43.2604H13.2083V40.7083H5.04167V43.2604ZM13.2083 36.1146V38.6667H5.04167V36.1146H13.2083ZM5.04167 34.0729H13.2083V31.5208H5.04167V34.0729ZM13.2083 26.9271V29.4792H5.04167V26.9271H13.2083ZM5.04167 24.8854H13.2083V22.3333H5.04167V24.8854ZM13.2083 17.7396V20.2917H5.04167V17.7396H13.2083ZM5.04167 15.6979H13.2083V13.1458H5.04167V15.6979ZM13.2083 8.55208V11.1042H5.04167V8.55208H13.2083Z" fill="black"/>
<path d="M25.1071 27.3731L30.4643 14L16 30.7164H22.9643L18.1429 46L31 27.3731H25.1071Z" fill="#FFF500"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

src/assets/icon-1track-ne.svg
-6
View File
@@ -1,6 +0,0 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="60" height="60" fill="#898989"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.02083 6.51042V6H5.04167V6.51042H13.2083V6H14.2292V6.51042H15.25V8.55208H14.2292V11.1042H15.25V13.1458H14.2292V15.6979H15.25V17.7396H14.2292V20.2917H15.25V22.3333H14.2292V24.8854H15.25V26.9271H14.2292V29.4792H15.25V31.5208H14.2292V34.0729H15.25V36.1146H14.2292V38.6667H15.25V40.7083H14.2292V43.2604H15.25V45.3021H14.2292V47.8542H15.25V49.8958H14.2292V52.4479H15.25V54.4896H14.2292V55H13.2083V54.4896H5.04167V55H4.02083V54.4896H3V52.4479H4.02083V49.8958H3V47.8542H4.02083V45.3021H3V43.2604H4.02083V40.7083H3V38.6667H4.02083V36.1146H3V34.0729H4.02083V31.5208H3V29.4792H4.02083V26.9271H3V24.8854H4.02083V22.3333H3V20.2917H4.02083V17.7396H3V15.6979H4.02083V13.1458H3V11.1042H4.02083V8.55208H3V6.51042H4.02083ZM5.04167 52.4479H13.2083V49.8958H5.04167V52.4479ZM13.2083 45.3021V47.8542H5.04167V45.3021H13.2083ZM5.04167 43.2604H13.2083V40.7083H5.04167V43.2604ZM13.2083 36.1146V38.6667H5.04167V36.1146H13.2083ZM5.04167 34.0729H13.2083V31.5208H5.04167V34.0729ZM13.2083 26.9271V29.4792H5.04167V26.9271H13.2083ZM5.04167 24.8854H13.2083V22.3333H5.04167V24.8854ZM13.2083 17.7396V20.2917H5.04167V17.7396H13.2083ZM5.04167 15.6979H13.2083V13.1458H5.04167V15.6979ZM13.2083 8.55208V11.1042H5.04167V8.55208H13.2083Z" fill="black"/>
<path d="M26.1071 27.3731L31.4643 14L17 30.7164H23.9643L19.1429 46L32 27.3731H26.1071Z" fill="#FFF500"/>
<path d="M17.8333 17.0476L31.1667 43.7143" stroke="#FF0000" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

src/assets/icon-2track-e.svg
-6
View File
@@ -1,6 +0,0 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="60" height="60" fill="#009DCE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.02083 6.51042V6H5.04167V6.51042H13.2083V6H14.2292V6.51042H15.25V8.55208H14.2292V11.1042H15.25V13.1458H14.2292V15.6979H15.25V17.7396H14.2292V20.2917H15.25V22.3333H14.2292V24.8854H15.25V26.9271H14.2292V29.4792H15.25V31.5208H14.2292V34.0729H15.25V36.1146H14.2292V38.6667H15.25V40.7083H14.2292V43.2604H15.25V45.3021H14.2292V47.8542H15.25V49.8958H14.2292V52.4479H15.25V54.4896H14.2292V55H13.2083V54.4896H5.04167V55H4.02083V54.4896H3V52.4479H4.02083V49.8958H3V47.8542H4.02083V45.3021H3V43.2604H4.02083V40.7083H3V38.6667H4.02083V36.1146H3V34.0729H4.02083V31.5208H3V29.4792H4.02083V26.9271H3V24.8854H4.02083V22.3333H3V20.2917H4.02083V17.7396H3V15.6979H4.02083V13.1458H3V11.1042H4.02083V8.55208H3V6.51042H4.02083ZM5.04167 52.4479H13.2083V49.8958H5.04167V52.4479ZM13.2083 45.3021V47.8542H5.04167V45.3021H13.2083ZM5.04167 43.2604H13.2083V40.7083H5.04167V43.2604ZM13.2083 36.1146V38.6667H5.04167V36.1146H13.2083ZM5.04167 34.0729H13.2083V31.5208H5.04167V34.0729ZM13.2083 26.9271V29.4792H5.04167V26.9271H13.2083ZM5.04167 24.8854H13.2083V22.3333H5.04167V24.8854ZM13.2083 17.7396V20.2917H5.04167V17.7396H13.2083ZM5.04167 15.6979H13.2083V13.1458H5.04167V15.6979ZM13.2083 8.55208V11.1042H5.04167V8.55208H13.2083Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0208 6.51042V6H20.0417V6.51042H28.2083V6H29.2292V6.51042H30.25V8.55208H29.2292V11.1042H30.25V13.1458H29.2292V15.6979H30.25V17.7396H29.2292V20.2917H30.25V22.3333H29.2292V24.8854H30.25V26.9271H29.2292V29.4792H30.25V31.5208H29.2292V34.0729H30.25V36.1146H29.2292V38.6667H30.25V40.7083H29.2292V43.2604H30.25V45.3021H29.2292V47.8542H30.25V49.8958H29.2292V52.4479H30.25V54.4896H29.2292V55H28.2083V54.4896H20.0417V55H19.0208V54.4896H18V52.4479H19.0208V49.8958H18V47.8542H19.0208V45.3021H18V43.2604H19.0208V40.7083H18V38.6667H19.0208V36.1146H18V34.0729H19.0208V31.5208H18V29.4792H19.0208V26.9271H18V24.8854H19.0208V22.3333H18V20.2917H19.0208V17.7396H18V15.6979H19.0208V13.1458H18V11.1042H19.0208V8.55208H18V6.51042H19.0208ZM20.0417 52.4479H28.2083V49.8958H20.0417V52.4479ZM28.2083 45.3021V47.8542H20.0417V45.3021H28.2083ZM20.0417 43.2604H28.2083V40.7083H20.0417V43.2604ZM28.2083 36.1146V38.6667H20.0417V36.1146H28.2083ZM20.0417 34.0729H28.2083V31.5208H20.0417V34.0729ZM28.2083 26.9271V29.4792H20.0417V26.9271H28.2083ZM20.0417 24.8854H28.2083V22.3333H20.0417V24.8854ZM28.2083 17.7396V20.2917H20.0417V17.7396H28.2083ZM20.0417 15.6979H28.2083V13.1458H20.0417V15.6979ZM28.2083 8.55208V11.1042H20.0417V8.55208H28.2083Z" fill="black"/>
<path d="M17.9286 26.5522L24.3571 9L7 30.9403H15.3571L9.57143 51L25 26.5522H17.9286Z" fill="#FFF500"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

src/assets/icon-2track-ne.svg
-7
View File
@@ -1,7 +0,0 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="60" height="60" fill="#898989"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.02083 6.51042V6H5.04167V6.51042H13.2083V6H14.2292V6.51042H15.25V8.55208H14.2292V11.1042H15.25V13.1458H14.2292V15.6979H15.25V17.7396H14.2292V20.2917H15.25V22.3333H14.2292V24.8854H15.25V26.9271H14.2292V29.4792H15.25V31.5208H14.2292V34.0729H15.25V36.1146H14.2292V38.6667H15.25V40.7083H14.2292V43.2604H15.25V45.3021H14.2292V47.8542H15.25V49.8958H14.2292V52.4479H15.25V54.4896H14.2292V55H13.2083V54.4896H5.04167V55H4.02083V54.4896H3V52.4479H4.02083V49.8958H3V47.8542H4.02083V45.3021H3V43.2604H4.02083V40.7083H3V38.6667H4.02083V36.1146H3V34.0729H4.02083V31.5208H3V29.4792H4.02083V26.9271H3V24.8854H4.02083V22.3333H3V20.2917H4.02083V17.7396H3V15.6979H4.02083V13.1458H3V11.1042H4.02083V8.55208H3V6.51042H4.02083ZM5.04167 52.4479H13.2083V49.8958H5.04167V52.4479ZM13.2083 45.3021V47.8542H5.04167V45.3021H13.2083ZM5.04167 43.2604H13.2083V40.7083H5.04167V43.2604ZM13.2083 36.1146V38.6667H5.04167V36.1146H13.2083ZM5.04167 34.0729H13.2083V31.5208H5.04167V34.0729ZM13.2083 26.9271V29.4792H5.04167V26.9271H13.2083ZM5.04167 24.8854H13.2083V22.3333H5.04167V24.8854ZM13.2083 17.7396V20.2917H5.04167V17.7396H13.2083ZM5.04167 15.6979H13.2083V13.1458H5.04167V15.6979ZM13.2083 8.55208V11.1042H5.04167V8.55208H13.2083Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0208 6.51042V6H20.0417V6.51042H28.2083V6H29.2292V6.51042H30.25V8.55208H29.2292V11.1042H30.25V13.1458H29.2292V15.6979H30.25V17.7396H29.2292V20.2917H30.25V22.3333H29.2292V24.8854H30.25V26.9271H29.2292V29.4792H30.25V31.5208H29.2292V34.0729H30.25V36.1146H29.2292V38.6667H30.25V40.7083H29.2292V43.2604H30.25V45.3021H29.2292V47.8542H30.25V49.8958H29.2292V52.4479H30.25V54.4896H29.2292V55H28.2083V54.4896H20.0417V55H19.0208V54.4896H18V52.4479H19.0208V49.8958H18V47.8542H19.0208V45.3021H18V43.2604H19.0208V40.7083H18V38.6667H19.0208V36.1146H18V34.0729H19.0208V31.5208H18V29.4792H19.0208V26.9271H18V24.8854H19.0208V22.3333H18V20.2917H19.0208V17.7396H18V15.6979H19.0208V13.1458H18V11.1042H19.0208V8.55208H18V6.51042H19.0208ZM20.0417 52.4479H28.2083V49.8958H20.0417V52.4479ZM28.2083 45.3021V47.8542H20.0417V45.3021H28.2083ZM20.0417 43.2604H28.2083V40.7083H20.0417V43.2604ZM28.2083 36.1146V38.6667H20.0417V36.1146H28.2083ZM20.0417 34.0729H28.2083V31.5208H20.0417V34.0729ZM28.2083 26.9271V29.4792H20.0417V26.9271H28.2083ZM20.0417 24.8854H28.2083V22.3333H20.0417V24.8854ZM28.2083 17.7396V20.2917H20.0417V17.7396H28.2083ZM20.0417 15.6979H28.2083V13.1458H20.0417V15.6979ZM28.2083 8.55208V11.1042H20.0417V8.55208H28.2083Z" fill="black"/>
<path d="M17.9286 26.5522L24.3571 9L7 30.9403H15.3571L9.57143 51L25 26.5522H17.9286Z" fill="#FFF500"/>
<path d="M8 13L24 48" stroke="#FF0000" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

src/assets/icon-distance.svg
-5
View File
@@ -1,5 +0,0 @@
<svg width="25" height="40" viewBox="0 0 25 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.3239 23.2517L12.5 39.9451L2.67613 23.2517C-1.14806 16.7533 -3.04933 0.0257886 12.4963 2.9778e-05C28.0499 0.0205562 26.1487 16.7523 22.3239 23.2517Z" fill="#7B7B7B"/>
<path d="M18.0882 23H7.5V7.91892C7.5 4.02703 18.0882 4.02703 18.0882 7.91892V23Z" fill="white"/>
<path d="M12.0446 8.99239V12.4865H11.314V9.81828L10.557 10.3053L10.2235 9.76004L11.3776 8.99239H12.0446ZM13.26 9.36298C13.4894 9.07357 13.8282 8.92886 14.2765 8.92886C14.7247 8.92886 15.0618 9.07357 15.2877 9.36298C15.5171 9.65239 15.6318 10.1183 15.6318 10.7606C15.6318 11.3995 15.5188 11.8583 15.2929 12.1371C15.0671 12.4124 14.7282 12.55 14.2765 12.55C13.8247 12.55 13.4859 12.4124 13.26 12.1371C13.0341 11.8583 12.9212 11.3995 12.9212 10.7606C12.9212 10.1183 13.0341 9.65239 13.26 9.36298ZM14.88 10.7447C14.88 10.3071 14.8341 10.0018 14.7424 9.82886C14.6506 9.65239 14.4953 9.56416 14.2765 9.56416C14.0612 9.56416 13.9059 9.65239 13.8106 9.82886C13.7188 10.0053 13.6729 10.3106 13.6729 10.7447C13.6729 11.1789 13.7206 11.4824 13.8159 11.6553C13.9112 11.8283 14.0665 11.9147 14.2818 11.9147C14.4971 11.9147 14.6506 11.8283 14.7424 11.6553C14.8341 11.4824 14.88 11.1789 14.88 10.7447ZM13.907 16.9924V17.6277H12.3453L12.2553 18.3847C12.4741 18.3 12.6823 18.2577 12.88 18.2577C13.6353 18.2577 14.0129 18.6089 14.0129 19.3112C14.0129 19.7065 13.9088 20.0118 13.7006 20.2271C13.4923 20.4424 13.1976 20.55 12.8164 20.55C12.6541 20.55 12.4688 20.5342 12.2606 20.5024C12.0558 20.4706 11.8917 20.4371 11.7682 20.4018L11.5776 20.3542L11.657 19.8142C12.0841 19.8812 12.4406 19.9147 12.7264 19.9147C12.8994 19.9147 13.0317 19.8689 13.1235 19.7771C13.2153 19.6853 13.2611 19.5547 13.2611 19.3853C13.2611 19.2124 13.2223 19.0871 13.1447 19.0095C13.067 18.9318 12.9576 18.893 12.8164 18.893C12.58 18.893 12.3717 18.9159 12.1917 18.9618L12.1123 18.983L11.6782 18.8824L11.7735 16.9924H13.907Z" fill="black"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

src/assets/icon-filter.svg
-9
View File
@@ -1,9 +0,0 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" fill="#898989"/>
<path d="M8 19H57" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 32H57" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 45H57" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="16" cy="19" r="3" fill="#898989" stroke="white" stroke-width="2"/>
<circle cx="45" cy="32" r="3" fill="#898989" stroke="white" stroke-width="2"/>
<circle cx="28" cy="45" r="3" fill="#898989" stroke="white" stroke-width="2"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 695 B

src/components/JournalView/JournalDispatchers.vue
+2 -3
View File
@@ -16,9 +16,8 @@
<div class="list-wrapper" ref="scrollElement">
<transition name="warning" mode="out-in">
<div :key="historyDataStatus.status">
<div class="journal_loading" v-if="isDataLoading || isDataInit">
<img :src="icons.loading" alt="loading icon" />
<span class="loading-label">{{ $t('app.loading') }}</span>
<div class="journal_warning loading" v-if="isDataLoading || isDataInit">
{{ $t('app.loading') }}
</div>
<div v-else-if="isDataError" class="journal_warning error">
src/components/JournalView/JournalTimetables.vue
+23 -13
View File
@@ -18,8 +18,7 @@
<transition name="warning" mode="out-in">
<div :key="historyDataStatus.status">
<div class="journal_loading" v-if="isDataLoading || isDataInit">
<img :src="icons.loading" alt="loading icon" />
<span class="loading-label">{{ $t('app.loading') }}</span>
{{ $t('app.loading') }}
</div>
<div v-else-if="isDataError" class="journal_warning error">
@@ -112,7 +111,11 @@
<!-- Nick dyżurnego -->
<div v-if="item.authorName">
<b class="text--grayed">{{ $t('journal.dispatcher-name') }}&nbsp;</b>
<router-link class="dispatcher-link" :to="`/journal?view=dispatchers&dispatcherName=${item.authorName}`">{{ item.authorName }}</router-link>
<router-link
class="dispatcher-link"
:to="`/journal?view=dispatchers&dispatcherName=${item.authorName}`"
>{{ item.authorName }}</router-link
>
</div>
</div>
@@ -159,9 +162,11 @@ import { journalTimetableFilters } from '@/data/journalFilters';
import { JournalFilterType } from '@/scripts/enums/JournalFilterType';
import routerMixin from '@/mixins/routerMixin';
const PROD_MODE = process.env.VUE_APP_JOURNAL_TIMETABLES_DEV != "1" || process.env.NODE_ENV === "production";
const PROD_MODE = process.env.VUE_APP_JOURNAL_TIMETABLES_DEV != '1' || process.env.NODE_ENV === 'production';
const TIMETABLES_API_URL = PROD_MODE ? `${URLs.stacjownikAPI}/api/getTimetables` : 'http://localhost:3001/api/getTimetables';
const TIMETABLES_API_URL = PROD_MODE
? `${URLs.stacjownikAPI}/api/getTimetables`
: 'http://localhost:3001/api/getTimetables';
interface APIResponse {
errorMessage: string | null;
@@ -214,7 +219,7 @@ export default defineComponent({
showReturnButton: false,
journalTimetableFilters
journalTimetableFilters,
}),
setup() {
@@ -226,7 +231,10 @@ export default defineComponent({
const sorterActive = ref({ id: 'timetableId', dir: -1 });
const journalFilterActive = ref(journalTimetableFilters[0]);
const searchersValues = reactive([{ id: 'search-train', value: '' }, { id: 'search-driver', value: '' }])
const searchersValues = reactive([
{ id: 'search-train', value: '' },
{ id: 'search-driver', value: '' },
]);
const countFromIndex = ref(0);
const countLimit = 15;
@@ -270,9 +278,9 @@ export default defineComponent({
methods: {
navigateToTimetable(historyItem: TimetableHistory) {
if(historyItem.terminated) return;
if (historyItem.terminated) return;
this.navigateToTrain(historyItem.trainNo, historyItem.driverName);
this.navigateToTrain(historyItem.trainNo, historyItem.driverName);
},
getSceneryList(historyItem: TimetableHistory) {
@@ -330,7 +338,7 @@ export default defineComponent({
async fetchHistoryData(
props: {
searchers?: JournalSearcher[],
searchers?: JournalSearcher[];
filter?: JournalFilter;
} = {}
) {
@@ -338,8 +346,8 @@ export default defineComponent({
const queries: string[] = [];
const driver = props.searchers?.find(s => s.id == "search-driver")?.value.trim();
const train = props.searchers?.find(s => s.id == "search-train")?.value.trim();
const driver = props.searchers?.find((s) => s.id == 'search-driver')?.value.trim();
const train = props.searchers?.find((s) => s.id == 'search-train')?.value.trim();
if (driver) queries.push(`driver=${driver}`);
if (train) queries.push(`train=${train}`);
@@ -372,7 +380,9 @@ export default defineComponent({
this.currentQuery = queries.join('&');
try {
const responseData: APIResponse | null = await (await axios.get(`${TIMETABLES_API_URL}?${this.currentQuery}`)).data;
const responseData: APIResponse | null = await (
await axios.get(`${TIMETABLES_API_URL}?${this.currentQuery}`)
).data;
if (!responseData) {
this.historyDataStatus.status = DataStatus.Error;
src/styles/JournalSection.scss
+5 -21
View File
@@ -8,11 +8,11 @@
}
&-enter-active {
transition: all 200ms ease-in-out;
transition: all 100ms ease-out;
}
&-leave-active {
transition: all 200ms ease-in-out;
transition: all 100ms ease-out;
}
}
@@ -48,33 +48,17 @@
}
.journal_item,
.journal_warning {
.journal_warning,
.journal_loading {
background: #202020;
padding: 1em;
margin: 1em 0;
}
.journal_loading {
margin-top: 2em;
img {
margin: 0 auto;
display: block;
width: 8em;
}
text-align: center;
font-size: 1.35em;
.loading-label {
background: #333;
color: white;
padding: 0.5em 0.5em;
font-size: 1.3em;
border-radius: 1em;
}
}
@include smallScreen() {
src/styles/icons.scss
View File