From da947796aa7917702079630c975eae610c408345 Mon Sep 17 00:00:00 2001
From: lewa <lene.wasskog@nibio.no>
Date: Tue, 7 May 2024 09:02:27 +0200
Subject: [PATCH] feat: Add info text for time series, remove year dropdown
when not necessary
---
src/components/ObservationTimeSeriesList.vue | 15 ++++++++++-----
src/locales/nb.json | 2 +-
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/src/components/ObservationTimeSeriesList.vue b/src/components/ObservationTimeSeriesList.vue
index 8c6208f..d64197a 100644
--- a/src/components/ObservationTimeSeriesList.vue
+++ b/src/components/ObservationTimeSeriesList.vue
@@ -25,14 +25,16 @@
<button type="button" class="btn btn-primary">+</button>
</router-link>
</div>
+ <div v-if="myPoiList.length > 0" class="alert alert-info alert-dismissible fade show mt-2" role="alert">
+ <button v-if="observationTimeSeriesExist" type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+ <span v-if="!observationTimeSeriesExist">{{ $t("observationTimeSeriesList.alert.emptylist") }}</span>
+ <span v-else>{{ $t("observationTimeSeriesList.alert.emptylist") }} Trykk på tidsserien for å legge til en observasjon.</span>
+ </div>
<div v-if="myPoiList.length === 0" class="alert alert-info mt-2" role="alert">
- Du må <router-link :to="{name: 'MapPOI', params: {backToTimeSeriesList:true}}">registrere et sted</router-link> før du kan opprette en tidsserie.
- </div>
- <div v-else-if="!observationTimeSeriesExist" class="alert alert-info mt-2" role="alert">
- {{ $t("observationTimeSeriesList.alert.emptylist") }}
+ Du må <router-link :to="{name: 'MapPOI', params: {backToTimeSeriesList:true}}">registrere et sted</router-link> før du kan opprette en tidsserie.
</div>
<div v-else class="bg-light">
- <div class="form-floating mb-3">
+ <div class="form-floating mb-3" v-if="sortedYears().length > 1">
<select id="selectedYear" class="form-select" v-model="selectedYear">
<option v-for="year in sortedYears()" :value="year">{{ year}}</option>
</select>
@@ -214,6 +216,9 @@ export default {
},
computed: {
sortedObservationTimeSeries: function () {
+ if(!this.otsYearMap[this.selectedYear]) {
+ return [];
+ }
this.otsYearMap[this.selectedYear].sort((a, b) => {
if (a.observationTimeSeriesId < 0 && b.observationTimeSeriesId >= 0) {
return -1;
diff --git a/src/locales/nb.json b/src/locales/nb.json
index ae0914b..414104f 100644
--- a/src/locales/nb.json
+++ b/src/locales/nb.json
@@ -7,7 +7,7 @@
"err.observationTimeSeries.remove.warn": "Tidsserien vil bli slettet",
"err.observationTimeSeries.remove.msg": "Tidsserien vil bli slettet. Er du helt sikker?",
"err.observationTimeSeries.poi.empty": "Tidsserien må registreres på et forhåndsdefinert sted",
- "observationTimeSeriesList.alert.emptylist": "Du har ingen registrerte tidsserier. For å registrere en ny, klikk på pluss-ikonet nede til høyre.",
+ "observationTimeSeriesList.alert.emptylist": "Tidsserier gir deg muligheten til å knytte sammen en rekke observasjoner gjort på samme sted, for samme kultur og skadegjører. Trykk på pluss-knappen nederst til høyre for å registrere en tidsserie.",
"observationTimeSeriesList.observation.single": "1 observasjon",
"observationTimeSeries.map.label": "Velg plassering",
"observationTimeSeries.broadcast.label": "Synlig for andre i VIPS",
--
GitLab