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

Aktualizacja widoku scenerii

Browse Source
This commit is contained in:
Spythere
2022-07-09 20:24:57 +02:00
parent c6938821c3
commit 29e9924339
13 changed files with 436 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SceneryView/SceneryInfo.vue
+58 -22
View File
@@ -1,15 +1,48 @@
<template>
<div class="scenery-info">
<section v-if="!timetableOnly">
<div class="info-general" v-if="station.generalInfo">
<scenery-info-icons :station="station" />
<div class="general-list">
<span>
<b>{{ $t('availability.title') }}:</b> {{ $t(`availability.${station.generalInfo.availability}`) }}
<span v-if="station.generalInfo.reqLevel > 0">
- minimum {{ station.generalInfo.reqLevel }} poziom dyżurnego
</span>
<span v-else-if="station.generalInfo.reqLevel == 0">- dla wszystkich poziomów</span>
</span>
<span>
&bull; <b>{{ $t('controls.title') }}:</b> {{ $t(`controls.${station.generalInfo.controlType}`) }}
</span>
<span>
&bull; <b>{{ $t('signals.title') }}:</b> {{ $t(`signals.${station.generalInfo.signalType}`) }}
</span>
<span v-if="station.generalInfo.lines">
&bull; <b>{{ $t('scenery.lines-title') }}:</b> {{ station.generalInfo.lines }}
</span>
<span v-if="station.generalInfo.project">
&bull; <b>{{ $t('scenery.project-title') }}: </b>
<b style="color: salmon">{{ station.generalInfo.project }}</b>
</span>
</div>
<scenery-info-routes :station="station" />
<div class="scenery-authors" v-if="station.generalInfo.authors && station.generalInfo.authors.length > 0">
<b> {{ $tc('scenery.authors-title', station.generalInfo.authors.length) }}: </b>
{{ station.generalInfo.authors.join(', ') }}
</div>
</div>
<div style="margin: 2em 0; height: 2px; background-color: white" />
<!-- info stats -->
<!-- <scenery-info-stats :station="station" /> -->
<!-- info icons -->
<scenery-info-icons :station="station" />
<!-- info routes -->
<scenery-info-routes :station="station" />
<!-- info dispatcher -->
<scenery-info-dispatcher :station="station" :onlineFrom="onlineFrom" />
@@ -21,11 +54,9 @@
<scenery-info-spawn-list :station="station" />
</div>
<div class="info-actions">
<button class="btn btn--option">Pokaż historię obecnego dyżurnego</button>
<button class="btn btn--option">Pokaż historię dyżurów tej scenerii</button>
<button class="btn btn--option">Pokaż temat forum scenerii</button>
</div>
<!-- info icons -->
<!-- info routes -->
</section>
</div>
</template>
@@ -86,20 +117,25 @@ h3.section-header {
}
.info-lists {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-content: space-around;
}
.info-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 1em;
}
.btn {
margin: 0.5em;
box-shadow: 0 0 10px 4px #242424;
.info-general {
margin-top: 1em;
font-size: 1.1em;
}
.general-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
span {
margin: 0 0.15em;
}
}