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

chore: warning icon style for stock warnings

Browse Source
This commit is contained in:
Spythere
2025-11-05 01:28:36 +01:00
parent 39b58d6e7c
commit 3a17f7485f
1 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/tabs/stock-list/StockWarnings.vue
+23 -11
View File
@@ -1,25 +1,33 @@
<template> <template>
<div class="stock_warnings" v-if="hasAnyWarnings"> <div class="stock_warnings" v-if="hasAnyWarnings">
<div class="warning" v-if="locoNotSuitable">(!) {{ $t('stocklist.warning-not-suitable') }}</div> <div class="warning" v-if="locoNotSuitable">
<TriangleAlertIcon :size="20" :stroke-width="2" /> {{ $t('stocklist.warning-not-suitable') }}
</div>
<div class="warning" v-if="lengthExceeded && store.isTrainPassenger">(!) {{ $t('stocklist.warning-passenger-too-long') }}</div> <div class="warning" v-if="lengthExceeded && store.isTrainPassenger">
<TriangleAlertIcon :size="20" :stroke-width="2" /> {{ $t('stocklist.warning-passenger-too-long') }}
</div>
<div class="warning" v-if="lengthExceeded && !store.isTrainPassenger">(!) {{ $t('stocklist.warning-freight-too-long') }}</div> <div class="warning" v-if="lengthExceeded && !store.isTrainPassenger">
<TriangleAlertIcon :size="20" :stroke-width="2" /> {{ $t('stocklist.warning-freight-too-long') }}
</div>
<div class="warning" v-if="teamOnlyVehicles.length > 0"> <div class="warning" v-if="teamOnlyVehicles.length > 0">
(!) <TriangleAlertIcon :size="20" :stroke-width="2" />
{{ $t('stocklist.warning-team-only-vehicle', [teamOnlyVehicles.map((v) => v.vehicleRef.type).join(', ')]) }} {{ $t('stocklist.warning-team-only-vehicle', [teamOnlyVehicles.map((v) => v.vehicleRef.type).join(', ')]) }}
</div> </div>
<div class="warning" v-if="store.cargoWarnings.size > 0"> <div class="warning" v-if="store.cargoWarnings.size > 0">
(!) <b>{{ $t('cargo-warnings.title') }}</b> <TriangleAlertIcon :size="20" :stroke-width="2" /> <b>{{ $t('cargo-warnings.title') }}</b>
{{ [...store.cargoWarnings].map((v) => $t(`cargo-warnings.${v}`)).join('; ') }} {{ [...store.cargoWarnings].map((v) => $t(`cargo-warnings.${v}`)).join('; ') }}
</div> </div>
<div class="warning" v-if="!isRearPRSM4">(!) {{ $t('stocklist.warning-prsm4-not-at-the-rear') }}</div> <div class="warning" v-if="!isRearPRSM4">
<TriangleAlertIcon :size="20" :stroke-width="2" /> {{ $t('stocklist.warning-prsm4-not-at-the-rear') }}
</div>
<div class="warning" v-if="weightExceeded"> <div class="warning" v-if="weightExceeded">
(!) <TriangleAlertIcon :size="20" :stroke-width="2" />
<i18n-t keypath="stocklist.warning-too-heavy"> <i18n-t keypath="stocklist.warning-too-heavy">
<template #href> <template #href>
<a target="_blank" href="https://docs.google.com/spreadsheets/d/1BvTU-U7huIaEheov22TrhTtROUM4MwVfdbq03GVAEM8"> <a target="_blank" href="https://docs.google.com/spreadsheets/d/1BvTU-U7huIaEheov22TrhTtROUM4MwVfdbq03GVAEM8">
@@ -28,10 +36,6 @@
</template> </template>
</i18n-t> </i18n-t>
</div> </div>
<!-- <div class="warning" v-if="locoCountExceeded">
{{ $t('stocklist.warning-too-many-locos') }}
</div> -->
</div> </div>
</template> </template>
@@ -39,8 +43,11 @@
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { useStore } from '../../../store'; import { useStore } from '../../../store';
import { isTractionUnit } from '../../../utils/vehicleUtils'; import { isTractionUnit } from '../../../utils/vehicleUtils';
import { TriangleAlertIcon } from 'lucide-vue-next';
export default defineComponent({ export default defineComponent({
components: { TriangleAlertIcon },
data: () => ({ data: () => ({
store: useStore(), store: useStore(),
}), }),
@@ -88,6 +95,11 @@ export default defineComponent({
color: black; color: black;
font-weight: bold; font-weight: bold;
.lucide {
vertical-align: text-bottom;
}
a { a {
color: black; color: black;