@sedoo/unidoo 0.1.70 → 0.1.72

package/src/components/unidoo-viewer/campaign-product-block/campaign-product-block.vue

@@ -1,7 +1,6 @@
 <template>
   <v-container>
-
-    <h3 class="product-viewer-title" v-if="breadcrumb">{{breadcrumb}}</h3>
+    <h3 class="product-viewer-title" v-if="breadcrumb">{{ breadcrumb }}</h3>
 
     <v-col v-if="viewer === 'tree'">
       <tree-viewer
@@ -25,7 +24,7 @@
         v-bind:campaign="campaign"
       ></wms-player>
     </v-col>
-     <v-col v-else-if="viewer === 'iframe'">
+    <v-col v-else-if="viewer === 'iframe'">
       <iframe-viewer
         v-bind:service="service"
         v-bind:product="product"
@@ -33,7 +32,6 @@
       ></iframe-viewer>
     </v-col>
     <v-col v-else>
-      
       <div v-if="day">
         <viewer-wrapper
           v-bind:service="service"
@@ -44,7 +42,7 @@
           v-bind:heatmapKey="heatmapKey"
         ></viewer-wrapper>
       </div>
-       <div v-else-if="initialYear && year !== initialYear">
+      <div v-else-if="initialYear && year !== initialYear">
         <div loading>
           <b>loading data availability ...</b>
         </div>
@@ -56,7 +54,9 @@
       </div>
 
       <setting-available-data
-        :positionLastAvailableDayForAllProducts="positionLastAvailableDayForAllProducts"
+        :positionLastAvailableDayForAllProducts="
+          positionLastAvailableDayForAllProducts
+        "
         @save="positionLastAvailableDayForAllProducts = $event"
       />
 
@@ -65,9 +65,13 @@
         v-bind:service="service"
         v-bind:product="product"
         v-bind:campaign="campaign"
-        :positionLastAvailableDayForAllProducts="positionLastAvailableDayForAllProducts"
+        :positionLastAvailableDayForAllProducts="
+          positionLastAvailableDayForAllProducts
+        "
         v-on:hasDataTriggered="hasData = $event"
-        v-on:positionLastAvailableDayTriggered="positionLastAvailableDay = $event"
+        v-on:positionLastAvailableDayTriggered="
+          positionLastAvailableDay = $event
+        "
       ></years-component>
 
       <heatmap-component
@@ -84,27 +88,24 @@
       <div v-if="!dontShowMessageAgain && shouldShowMessage">
         <message-available-data @closeMessage="closeMessage($event)" />
       </div>
-
     </v-col>
-
   </v-container>
-
 </template>
 
 <script>
-import viewerWrapper from '../viewer-wrapper/viewer-wrapper'
-import yearsComponent from '../years-component/years-component'
-import heatmapComponent from '../heatmap-component/heatmap-component'
-import treeViewer from '../tree-viewer/tree-viewer'
-import wmtsPlayer from '../map-player/wmts-player.vue'
-import wmsPlayer from '../map-player/wms-player.vue'
-import iframeViewer from '../iframe-viewer/iframe-viewer'
+import viewerWrapper from "../viewer-wrapper/viewer-wrapper";
+import yearsComponent from "../years-component/years-component";
+import heatmapComponent from "../heatmap-component/heatmap-component";
+import treeViewer from "../tree-viewer/tree-viewer";
+import wmtsPlayer from "../map-player/wmts-player.vue";
+import wmsPlayer from "../map-player/wms-player.vue";
+import iframeViewer from "../iframe-viewer/iframe-viewer";
 import messageAvailableData from "../message-available-data/message-available-data.vue";
 import SettingAvailableData from "../setting-available-data/setting-available-data.vue";
 import moment from "moment";
 
 export default {
-  name: 'campaign-product-block',
+  name: "campaign-product-block",
 
   components: {
     SettingAvailableData,
@@ -119,30 +120,29 @@ export default {
   },
 
   props: {
- 
     service: {
       type: String,
-      default: () => ''
+      default: () => ""
     },
 
     product: {
       type: String,
-      default: () => ''
+      default: () => ""
     },
 
     campaign: {
       type: String,
-      default: () => ''
+      default: () => ""
     },
 
     breadcrumb: {
       type: String,
-      default: () => ''
+      default: () => ""
     },
 
     viewer: {
       type: String,
-      default: () => ''
+      default: () => ""
     },
 
     baseFolder: {
@@ -174,19 +174,29 @@ export default {
 
   computed: {
     isTodayDate() {
-      const formattedToday = moment().format('YYYY-MM-DD');
+      const formattedToday = moment().format("YYYY-MM-DD");
       return this.day === formattedToday;
     },
     isDateParam() {
-      // Get url parameters
-      const urlParams = new URLSearchParams(window.location.search);
-      // Get the value of the 'date' url parameter
-      const dateParam = urlParams.get("date");
-      // Return true if the 'date' url parameter exists
-      return !!(dateParam);
+      if (typeof window !== "undefined") {
+        // Get url parameters
+        const urlParams = new URLSearchParams(window.location.search);
+        // Get the value of the 'date' url parameter
+        const dateParam = urlParams.get("date");
+        // Return true if the 'date' url parameter exists
+        return !!dateParam;
+      }
+      return false;
     },
     shouldShowMessage() {
-      return this.hasData && this.positionLastAvailableDay && this.day && !this.isTodayDate && !this.hasUserInteracted && !this.isDateParam;
+      return (
+        this.hasData &&
+        this.positionLastAvailableDay &&
+        this.day &&
+        !this.isTodayDate &&
+        !this.hasUserInteracted &&
+        !this.isDateParam
+      );
     }
   },
 
@@ -197,22 +207,27 @@ export default {
 
   methods: {
     handleDateParam() {
-      const params = new URLSearchParams(document.location.search);
-      const sdate = params.get("date");
-      const date = this.stringToDate(sdate);
-      if (date) {
-        this.initialYear = '' + date.getFullYear();
-        this.year = this.initialYear;
-        this.initialDay = { date: date };
+      if (typeof document !== "undefined") {
+        const params = new URLSearchParams(document.location.search);
+        const sdate = params.get("date");
+        const date = this.stringToDate(sdate);
+        if (date) {
+          this.initialYear = "" + date.getFullYear();
+          this.year = this.initialYear;
+          this.initialDay = { date: date };
+        }
       }
     },
     create_UUID() {
       var dt = new Date().getTime();
-      var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      var uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function (c) {
           var r = (dt + Math.random() * 16) % 16 | 0;
           dt = Math.floor(dt / 16);
-          return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-      });
+          return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
+        }
+      );
       return uuid;
     },
     stringToDate(s) {
@@ -233,7 +248,7 @@ export default {
 };
 </script>
 <style scoped>
-[loading]{
+[loading] {
   display: flex;
   justify-content: center;
   align-items: center;

package/src/components/unidoo-viewer/heatmap-component/heatmap-component.vue

@@ -1,15 +1,15 @@
 <template>
   <div heatmap-calendar>
     <unidoo-heatmap
-        ref="heatmap"
-        v-model="date"
-        :values="dates"
-        :missingAllowed="false"
-        :max="1"
-        :completeValue="0"
-        :year="endDate"
-        :showCount="false"
-        :rangeColor="[
+      ref="heatmap"
+      v-model="date"
+      :values="dates"
+      :missingAllowed="false"
+      :max="1"
+      :completeValue="0"
+      :year="endDate"
+      :showCount="false"
+      :rangeColor="[
         '#ebedf0',
         '#dae2ef',
         '#c0ddf9',
@@ -17,8 +17,8 @@
         '#3886e1',
         '#17459e'
       ]"
-        :tooltip-unit="unit"
-        :heatmapKey="heatmapKey"
+      :tooltip-unit="unit"
+      :heatmapKey="heatmapKey"
     ></unidoo-heatmap>
     <div spinner v-if="isLoading">
       <loading-component></loading-component>
@@ -77,7 +77,6 @@ export default {
       type: Boolean,
       default: false
     }
-
   },
 
   data: () => ({
@@ -148,50 +147,52 @@ export default {
         this.isLoading = true;
         const self = this;
         axios
-            .get(
-                this.service +
-                "/request?product=" +
-                this.product +
-                "&filter=" +
-                year +
-                (this.campaign ? "&campaign=" + this.campaign : "")
-            )
-            .then((response) => {
-                  if (self.year === year) {
-                    // self.year == year s'assure de ne pas utiliser le resultat d'une requete précédente
-                    if (response.data && response.data.entries) {
-                      self.searchResult = response.data.entries;
-                      // sort searchResult
-                      self.sort(self.searchResult);
-                      if (self.initialValue && self.isFirstLoad) {
-                        const date =
-                            self.initialValue instanceof Date
-                                ? self.initialValue
-                                : self.initialValue.date;
-                        setTimeout(() => {
-                          // wait availability assignement
-                          self.emitDate(date);
-                        }, 500);
-                        self.isFirstLoad = false;
-                      } else if (this.positionLastAvailableDay || year !== dateToSpecificTimeZone(new Date()).getFullYear() + "") {
-                        self.goToLastDay();
-                      } else {
-                        // Go to current day if not this.positionLastAvailableDay and the year is the current year
-                        self.goToCurrentDay();
-                      }
-                    } else {
-                      self.goToCurrentDay();
-                      self.searchResult = [];
-                    }
-                    self.isLoading = false;
-                  }
+          .get(
+            this.service +
+              "/request?product=" +
+              this.product +
+              "&filter=" +
+              year +
+              (this.campaign ? "&campaign=" + this.campaign : "")
+          )
+          .then((response) => {
+            if (self.year === year) {
+              // self.year == year s'assure de ne pas utiliser le resultat d'une requete précédente
+              if (response.data && response.data.entries) {
+                self.searchResult = response.data.entries;
+                // sort searchResult
+                self.sort(self.searchResult);
+                if (self.initialValue && self.isFirstLoad) {
+                  const date =
+                    self.initialValue instanceof Date
+                      ? self.initialValue
+                      : self.initialValue.date;
+                  setTimeout(() => {
+                    // wait availability assignement
+                    self.emitDate(date);
+                  }, 500);
+                  self.isFirstLoad = false;
+                } else if (
+                  this.positionLastAvailableDay ||
+                  year !== dateToSpecificTimeZone(new Date()).getFullYear() + ""
+                ) {
+                  self.goToLastDay();
+                } else {
+                  // Go to current day if not this.positionLastAvailableDay and the year is the current year
+                  self.goToCurrentDay();
                 }
-            )
-            .catch(() => {
-              self.goToCurrentDay();
-              self.searchResult = [];
+              } else {
+                self.goToCurrentDay();
+                self.searchResult = [];
+              }
               self.isLoading = false;
-            });
+            }
+          })
+          .catch(() => {
+            self.goToCurrentDay();
+            self.searchResult = [];
+            self.isLoading = false;
+          });
       } else {
         console.error("Error service or product are not defined");
       }
@@ -200,7 +201,7 @@ export default {
     goToLastDay() {
       if (this.searchResult && this.searchResult.length > 0) {
         const yearDates = this.searchResult.filter(
-            (item) => item.date && item.date.includes(this.year)
+          (item) => item.date && item.date.includes(this.year)
         );
         if (yearDates && yearDates.length > 0) {
           const lastEntry = yearDates[0];
@@ -208,7 +209,10 @@ export default {
           this.emitDate(d);
         }
       } else {
-        if (this.year === dateToSpecificTimeZone(new Date()).getFullYear() + "") {
+        if (
+          this.year ===
+          dateToSpecificTimeZone(new Date()).getFullYear() + ""
+        ) {
           this.goToCurrentDay();
         } else {
           const d = dateToSpecificTimeZone(new Date(this.year, 0, 1));
@@ -268,8 +272,7 @@ export default {
       }
     }
   }
-}
-;
+};
 </script>
 
 <style scoped>

package/src/components/unidoo-viewer/map-viewer/wms-viewer.vue

@@ -189,7 +189,7 @@ export default {
 
   methods: {
     initMap() {
-      if (this.id) {
+      if (this.id && typeof document !== "undefined") {
         // coordonnées souris
         var mousePositionControl = new MousePosition({
           coordinateFormat: createStringXY(4),