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

Feedback i stylistyka statystyk RJ

Browse Source
This commit is contained in:
Spythere
2022-12-22 01:45:43 +01:00
parent fee1f4bbd5
commit 58169e26f6
1 changed files with 50 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JournalView/DailyStats.vue
+50 -35
View File
@@ -1,44 +1,55 @@
<template> <template>
<section class="daily-stats"> <section class="daily-stats">
<span :data-active="data.statsStatus"> <span :data-active="data.statsStatus">
<b v-if="data.stats.distanceSum == null"> <b v-if="data.statsStatus == DataStatus.Loading">
Ładowanie...
</b>
<b v-else-if="data.stats.distanceSum == null">
{{ $t('journal.daily-stats-info') }} {{ $t('journal.daily-stats-info') }}
</b> </b>
<span v-else> <span>
<i18n-t keypath="journal.timetable-stats-total" tag="p"> <div v-if="data.stats.totalTimetables">
<template #count> &bull;
<b class="text--primary"> <i18n-t keypath="journal.timetable-stats-total">
{{ data.stats.totalTimetables }} <template #count>
{{ $t('journal.timetable-count', data.stats.totalTimetables) }} <b class="text--primary">
</b> {{ data.stats.totalTimetables }}
</template> {{ $t('journal.timetable-count', data.stats.totalTimetables) }}
</b>
</template>
<template #distance> <template #distance>
<b class="text--primary"> {{ data.stats.distanceSum }} km </b> <b class="text--primary"> {{ data.stats.distanceSum }} km </b>
</template> </template>
</i18n-t> </i18n-t>
</div>
<i18n-t keypath="journal.timetable-stats-longest" tag="p"> <div v-if="data.stats.timetableId">
<template #id> &bull;
<router-link :to="`/journal/timetables?timetableId=${data.stats.timetableId}`"> <i18n-t keypath="journal.timetable-stats-longest">
<b>{{ data.stats.timetableId }}</b> <template #id>
</router-link> <router-link :to="`/journal/timetables?timetableId=${data.stats.timetableId}`">
</template> <b>{{ data.stats.timetableId }}</b>
<template #author> </router-link>
<router-link :to="`/journal/dispatchers?dispatcherName=${data.stats.timetableAuthor}`"> </template>
<b>{{ data.stats.timetableAuthor }}</b> <template #author>
</router-link> <router-link :to="`/journal/dispatchers?dispatcherName=${data.stats.timetableAuthor}`">
</template> <b>{{ data.stats.timetableAuthor }}</b>
<template #driver> </router-link>
<b>{{ data.stats.timetableDriver }}</b> </template>
</template> <template #driver>
<template #distance> <b>{{ data.stats.timetableDriver }}</b>
<b class="text--primary">{{ data.stats.timetableRouteDistance }} km</b> </template>
</template> <template #distance>
</i18n-t> <b class="text--primary">{{ data.stats.timetableRouteDistance }} km</b>
</template>
</i18n-t>
</div>
<p v-if="firstPlaceDispatchers.length == 1"> <div v-if="firstPlaceDispatchers.length == 1">
&bull;
<i18n-t keypath="journal.timetable-stats-most-active"> <i18n-t keypath="journal.timetable-stats-most-active">
<template #dispatcher> <template #dispatcher>
<router-link :to="`/journal/dispatchers?dispatcherName=${firstPlaceDispatchers[0].name}`"> <router-link :to="`/journal/dispatchers?dispatcherName=${firstPlaceDispatchers[0].name}`">
@@ -52,9 +63,10 @@
</b> </b>
</template> </template>
</i18n-t> </i18n-t>
</p> </div>
<p v-if="firstPlaceDispatchers.length > 1"> <div v-if="firstPlaceDispatchers.length > 1">
&bull;
<i18n-t keypath="journal.timetable-stats-most-active-many"> <i18n-t keypath="journal.timetable-stats-most-active-many">
<template #dispatchers> <template #dispatchers>
<span v-for="(disp, i) in firstPlaceDispatchers"> <span v-for="(disp, i) in firstPlaceDispatchers">
@@ -75,7 +87,7 @@
</b> </b>
</template> </template>
</i18n-t> </i18n-t>
</p> </div>
</span> </span>
</span> </span>
</section> </section>
@@ -160,6 +172,9 @@ defineExpose({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.daily-stats {
text-align: left;
}
.daily-stats > span[data-active='0'] { .daily-stats > span[data-active='0'] {
opacity: 0.75; opacity: 0.75;
} }