🐛 Fix max date issue when multi layers are selected

g3w-suite · Apr 13, 2023 · 0012f2d · 0012f2d
1 parent 4e7ae4d
commit 0012f2d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/components/sidebar/sidebaritem.html b/components/sidebar/sidebaritem.html
@@ -11,8 +11,8 @@
           </option>
         </select>
         <div v-if="!changed_layer">
-          <datetime :label="'plugins.qtimeseries.startdate'" :format="format" :minDate="min_date" :maxDate="end_date" :type="'datetime'" :value="start_date" @change="changeStartDateTime"></datetime>
-          <datetime :label="'plugins.qtimeseries.enddate'" :format="format" :minDate="start_date" :maxDate="max_date" :type="'datetime'" :value="end_date" @change="changeEndDateTime"></datetime>
+          <datetime :label="'plugins.qtimeseries.startdate'" :format="format" :minDate="min_date" :maxDate="end_date" :type="'datetime'" :value="start_date" @change="changeStartDateTime"/>
+          <datetime :label="'plugins.qtimeseries.enddate'" :format="format" :minDate="start_date" :maxDate="max_date" :type="'datetime'" :value="end_date" @change="changeEndDateTime"/>
           <label  v-if="!change_step_unit"  v-t-plugin:pre="'qtimeseries.step'">[<span v-t-plugin="`qtimeseries.stepsunit.${current_step_unit_label}`"></span> ]</label>
           <input class="form-control" type="number" :min="range.min" :max="range.max" :step="stepunitmultiplier" v-model="step">
           <range v-disabled="range.max === range.min " label="plugins.qtimeseries.steps" :max="range.max" :value="range.value" :min="range.min" ref="rangecomponent" @change-range="changeRangeStep"></range>

diff --git a/components/sidebar/sidebaritem.js b/components/sidebar/sidebaritem.js
@@ -85,6 +85,8 @@ export default function Sidebaritem({service, options={}}={}){
         if (this.select_layers.length > 1) {
           this.start_date = moment.min(this.select_layers.map(layer => layer.start_date));
           this.end_date = moment.max(this.select_layers.map(layer => layer.end_date));
+          // need to set max date as end_date
+          this.max_date = this.end_date;
         } else {
           const {start_date, end_date} = this.layers[this.current_layers_index[0]];
           this.start_date = start_date;