From 911477c373b340ff3be89d6dc485a66a0de877ee Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 9 Jan 2024 11:40:15 +0100
Subject: [PATCH 01/28] Add pdf download format management

---
 src/app/constant.js                    |  6 +++++-
 src/app/core/layers/layer.js           |  1 +
 src/app/core/layers/mixins/download.js | 15 +++++++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/app/constant.js b/src/app/constant.js
index cf2a9692a..0dede78e3 100644
--- a/src/app/constant.js
+++ b/src/app/constant.js
@@ -56,7 +56,11 @@ export const DOWNLOAD_FORMATS = {
   download_raster: {
     format: 'geotiff',
     url: 'geotiff'
-  }
+  },
+  download_pdf: {
+    format: 'pdf',
+    url: 'pdf'
+  },
 };
 
 /**
diff --git a/src/app/core/layers/layer.js b/src/app/core/layers/layer.js
index b54934d79..64a84f50c 100644
--- a/src/app/core/layers/layer.js
+++ b/src/app/core/layers/layer.js
@@ -65,6 +65,7 @@ function Layer(config={}, options={}) {
     this.config.urls.xls         = `${vectorUrl}xls/${suffixUrl}`;
     this.config.urls.gpx         = `${vectorUrl}gpx/${suffixUrl}`;
     this.config.urls.gpkg        = `${vectorUrl}gpkg/${suffixUrl}`;
+    this.config.urls.pdf         = `${vectorUrl}pdf/${suffixUrl}`; //@since 3.10.0
     this.config.urls.geotiff     = `${rasterUrl}geotiff/${suffixUrl}`;
     this.config.urls.editing     = `${vectorUrl}editing/${suffixUrl}`;
     this.config.urls.commit      = `${vectorUrl}commit/${suffixUrl}`;
diff --git a/src/app/core/layers/mixins/download.js b/src/app/core/layers/mixins/download.js
index 51edb2a1d..f7c2df961 100644
--- a/src/app/core/layers/mixins/download.js
+++ b/src/app/core/layers/mixins/download.js
@@ -24,6 +24,7 @@ export default {
       case 'gpx':       return this.getGpx({data, options});
       case 'gpkg':      return this.getGpkg({data, options});
       case 'geotiff':   return this.getGeoTIFF({ data, options });
+      case 'pdf':       return this.getGeoTIFF({ data, options });
     }
   },
 
@@ -110,6 +111,20 @@ export default {
       httpMethod: "POST"
     })
   },
+  /**
+   * @since 3.10.0
+   * Get csv layer format
+   * @param data
+   * @returns {Promise | Promise<unknown>}
+   */
+  getPdf({ data = {} } = {}) {
+    data.filtertoken = this.getFilterToken();
+    return XHR.fileDownload({
+      url: this.getUrl('pdf'),
+      data,
+      httpMethod: "POST"
+    })
+  },
 
   /**
    * Check if it has a format to download

From 6e7a2bab2b20c109a780c78788d2dd76c192f004 Mon Sep 17 00:00:00 2001
From: Raruto <Raruto@users.noreply.github.com>
Date: Tue, 16 Jan 2024 14:44:54 +0100
Subject: [PATCH 02/28] jsdoc

---
 src/app/core/layers/mixins/download.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/core/layers/mixins/download.js b/src/app/core/layers/mixins/download.js
index f7c2df961..e45a1b015 100644
--- a/src/app/core/layers/mixins/download.js
+++ b/src/app/core/layers/mixins/download.js
@@ -112,10 +112,13 @@ export default {
     })
   },
   /**
-   * @since 3.10.0
    * Get csv layer format
+   * 
    * @param data
+   * 
    * @returns {Promise | Promise<unknown>}
+   * 
+   * @since 3.10.0
    */
   getPdf({ data = {} } = {}) {
     data.filtertoken = this.getFilterToken();

From 0ac49efe225aaa9cac5addef41f20a73615b46b0 Mon Sep 17 00:00:00 2001
From: Francesco Boccacci <boccacci.francesco@gmail.com>
Date: Tue, 16 Jan 2024 14:47:28 +0100
Subject: [PATCH 03/28] Update src/app/core/layers/mixins/download.js

Fix wrong method

Co-authored-by: Raruto <Raruto@users.noreply.github.com>
---
 src/app/core/layers/mixins/download.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/core/layers/mixins/download.js b/src/app/core/layers/mixins/download.js
index e45a1b015..c5a6890ff 100644
--- a/src/app/core/layers/mixins/download.js
+++ b/src/app/core/layers/mixins/download.js
@@ -24,7 +24,7 @@ export default {
       case 'gpx':       return this.getGpx({data, options});
       case 'gpkg':      return this.getGpkg({data, options});
       case 'geotiff':   return this.getGeoTIFF({ data, options });
-      case 'pdf':       return this.getGeoTIFF({ data, options });
+      case 'pdf':       return this.getPdf({ data, options });
     }
   },
 

From 74a4b5c4784d1a4429ab3be9b57bd1aa27ce8a54 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 09:43:00 +0100
Subject: [PATCH 04/28] Clean code

---
 src/app/gui/queryresults/vue/queryresults.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/gui/queryresults/vue/queryresults.js b/src/app/gui/queryresults/vue/queryresults.js
index a246181d7..6d52a7b1f 100644
--- a/src/app/gui/queryresults/vue/queryresults.js
+++ b/src/app/gui/queryresults/vue/queryresults.js
@@ -1,7 +1,7 @@
 import * as vueComponentOptions from 'components/QueryResults.vue';
 
-const { base, inherit } = require('utils');
-const Component = require('gui/component/component');
+const { base, inherit }   = require('utils');
+const Component           = require('gui/component/component');
 const QueryResultsService = require('gui/queryresults/queryresultsservice');
 
 const InternalComponent = Vue.extend(vueComponentOptions);
@@ -19,11 +19,15 @@ function QueryResultsComponent(options={}) {
   };
 
   this.getElement = function() {
-    if (this.internalComponent) return this.internalComponent.$el;
+    if (this.internalComponent) {
+      return this.internalComponent.$el;
+    }
   };
 
   this._service.onafter('setLayersData', async () => {
-    !this.internalComponent && this.setInternalComponent();
+    if (!this.internalComponent) {
+      this.setInternalComponent();
+    }
     await this.internalComponent.$nextTick();
   });
 

From b530a38589cda4057017a03cdab22f1682b7421c Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 10:36:14 +0100
Subject: [PATCH 05/28] Clean code

---
 src/components/QueryResults.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/QueryResults.vue b/src/components/QueryResults.vue
index b977052a9..9a482c475 100644
--- a/src/components/QueryResults.vue
+++ b/src/components/QueryResults.vue
@@ -60,19 +60,19 @@
                       </span>
                     </template>
                     <template v-else-if="layer.downloads.length > 1">
-                    <span
-                      v-download class="action-button"
-                      :class="{'toggled': layer.downloadformats.active}"
-                      v-t-tooltip:left.create="'Downloads'"
-                    >
                       <span
-                        class="action-button-icon"
-                        :class="g3wtemplate.getFontClass('download')"
-                        @click.stop="showLayerDownloadFormats(layer)"
-                      ></span>
-                    </span>
+                        v-download class="action-button"
+                        :class="{'toggled': layer.downloadformats.active}"
+                        v-t-tooltip:left.create="'Downloads'"
+                      >
+                        <span
+                          class="action-button-icon"
+                          :class="g3wtemplate.getFontClass('download')"
+                          @click.stop="showLayerDownloadFormats(layer)"
+                        ></span>
+                      </span>
                     </template>
-                    <!--        DOWNLOAD        -->
+                    <!--        END DOWNLOAD        -->
                   </template>
                   <span
                     v-if="layer.external || (layer.source && layer.source.type !== 'wms')"

From b3fdbce9a1b450d297d19736ba2ad8f498cb8306 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 10:51:37 +0100
Subject: [PATCH 06/28] Add getLayerDownloads to filter download formats enable
 of layer level

---
 src/components/QueryResults.vue | 49 +++++++++++++++++++++++++++------
 1 file changed, 40 insertions(+), 9 deletions(-)

diff --git a/src/components/QueryResults.vue b/src/components/QueryResults.vue
index 9a482c475..42bc1e770 100644
--- a/src/components/QueryResults.vue
+++ b/src/components/QueryResults.vue
@@ -45,7 +45,7 @@
                       <span class="action-button-icon" :class="g3wtemplate.getFontClass('print')"></span>
                     </span>
                     <!--        DOWNLOAD        -->
-                    <template v-if="layer.downloads.length === 1">
+                    <template v-if="1 === getLayerDownloads(layer.downloads).length">
                       <span
                         v-download
                         class="action-button"
@@ -59,7 +59,7 @@
                         ></span>
                       </span>
                     </template>
-                    <template v-else-if="layer.downloads.length > 1">
+                    <template v-else-if="getLayerDownloads(layer.downloads).length > 1">
                       <span
                         v-download class="action-button"
                         :class="{'toggled': layer.downloadformats.active}"
@@ -264,7 +264,10 @@
                 <template v-else>
                   <!-- CASE SIMPLE LAYER WITH NO STRUCTURE -->
                   <table class="table" :class="{'mobile': isMobile()}">
-                    <tbody v-if="feature.show" v-for="(feature, index) in layer.features" :key="feature.id">
+                    <tbody
+                      v-if="feature.show"
+                      v-for="(feature, index) in layer.features" :key="feature.id"
+                    >
                       <header-feature-actions-body
                         :colspan="getColSpan(layer)"
                         :actions="state.layersactions[layer.id]"
@@ -294,13 +297,16 @@
                       <tr
                         v-if="!hasLayerOneFeature(layer)"
                         style="font-weight: bold; text-align: center" >
-                        <td class="centered" v-for="(attribute, index) in attributesSubset(layer)">
+                        <td
+                          v-for="(attribute) in attributesSubset(layer)"
+                          class="centered"
+                        >
                           {{getLayerFeatureBox(layer, feature).collapsed ? attribute.label : ''}}
                         </td>
                         <td
                           @click.stop="toggleFeatureBoxAndZoom(layer,feature)"
                           class="collapsed"
-                          style="text-align: end"
+                          style="text-align: end;"
                           :class="{noAttributes: attributesSubset(layer).length === 0}">
                             <span
                               class="fa link morelink skin-color"
@@ -327,10 +333,18 @@
                         :getLayerField="getLayerField"/>
                       <tr v-for="({component}) in getLayerCustomComponents(layer.id, 'feature', 'before')">
                         <td :colspan="getColSpan(layer)">
-                          <component class="box-body" :is="component" :layer="layer" :feature="feature"/>
+                          <component
+                            class="box-body"
+                            :is="component"
+                            :layer="layer"
+                            :feature="feature"/>
                         </td>
                       </tr>
-                      <tr v-show="!collapsedFeatureBox(layer,feature) || hasOneLayerAndOneFeature(layer)" :id="`${layer.id}_${index}`" class="featurebox-body">
+                      <tr
+                        v-show="!collapsedFeatureBox(layer,feature) || hasOneLayerAndOneFeature(layer)"
+                        :id="`${layer.id}_${index}`"
+                        class="featurebox-body"
+                      >
                         <td :colspan="getColSpan(layer)">
                           <table class="feature_attributes">
                             <template v-for="attribute in layer.attributes.filter(attribute => attribute.show)">
@@ -358,7 +372,11 @@
                       </tr>
                       <tr v-for="({component}) in getLayerCustomComponents(layer.id, 'feature', 'after')">
                         <td colspan="getColSpan(layer)">
-                          <component class="box-body" :is="component" :layer="layer" :feature="feature"/>
+                          <component
+                            class="box-body"
+                            :is="component"
+                            :layer="layer"
+                            :feature="feature"/>
                         </td>
                       </tr>
                     </tbody>
@@ -370,7 +388,9 @@
                 v-for="({component}) in getLayerCustomComponents(layer.id, 'layer', 'after')"
                 class="box-body"
                 :class="{'mobile': isMobile()}" >
-                <component :is="component" :layer="layer"/>
+                <component
+                  :is="component"
+                  :layer="layer"/>
               </div>
             </div>
           </li>
@@ -490,6 +510,17 @@
     },
     methods: {
 
+      /**
+       * @since v3.10.0
+       *
+       * @param { Array.<string> } downloads
+       *
+       * return {Array} return array of download formats enable of layer features
+       */
+      getLayerDownloads(downloads=[]) {
+        return downloads.filter(d => 'pdf' !== d);
+      },
+
       /**
        * @param { Object } layer
        * 

From b1b561558fb725b8f31f081ef5d653448f5f9baa Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 11:26:42 +0100
Subject: [PATCH 07/28] Clean code

---
 .../QueryResultsActionDownloadFormats.vue     | 51 +++++++++++++------
 1 file changed, 35 insertions(+), 16 deletions(-)

diff --git a/src/components/QueryResultsActionDownloadFormats.vue b/src/components/QueryResultsActionDownloadFormats.vue
index 88cbeaea4..61dea86ca 100644
--- a/src/components/QueryResultsActionDownloadFormats.vue
+++ b/src/components/QueryResultsActionDownloadFormats.vue
@@ -4,15 +4,36 @@
 -->
 
 <template>
-  <div class="g3w-download-formats-content" style="width: 100%; display: flex" @click.prevent.stop="">
-    <select  style="flex-grow: 1" v-select2="'download_format'" :search="false" class="form-control">
-      <option v-for="download in config.downloads" :key="download.id" v-download :value="download.format">
-        <span style="font-weight: bold">{{download.format}}</span>
+  <div
+    class="g3w-download-formats-content"
+    style="width: 100%; display: flex;"
+    @click.prevent.stop=""
+  >
+    <select
+      style="flex-grow: 1;"
+      v-select2="'download_format'"
+      :search="false"
+      class="form-control"
+    >
+      <option
+        v-for="download in config.downloads"
+        :key="download.id"
+        v-download
+        :value="download.format"
+      >
+        <span style="font-weight: bold;">
+          {{download.format}}
+        </span>
       </option>
     </select>
-    <button style="border-radius: 0 3px 3px 0;" class="btn skin-button" @click.stop=download v-download>
-      <span :class="g3wtemplate.getFontClass('download')">
-      </span>
+
+    <button
+      style="border-radius: 0 3px 3px 0;"
+      class="btn skin-button"
+      @click.stop=download
+      v-download
+    >
+      <span :class="g3wtemplate.getFontClass('download')"></span>
     </button>
   </div>
 </template>
@@ -23,10 +44,9 @@ export default {
   /** @since 3.8.7 */
   name: "downloadformats",
 
-  data(){
-    const download_format = this.config.downloads[0].format;
+  data() {
     return {
-      download_format
+      download_format: this.config.downloads[0].format
     }
   },
   props: {
@@ -45,16 +65,15 @@ export default {
     },
   },
   methods: {
-    async download(){
+    async download() {
       try {
         const download = this.config.downloads.find(action => action.format === this.download_format);
         await download.cbk(this.layer, this.feature ? this.feature : this.layer.features, download, this.featureIndex);
       }
-      catch(err){}
+      catch(err) {
+        console.warn(err);
+      }
     }
   }
 }
-</script>
-
-<style scoped>
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file

From 03090d80bcceedd5fcc443218c96c6eaf3ce7c08 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 11:59:12 +0100
Subject: [PATCH 08/28] Filter 'pdf' downloadformats config attribute, because
 it used only for layer feature level

---
 src/app/gui/queryresults/queryresultsservice.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/gui/queryresults/queryresultsservice.js b/src/app/gui/queryresults/queryresultsservice.js
index efe449870..5b3ee99d6 100644
--- a/src/app/gui/queryresults/queryresultsservice.js
+++ b/src/app/gui/queryresults/queryresultsservice.js
@@ -1495,7 +1495,13 @@ class QueryResultsService extends G3WObject {
     this.setLayerActionTool({
       layer,
       component: layer[name].active ? DownloadFormats : null,
-      config: layer[name].active ? this.state.actiontools[name][layer.id] : null
+      config: layer[name].active
+        ? {
+            ...this.state.actiontools[name][layer.id],
+            //for download layer need to filter pdf format because it works onbly for a single feature
+            downloads: this.state.actiontools[name][layer.id].downloads.filter(d => 'pdf' !== d.format)
+          }
+        : null
     })
   }
 

From f4624c0efb10e9d170d7d3e44fe5116bb3765124 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 12:40:41 +0100
Subject: [PATCH 09/28] Clean code

---
 src/components/QueryResultsAction.vue  | 4 ++--
 src/components/QueryResultsActions.vue | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/QueryResultsAction.vue b/src/components/QueryResultsAction.vue
index fc1e30519..bbec3e76a 100644
--- a/src/components/QueryResultsAction.vue
+++ b/src/components/QueryResultsAction.vue
@@ -62,8 +62,8 @@
         this.$emit('action-clicked', action)
       }
     },
-    async created(){
-      if (this.action.init){
+    async created() {
+      if (this.action.init) {
         this.action.init({layer: this.layer, feature: this.feature, index:this.featureIndex, action:this.action});
       }
       if (typeof this.action.condition === 'function') {
diff --git a/src/components/QueryResultsActions.vue b/src/components/QueryResultsActions.vue
index 128a08fb7..6de2370cd 100644
--- a/src/components/QueryResultsActions.vue
+++ b/src/components/QueryResultsActions.vue
@@ -9,7 +9,11 @@
     style="padding: 3px"
     class="g3w-feature-actions skin-background-color lighten"
     :colspan="colspan">
-    <action v-for="action in actions" :key="action.id" v-bind="$props" :action="action"/>
+    <action
+      v-for="action in actions"
+      :key="action.id"
+      v-bind="$props"
+      :action="action"/>
   </td>
 </template>
 

From fa3ae3961833682ba463190b2fb9f349629134f3 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 14:48:25 +0100
Subject: [PATCH 10/28] Clean code

---
 src/mixins/fields.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/mixins/fields.js b/src/mixins/fields.js
index 35e04c6b0..de6ee345a 100644
--- a/src/mixins/fields.js
+++ b/src/mixins/fields.js
@@ -5,7 +5,7 @@
 
 export default {
   methods: {
-    getFieldService(){
+    getFieldService() {
       if (undefined === this._fieldsService) {
         this._fieldsService = require('gui/fields/fieldsservice');
       }
@@ -14,19 +14,19 @@ export default {
     getFieldType(field) {
       return this.getFieldService().getType(field);
     },
-    isSimple(field){
+    isSimple(field) {
       return this.getFieldService().isSimple(field);
     },
-    isLink(field){
+    isLink(field) {
       return this.getFieldService().isLink(field);
     },
-    isImage(field){
+    isImage(field) {
       return this.getFieldService().isImage(field);
     },
-    isPhoto(field){
+    isPhoto(field) {
       return this.getFieldService().isPhoto(field);
     },
-    isVue(field){
+    isVue(field) {
       return this.getFieldService().isVue(field);
     },
     sanitizeFieldValue(value) {

From 59422cacbf6a1cbcf8f81d61bb672cb311665596 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 15:01:40 +0100
Subject: [PATCH 11/28] Clean code

---
 src/components/GlobalTabs.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/GlobalTabs.vue b/src/components/GlobalTabs.vue
index d9ba0bed5..ebfd71c13 100644
--- a/src/components/GlobalTabs.vue
+++ b/src/components/GlobalTabs.vue
@@ -132,10 +132,10 @@
       }
     },
     computed: {
-      required_fields(){
+      required_fields() {
         return this.contenttype === 'editing' && this.fields.filter(field => field.validate.required).map(field => field.name);
       },
-      show(){
+      show() {
         return this.tabs.reduce((accumulator, tab) => accumulator || (tab.visible === undefined || !!tab.visible), false);
       }
     },
@@ -196,8 +196,7 @@
             tab.visibility_expression
               .referenced_columns
               .forEach(column => {
-                const field = this.fields
-                  .find(field => field.name === column);
+                const field = this.fields.find(field => field.name === column);
                 this.unwatch.push(
                   this.$watch(() => field.value,
                     async (value) => {
@@ -220,7 +219,8 @@
             if (nodes.length) {
               this.root_tabs.push([...nodes]);
               nodes.splice(0);
-            } this.root_tabs.push({nodes:[tab_node]});
+            }
+            this.root_tabs.push({nodes:[tab_node]});
           }
         });
         if (nodes.length) {

From 00bcc77ed637664f77fc38c3a13645819eaf5e15 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 16:49:50 +0100
Subject: [PATCH 12/28] change from v-if to v-show to pass all html dom element
 for pdf download format

---
 src/components/GlobalTabs.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/GlobalTabs.vue b/src/components/GlobalTabs.vue
index ebfd71c13..a8c60b592 100644
--- a/src/components/GlobalTabs.vue
+++ b/src/components/GlobalTabs.vue
@@ -12,7 +12,7 @@
         <ul class="formquerytabs nav nav-tabs">
           <template v-for="(tab, index) in root_tab">
             <li
-              v-if="tab.visible === undefined || tab.visible"
+              v-show="tab.visible === undefined || tab.visible"
               :class="{active: index === 0}"
               >
                 <a
@@ -33,7 +33,7 @@
         >
           <template v-for="(tab, index) in root_tab">
             <div
-              v-if="tab.visible === undefined || tab.visible"
+              v-show="tab.visible === undefined || tab.visible"
               :id="ids[index]"
               class="tab-pane fade"
               :class="{'in active': index === 0}"

From 3aa81f91008a4e0453fae643c8722f2106c9d23c Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 17:09:41 +0100
Subject: [PATCH 13/28] Add i18n translation

---
 src/locales/de.js | 4 ++++
 src/locales/en.js | 4 ++++
 src/locales/fi.js | 4 ++++
 src/locales/fr.js | 4 ++++
 src/locales/it.js | 4 ++++
 src/locales/ro.js | 4 ++++
 src/locales/se.js | 4 ++++
 7 files changed, 28 insertions(+)

diff --git a/src/locales/de.js b/src/locales/de.js
index 8c087d07e..b864ffa85 100644
--- a/src/locales/de.js
+++ b/src/locales/de.js
@@ -190,6 +190,7 @@ export default {
         download_gpkg: "GPKG herunterladen",
         download_csv: "CSV herunterladen",
         download_xls: "XLS herunterladen",
+        download_pdf: "PDF herunterladen",
         show_chart: "Diagramm anzeigen",
         atlas: "Atlas drucken"
       },
@@ -248,6 +249,9 @@ export default {
             download_xls: {
               hint: "Feature XLS herunterladen"
             },
+            download_pdf: {
+              hint: "Feature PDF herunterladen"
+            },
             atlas: {
               hint: "Atlas drucken"
             },
diff --git a/src/locales/en.js b/src/locales/en.js
index 6b24084ea..9c9c319ab 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -190,6 +190,7 @@ export default {
         download_gpkg: "Download GPKG",
         download_csv: "Download CSV",
         download_xls: "Download XLS",
+        download_pdf: "Download PDF",
         show_chart: "Show Chart",
         atlas: "Print Atlas"
       },
@@ -248,6 +249,9 @@ export default {
             download_xls: {
               hint: "Download feature XLS"
             },
+            download_pdf: {
+              hint: "Download feature PDF"
+            },
             atlas: {
               hint: "Print Atlas"
             },
diff --git a/src/locales/fi.js b/src/locales/fi.js
index a833b4229..5bcca01e1 100644
--- a/src/locales/fi.js
+++ b/src/locales/fi.js
@@ -190,6 +190,7 @@ export default {
         download_gpkg: "Lataa GPKG-tiedosto",
         download_csv: "Lataa CSV-tiedosto",
         download_xls: "Lataa XLS-tiedosto",
+        download_pdf: "Lataa PDF-tiedosto",
         show_chart: "Näytä kaavio",
         atlas: "Tulosta Atlas"
       },
@@ -248,6 +249,9 @@ export default {
             download_xls: {
               hint: "Lataa ominaisuuden XLS-tiedosto"
             },
+            download_pdf: {
+              hint: "Lataa ominaisuuden PDF-tiedosto"
+            },
             atlas: {
               hint: "Tulosta Atlas"
             },
diff --git a/src/locales/fr.js b/src/locales/fr.js
index 3c6be4287..d30289b7e 100644
--- a/src/locales/fr.js
+++ b/src/locales/fr.js
@@ -189,6 +189,7 @@ export default {
         download_gpkg: "Télécharger GPKG",
         download_csv: "Télécharger CSV",
         download_xls: "Télécharger XLS",
+        download_pdf: "Télécharger PDF",
         show_chart: "Montrer graphique",
         atlas: "Imprimer l'Atlas"
       },
@@ -247,6 +248,9 @@ export default {
             download_xls: {
               hint: "Télécharger le XLS"
             },
+            download_pdf: {
+              hint: "Télécharger le PDF"
+            },
             atlas: {
               hint: "Imprimer l'Atlas"
             },
diff --git a/src/locales/it.js b/src/locales/it.js
index 5236a03a3..799e60f57 100644
--- a/src/locales/it.js
+++ b/src/locales/it.js
@@ -191,6 +191,7 @@ export default {
         download_gpkg: "Scarica GPKG",
         download_csv: "Scarica CSV",
         download_xls: "Scarica XLS",
+        download_pdf: "Scarica PDF",
         show_chart: "Mostra Grafico",
         atlas: "Stampa Atlas"
       },
@@ -249,6 +250,9 @@ export default {
             download_xls: {
               hint: "Scarica la feature in XLS"
             },
+            download_pdf: {
+              hint: "Scarica la feature in PDF"
+            },
             atlas: {
               hint: "Stampa Atlas"
             },
diff --git a/src/locales/ro.js b/src/locales/ro.js
index cd9d21975..ddb4f99a6 100644
--- a/src/locales/ro.js
+++ b/src/locales/ro.js
@@ -190,6 +190,7 @@ export default {
         download_gpkg: "Descarcă GPKG",
         download_csv: "Descarcă CSV",
         download_xls: "Descarcă XLS",
+        download_pdf: "Descarcă PDF",
         show_chart: "Arată Diagrama",
         atlas: "Tipărire Atlas"
       },
@@ -248,6 +249,9 @@ export default {
             download_xls: {
               hint: "Descarcă entitate în XLS"
             },
+            download_pdf: {
+              hint: "Descarcă entitate în PDF"
+            },
             atlas: {
               hint: "Tipărire Atlas"
             },
diff --git a/src/locales/se.js b/src/locales/se.js
index 684d720d5..1ea62231e 100644
--- a/src/locales/se.js
+++ b/src/locales/se.js
@@ -190,6 +190,7 @@ export default {
         download_gpkg: "Ladda GPKG-fil",
         download_csv: "Ladda CSV-fil",
         download_xls: "Ladda XLS-fil",
+        download_pdf: "Ladda PDF-fil",
         show_chart: "Visa diagram", //Tero 9.12.2020
         atlas: "Skriv ut Atlas"
       },
@@ -248,6 +249,9 @@ export default {
             download_xls: {
               hint: "Ladda egenskapens XLS-fil"
             },
+            download_pdf: {
+              hint: "Ladda egenskapens PDF-fil"
+            },
             atlas: {
               hint: "Skriv ut Atlas"
             },

From bd2a98dabe284343d74501baf567ed8c4e5411d5 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 29 Jan 2024 17:50:24 +0100
Subject: [PATCH 14/28] Add feature-html-content attribute to estract contento
 of single hmtl dome feature

---
 .../gui/queryresults/queryresultsservice.js   | 14 +++--
 src/components/QueryResults.vue               | 54 +++++++++++--------
 .../QueryResultsActionDownloadFormats.vue     | 12 ++++-
 3 files changed, 52 insertions(+), 28 deletions(-)

diff --git a/src/app/gui/queryresults/queryresultsservice.js b/src/app/gui/queryresults/queryresultsservice.js
index 5b3ee99d6..a87c3c133 100644
--- a/src/app/gui/queryresults/queryresultsservice.js
+++ b/src/app/gui/queryresults/queryresultsservice.js
@@ -1498,7 +1498,7 @@ class QueryResultsService extends G3WObject {
       config: layer[name].active
         ? {
             ...this.state.actiontools[name][layer.id],
-            //for download layer need to filter pdf format because it works onbly for a single feature
+            //for download layer need to filter pdf format because it works only for a single feature
             downloads: this.state.actiontools[name][layer.id].downloads.filter(d => 'pdf' !== d.format)
           }
         : null
@@ -1513,8 +1513,9 @@ class QueryResultsService extends G3WObject {
    * @param features
    * @param action
    * @param index
+   * @param feature_dom
    */
-  async downloadFeatures(type, layer, features = [], action, index) {
+  async downloadFeatures(type, layer, features = [], action, index, feature_dom) {
 
     if (features && !Array.isArray(features)) {
       features = [features];
@@ -1525,6 +1526,11 @@ class QueryResultsService extends G3WObject {
       fids: features.map(f => f.attributes[G3W_FID]).join(',')
     };
 
+    //In case of pdf type need to add feature_dom html element
+    if ('pdf' === type) {
+      data.dom = feature_dom;
+    }
+
     /**
      * A function that che be called in case of querybypolygon
      *
@@ -2107,9 +2113,9 @@ class QueryResultsService extends G3WObject {
           format,
           class: GUI.getFontClass(format),
           hint: `sdk.tooltips.download_${format}`,
-          cbk: (layer, feature, action, index) => {
+          cbk: (layer, feature, action, index, feature_dom) => {
             // un-toggle downloads action
-            this.downloadFeatures(format, layer, feature, action, index);
+            this.downloadFeatures(format, layer, feature, action, index, feature_dom);
             if ('polygon' !== this.state.query.type) {
               const downloadsaction = this.state.layersactions[layer.id].find(action => 'downloads' === action.id);
               downloadsaction.cbk(layer, feature, downloadsaction, index);
diff --git a/src/components/QueryResults.vue b/src/components/QueryResults.vue
index 42bc1e770..c4bdc46e3 100644
--- a/src/components/QueryResults.vue
+++ b/src/components/QueryResults.vue
@@ -49,13 +49,13 @@
                       <span
                         v-download
                         class="action-button"
-                        :class="{'toggled': layer[layer.downloads[0]].active}"
-                        v-t-tooltip:left.create="`sdk.mapcontrols.query.actions.download_features_${layer.downloads[0]}.hint`"
+                        :class="{'toggled': layer.downloadformats.active}"
+                        v-t-tooltip:left.create="`sdk.mapcontrols.query.actions.download_features_${getLayerDownloads(layer.downloads)[0]}.hint`"
                       >
                         <span
                           class="action-button-icon"
                           :class="g3wtemplate.getFontClass('download')"
-                          @click.stop="saveLayerResult(layer, layer.downloads[0])"
+                          @click.stop="saveLayerResult(layer, getLayerDownloads(layer.downloads)[0])"
                         ></span>
                       </span>
                     </template>
@@ -239,7 +239,10 @@
                           :id="`${layer.id}_${index}`"
                           class="featurebox-body"
                         >
-                          <td :colspan="getColSpan(layer)">
+                          <td
+                            :colspan="getColSpan(layer)"
+                            :feature-html-content="`${layer.id}_${index}`"
+                          > <!-- @since v3.10.0  Reference to content of feature html response -->
                             <tabs
                               :fields="getQueryFields(layer, feature)"
                               :layerid="layer.id"
@@ -345,7 +348,10 @@
                         :id="`${layer.id}_${index}`"
                         class="featurebox-body"
                       >
-                        <td :colspan="getColSpan(layer)">
+                        <td
+                          :colspan="getColSpan(layer)"
+                          :feature-html-content="`${layer.id}_${index}`"
+                        ><!--@since v3.10.0  Reference to content of feature html response-->
                           <table class="feature_attributes">
                             <template v-for="attribute in layer.attributes.filter(attribute => attribute.show)">
                               <template v-if="isJSON(getLayerField({layer, feature, fieldName: attribute.name}))">
@@ -780,8 +786,7 @@
           this.toggleFeatureBox(layer, feature);
           await this.$nextTick();
         }
-        const container = this.getContainerFromFeatureLayer({layer, index});
-        await this.$options.queryResultsService.trigger(action.id, layer,feature, index, container);
+        await this.$options.queryResultsService.trigger(action.id, layer,feature, index, this.getContainerFromFeatureLayer({layer, index}));
       },
       showFullPhoto(url) {
         this.$options.queryResultsService.showFullPhoto(url);
@@ -802,22 +807,25 @@
     watch: {
       async 'state.layers'(layers) {
         layers.forEach(layer => {
-          if (layer.attributes.length <= MAX_SUBSET_LENGTH && !layer.hasImageField) layer.expandable = false;
-          layer.features.forEach(feature => {
-            this.getLayerFeatureBox(layer, feature);
-           if (feature.attributes.relations) {
-              const relations = feature.attributes.relations;
-              relations.forEach(relation => {
-                const boxid = `${layer.id}_${feature.id}_${relation.name}`;
-                const elements = relation.elements;
-                elements.forEach((element, index) => {
-                  this.state.layersFeaturesBoxes[boxid+index] = {
-                    collapsed: true
-                  };
-                });
-              })
-            }
-          })
+          if (layer.attributes.length <= MAX_SUBSET_LENGTH && !layer.hasImageField) {
+            layer.expandable = false;
+          }
+          layer.features
+            .forEach(feature => {
+              this.getLayerFeatureBox(layer, feature);
+              if (feature.attributes.relations) {
+                const relations = feature.attributes.relations;
+                relations.forEach(relation => {
+                  const boxid = `${layer.id}_${feature.id}_${relation.name}`;
+                  const elements = relation.elements;
+                  elements.forEach((element, index) => {
+                    this.state.layersFeaturesBoxes[boxid+index] = {
+                      collapsed: true
+                    };
+                  });
+                })
+              }
+            })
         });
 
         // check if is a single result layer and if it has one feature
diff --git a/src/components/QueryResultsActionDownloadFormats.vue b/src/components/QueryResultsActionDownloadFormats.vue
index 61dea86ca..a0c491cb4 100644
--- a/src/components/QueryResultsActionDownloadFormats.vue
+++ b/src/components/QueryResultsActionDownloadFormats.vue
@@ -68,7 +68,17 @@ export default {
     async download() {
       try {
         const download = this.config.downloads.find(action => action.format === this.download_format);
-        await download.cbk(this.layer, this.feature ? this.feature : this.layer.features, download, this.featureIndex);
+        await download.cbk(
+          this.layer,
+          this.feature
+            ? this.feature
+            : this.layer.features,
+          download,
+          this.featureIndex,
+          'pdf' === download.format
+           ? document.querySelector(`[feature-html-content="${this.layer.id}_${this.featureIndex}"]`).innerHTML
+           : null
+        );
       }
       catch(err) {
         console.warn(err);

From ecda23309f0184241c6d36391bf288be235c4474 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 30 Jan 2024 09:47:36 +0100
Subject: [PATCH 15/28] Clean code

---
 src/app/core/layers/map/maplayer.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/core/layers/map/maplayer.js b/src/app/core/layers/map/maplayer.js
index 6aa829354..3f7322efd 100644
--- a/src/app/core/layers/map/maplayer.js
+++ b/src/app/core/layers/map/maplayer.js
@@ -2,14 +2,14 @@ const { base, inherit } = require('utils');
 const G3WObject         = require('core/g3wobject');
 
 function MapLayer(config={}) {
-  this.config = config;
-  this.id = config.id;
-  this.iframe_internal = config.iframe_internal || false;
-  this.extent = config.extent;
-  this.projection = config.projection;
-  this.layer = null;
-  this.layers = config.layers || []; // store all enabled layers
-  this.allLayers = []; // store all layers
+  this.config                 = config;
+  this.id                     = config.id;
+  this.iframe_internal        = config.iframe_internal || false;
+  this.extent                 = config.extent;
+  this.projection             = config.projection;
+  this.layer                  = null;
+  this.layers                 = config.layers || []; // store all enabled layers
+  this.allLayers              = []; // store all layers
   this.showSpinnerWhenLoading = true;
   base(this);
 }
@@ -40,7 +40,7 @@ proto.checkLayersDisabled = function(resolution, mapUnits) {
   this.allLayers.forEach(layer => this.checkLayerDisabled(layer, resolution, mapUnits));
 };
 
-proto.setupCustomMapParamsToLegendUrl = function(params={}){
+proto.setupCustomMapParamsToLegendUrl = function(params={}) {
   //to owerwrite for each map layer subclass
 };
 

From 73ed3a0485e22e0a582304a15eb054bc0ec29045 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 30 Jan 2024 12:19:24 +0100
Subject: [PATCH 16/28] Clean code

---
 src/utils/XHR.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/utils/XHR.js b/src/utils/XHR.js
index f84783287..da0ada7e0 100644
--- a/src/utils/XHR.js
+++ b/src/utils/XHR.js
@@ -85,16 +85,14 @@ export const XHR = {
         httpMethod,
         data
       });
-      timeoutId = setTimeout(()=>{
+      timeoutId = setTimeout(() =>{
         reject('Timeout');
         downloadPromise.abort();
       }, TIMEOUT);
       downloadPromise
-        .done(()=>resolve())
-        .fail(()=> reject())
-        .always(()=>{
-          clearTimeout(timeoutId)
-        });
+        .done(resolve)
+        .fail(reject)
+        .always(() => clearTimeout(timeoutId));
     })
   },
 };
\ No newline at end of file

From 72c3d966c4a40983ea22a3f9e354e061b6099cd1 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 30 Jan 2024 12:20:11 +0100
Subject: [PATCH 17/28] Change pdf api url

---
 src/app/core/layers/layer.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/core/layers/layer.js b/src/app/core/layers/layer.js
index 959381123..7b0b4eeea 100644
--- a/src/app/core/layers/layer.js
+++ b/src/app/core/layers/layer.js
@@ -20,6 +20,8 @@ const deprecate             = require('util-deprecate');
 
 // Base Class of all Layer
 function Layer(config={}, options={}) {
+  //DEV CODE
+  //config.download_pdf = true;
 
   this.config = config;
 
@@ -62,7 +64,7 @@ function Layer(config={}, options={}) {
     this.config.urls.xls         = `${vectorUrl}xls/${suffixUrl}`;
     this.config.urls.gpx         = `${vectorUrl}gpx/${suffixUrl}`;
     this.config.urls.gpkg        = `${vectorUrl}gpkg/${suffixUrl}`;
-    this.config.urls.pdf         = `${vectorUrl}pdf/${suffixUrl}`; //@since 3.10.0
+    this.config.urls.pdf         = `/html2pdf/`; //@since 3.10.0
     this.config.urls.geotiff     = `${rasterUrl}geotiff/${suffixUrl}`;
     this.config.urls.editing     = `${vectorUrl}editing/${suffixUrl}`;
     this.config.urls.commit      = `${vectorUrl}commit/${suffixUrl}`;

From a76ba6f747bfdeacf3d1b7d9e3da5dd38f548611 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 30 Jan 2024 12:21:14 +0100
Subject: [PATCH 18/28] Chnage pdf POST parameter name to html

---
 src/app/gui/queryresults/queryresultsservice.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/gui/queryresults/queryresultsservice.js b/src/app/gui/queryresults/queryresultsservice.js
index a87c3c133..c31a66a90 100644
--- a/src/app/gui/queryresults/queryresultsservice.js
+++ b/src/app/gui/queryresults/queryresultsservice.js
@@ -1513,9 +1513,9 @@ class QueryResultsService extends G3WObject {
    * @param features
    * @param action
    * @param index
-   * @param feature_dom
+   * @param html
    */
-  async downloadFeatures(type, layer, features = [], action, index, feature_dom) {
+  async downloadFeatures(type, layer, features = [], action, index, html) {
 
     if (features && !Array.isArray(features)) {
       features = [features];
@@ -1526,9 +1526,9 @@ class QueryResultsService extends G3WObject {
       fids: features.map(f => f.attributes[G3W_FID]).join(',')
     };
 
-    //In case of pdf type need to add feature_dom html element
+    //In case of pdf type need to add html element
     if ('pdf' === type) {
-      data.dom = feature_dom;
+      data.html = html;
     }
 
     /**
@@ -2113,12 +2113,12 @@ class QueryResultsService extends G3WObject {
           format,
           class: GUI.getFontClass(format),
           hint: `sdk.tooltips.download_${format}`,
-          cbk: (layer, feature, action, index, feature_dom) => {
+          cbk: (layer, feature, action, index, html) => {
             // un-toggle downloads action
-            this.downloadFeatures(format, layer, feature, action, index, feature_dom);
+            this.downloadFeatures(format, layer, feature, action, index, html);
             if ('polygon' !== this.state.query.type) {
               const downloadsaction = this.state.layersactions[layer.id].find(action => 'downloads' === action.id);
-              downloadsaction.cbk(layer, feature, downloadsaction, index);
+              downloadsaction.cbk(layer, feature, downloadsaction, index, html);
             }
           }
         });

From 28f4f5ec1df78316118cae72a4ee1adcbd881ee6 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Wed, 31 Jan 2024 11:35:29 +0100
Subject: [PATCH 19/28] DEV: Force download_pdf config layer to true. Fox
 Development only purpose

---
 src/app/core/layers/layer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/core/layers/layer.js b/src/app/core/layers/layer.js
index 7b0b4eeea..ce056cfa1 100644
--- a/src/app/core/layers/layer.js
+++ b/src/app/core/layers/layer.js
@@ -21,7 +21,7 @@ const deprecate             = require('util-deprecate');
 // Base Class of all Layer
 function Layer(config={}, options={}) {
   //DEV CODE
-  //config.download_pdf = true;
+  config.download_pdf = true;
 
   this.config = config;
 

From 404382e2a42d2d9cc7521a15904a74d5c29bbc8b Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 6 May 2024 12:16:51 +0200
Subject: [PATCH 20/28] Fix delete feature-html-content attr after merging with
 dev brach

---
 src/components/QueryResults.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/QueryResults.vue b/src/components/QueryResults.vue
index ba935da93..2f8df3552 100644
--- a/src/components/QueryResults.vue
+++ b/src/components/QueryResults.vue
@@ -273,13 +273,13 @@
                           </td>
                         </tr>
                         <tr
-                          v-show="!collapsedFeatureBox(layer,feature) || hasOneLayerAndOneFeature(layer)"
-                          :id   = "`${layer.id}_${index}`"
-                          class = "featurebox-body"
+                          v-show = "!collapsedFeatureBox(layer,feature) || hasOneLayerAndOneFeature(layer)"
+                          :id    = "`${layer.id}_${index}`"
+                          class  = "featurebox-body"
                         >
                           <td
-                            :colspan="getColSpan(layer)"
-                            :feature-html-content="`${layer.id}_${index}`"
+                            :colspan              = "getColSpan(layer)"
+                            :feature-html-content = "`${layer.id}_${index}`"
                           > <!-- @since v3.10.0  Reference to content of feature html response -->
                             <tabs
                               :fields  = "getQueryFields(layer, feature)"
@@ -383,7 +383,10 @@
                         :id    = "`${layer.id}_${index}`"
                         class  = "featurebox-body"
                       >
-                        <td :colspan="getColSpan(layer)">
+                        <td
+                          :colspan              = "getColSpan(layer)"
+                          :feature-html-content = "`${layer.id}_${index}`"
+                        ><!--@since v3.10.0  Reference to content of feature html response-->
                           <table class="feature_attributes">
                             <template v-for="attribute in layer.attributes.filter(attribute => attribute.show)">
                               <template v-if="isJSON(getLayerField({layer, feature, fieldName: attribute.name}))">

From 30595a8f1b8b4766a68d9b8e331ecc279426d44a Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 6 May 2024 14:35:30 +0200
Subject: [PATCH 21/28] Remove DEV code

---
 src/app/core/layers/layer.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/app/core/layers/layer.js b/src/app/core/layers/layer.js
index 3c5c6e5b0..11e8808bc 100644
--- a/src/app/core/layers/layer.js
+++ b/src/app/core/layers/layer.js
@@ -20,11 +20,8 @@ const deprecate             = require('util-deprecate');
 
 // Base Class of all Layer
 function Layer(config={}, options={}) {
-  //DEV CODE
-  config.download_pdf = true;
 
   this.config = config;
-
   // assign some attribute
   config.id        = config.id || 'Layer';
   config.title     = config.title || config.name;

From 3e39f4c3fff836d46f842398bb336111be6f2dfe Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 13 May 2024 12:43:50 +0200
Subject: [PATCH 22/28] Clean code - spaces

---
 src/app/core/layers/mixins/download.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/core/layers/mixins/download.js b/src/app/core/layers/mixins/download.js
index c5a6890ff..6230c7aef 100644
--- a/src/app/core/layers/mixins/download.js
+++ b/src/app/core/layers/mixins/download.js
@@ -18,11 +18,11 @@ export default {
   }) {
     data.filtertoken = this.getFilterToken();
     switch (type) {
-      case 'shapefile': return this.getShp({data, options});
-      case 'xls':       return this.getXls({data, options});
-      case 'csv':       return this.getCsv({data, options});
-      case 'gpx':       return this.getGpx({data, options});
-      case 'gpkg':      return this.getGpkg({data, options});
+      case 'shapefile': return this.getShp({ data, options });
+      case 'xls':       return this.getXls({ data, options });
+      case 'csv':       return this.getCsv({ data, options });
+      case 'gpx':       return this.getGpx({ data, options });
+      case 'gpkg':      return this.getGpkg({ data, options });
       case 'geotiff':   return this.getGeoTIFF({ data, options });
       case 'pdf':       return this.getPdf({ data, options });
     }
@@ -112,7 +112,7 @@ export default {
     })
   },
   /**
-   * Get csv layer format
+   * Get pdf layer format
    * 
    * @param data
    * 

From 5c55c44690193f00af817650815e8f45a0e316a8 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 13 May 2024 14:51:56 +0200
Subject: [PATCH 23/28] Add parameter for POST method request

---
 src/utils/downloadFile.js | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/utils/downloadFile.js b/src/utils/downloadFile.js
index 127f49299..3c2f0ea10 100644
--- a/src/utils/downloadFile.js
+++ b/src/utils/downloadFile.js
@@ -1,4 +1,20 @@
-/** 
+/**
+ *
+ * @param blob
+ * @param filename
+ * @param mime_type
+ * @private
+ */
+function _download(blob, filename, mime_type) {
+  let a = document.createElement('a');
+  a.setAttribute('href', window.URL.createObjectURL(blob));
+  a.setAttribute('download', filename);
+  a.dataset.downloadurl = [mime_type, a.download, a.href].join(':');
+  a.click();
+  a = null;
+}
+
+/**
  * @param { Object } file
  * @param { string } file.filename
  * @param file.content
@@ -11,6 +27,9 @@ export async function downloadFile({
   filename,
   content,
   url,
+  headers = {},   // @since v3.10.0
+  method = 'GET', // @since v3.10.0
+  data,           //@since v3.10.0
   mime_type = 'text/plain',
 } = {}) {
 
@@ -23,7 +42,7 @@ export async function downloadFile({
   }
 
   if (url) {
-    const d = await fetch(url);
+    const d = await fetch(url, { type: mime_type, headers, body: data, method });
     if (400 === d.status || 500 === d.status) {
       throw (await d.json()).message;
     }
@@ -41,12 +60,3 @@ export async function downloadFile({
   }
 
 }
-
-function _download(blob, filename, mime_type) {
-  let a = document.createElement('a');
-  a.setAttribute('href', window.URL.createObjectURL(blob));
-  a.setAttribute('download', filename);
-  a.dataset.downloadurl = [mime_type, a.download, a.href].join(':');
-  a.click();
-  a = null;
-}
\ No newline at end of file

From 8ca79bc86dc68983ed958ec56c4f832b3d1a81b5 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Mon, 13 May 2024 14:53:27 +0200
Subject: [PATCH 24/28] Use downloadFile utils intead $.fileDownload jquery
 plugin to download PDF. It down't work well with PDF promise resolve

---
 src/app/core/layers/mixins/download.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/core/layers/mixins/download.js b/src/app/core/layers/mixins/download.js
index 6230c7aef..12e0563b7 100644
--- a/src/app/core/layers/mixins/download.js
+++ b/src/app/core/layers/mixins/download.js
@@ -5,6 +5,8 @@
  * @since 3.9.0
  */
 import { DOWNLOAD_FORMATS } from 'app/constant';
+import { downloadFile }     from "utils/downloadFile";
+
 const { XHR }               = require('utils');
 
 export default {
@@ -122,10 +124,14 @@ export default {
    */
   getPdf({ data = {} } = {}) {
     data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
+    return downloadFile({
       url: this.getUrl('pdf'),
-      data,
-      httpMethod: "POST"
+      headers: {
+        'Content-Type': 'application/json; charset=utf-8'
+      },
+      data: JSON.stringify(data),
+      mime_type: 'application/pdf',
+      method: 'POST'
     })
   },
 

From bb7a36522f8bf7a40ace8216db659fdbb6b05759 Mon Sep 17 00:00:00 2001
From: Raruto <Raruto@users.noreply.github.com>
Date: Tue, 14 May 2024 09:50:57 +0200
Subject: [PATCH 25/28] simplify `layer.config` and
 `getDownloadFilefromDownloadDataType`

---
 src/app/core/layers/layer.js           | 196 ++++++++-----------------
 src/app/core/layers/mixins/download.js |  99 +++----------
 src/components/Relation.vue            |   2 +-
 3 files changed, 84 insertions(+), 213 deletions(-)

diff --git a/src/app/core/layers/layer.js b/src/app/core/layers/layer.js
index 48e8a4c05..cf47f13da 100644
--- a/src/app/core/layers/layer.js
+++ b/src/app/core/layers/layer.js
@@ -21,180 +21,104 @@ const deprecate             = require('util-deprecate');
 // Base Class of all Layer
 function Layer(config={}, options={}) {
 
-  this.config = config;
-  // assign some attribute
-  config.id        = config.id || 'Layer';
-  config.title     = config.title || config.name;
-  config.download  = !!config.download;
-  config.geolayer  = false;
-  config.baselayer = !!config.baselayer;
-  config.fields    = config.fields || {};
-  config.urls      = {
-    query: (config.infourl && '' !== config.infourl ? config.infourl : config.wmsUrl),
-    ...(config.urls || {})
-  };
-
   //get current project object
-  const {
-    project = ProjectsRegistry.getCurrentProject()
-  } = options;
-
-  /** @deprecated since 3.10.0. Will be removed in v.4.x. */
-  this.config.search_endpoint = 'api';
+  const project   = options.project || ProjectsRegistry.getCurrentProject();
+  const suffixUrl = config.baselayer ? '' : `${project.getType()}/${project.getId()}/${config.id}/`;
+  const vectorUrl = config.baselayer ? '' : project.getVectorUrl();
+  const rasterUrl = config.baselayer ? '' : project.getRasterUrl();
+
+  // assign some attributes
+
+  this.config = Object.assign(config, {
+    id:        config.id || 'Layer',
+    title:     config.title || config.name,
+    download:  !!config.download,
+    geolayer:  false,
+    baselayer: !!config.baselayer,
+    fields:    config.fields || {},
+    // URLs to get various type of data
+    urls:      {
+      query: config.infourl || config.wmsUrl,
+      ...(config.urls || {}),
+      ...(config.baselayer ? {} : {
+          filtertoken: `${vectorUrl}filtertoken/${suffixUrl}`,
+          data:        `${vectorUrl}data/${suffixUrl}`,
+          shp:         `${vectorUrl}shp/${suffixUrl}`,
+          csv:         `${vectorUrl}csv/${suffixUrl}`,
+          xls:         `${vectorUrl}xls/${suffixUrl}`,
+          gpx:         `${vectorUrl}gpx/${suffixUrl}`,
+          gpkg:        `${vectorUrl}gpkg/${suffixUrl}`,
+          geotiff:     `${rasterUrl}geotiff/${suffixUrl}`,
+          editing:     `${vectorUrl}editing/${suffixUrl}`,
+          commit:      `${vectorUrl}commit/${suffixUrl}`,
+          config:      `${vectorUrl}config/${suffixUrl}`,
+          unlock:      `${vectorUrl}unlock/${suffixUrl}`,
+          widget:      {
+            unique: `${vectorUrl}widget/unique/data/${suffixUrl}`
+          },
+          /** @since 3.8.0 */
+          featurecount: project.getUrl('featurecount'),
+          /** @since 3.10.0 */
+          pdf:         `/html2pdf/`,
+        })
+    },
+    /** Custom parameters based on a project qgis version */
+    ...(config.baselayer ? {} : { searchParams: { I: 0, J: 0 } }),
+    /** @deprecated since 3.10.0. Will be removed in v.4.x. */
+    search_endpoint: 'api',
+  });
 
   // create relations
   this._relations = this._createRelations(project.getRelations());
 
-  // set URLs to get varios type of data
-  if (!this.isBaseLayer()) {
-    //suffix url
-    const suffixUrl = `${project.getType()}/${project.getId()}/${config.id}/`;
-    //get vector url
-    const vectorUrl = project.getVectorUrl();
-    //get raster url
-    const rasterUrl = project.getRasterUrl();
-
-    this.config.urls.filtertoken = `${vectorUrl}filtertoken/${suffixUrl}`;
-    this.config.urls.data        = `${vectorUrl}data/${suffixUrl}`;
-    this.config.urls.shp         = `${vectorUrl}shp/${suffixUrl}`;
-    this.config.urls.csv         = `${vectorUrl}csv/${suffixUrl}`;
-    this.config.urls.xls         = `${vectorUrl}xls/${suffixUrl}`;
-    this.config.urls.gpx         = `${vectorUrl}gpx/${suffixUrl}`;
-    this.config.urls.gpkg        = `${vectorUrl}gpkg/${suffixUrl}`;
-    this.config.urls.pdf         = `/html2pdf/`; //@since 3.10.0
-    this.config.urls.geotiff     = `${rasterUrl}geotiff/${suffixUrl}`;
-    this.config.urls.editing     = `${vectorUrl}editing/${suffixUrl}`;
-    this.config.urls.commit      = `${vectorUrl}commit/${suffixUrl}`;
-    this.config.urls.config      = `${vectorUrl}config/${suffixUrl}`;
-    this.config.urls.unlock      = `${vectorUrl}unlock/${suffixUrl}`;
-    this.config.urls.widget      = {
-      unique: `${vectorUrl}widget/unique/data/${suffixUrl}`
-    };
-
-    /**
-     * Store feature count url to get features count of a layer
-     *
-     * @since 3.8.0
-     */
-    this.config.urls.featurecount = project.getUrl('featurecount');
-    
-    /**
-     * Custom parameters based on a project qgis version
-     */
-    this.config.searchParams = { I: 0, J: 0 };
-  }
-
   // dinamic layer values useful for layerstree
-  const defaultstyle = config.styles && config.styles.find(style => style.current).name;
+  const defaultstyle = config.styles && config.styles.find(s => s.current).name;
 
   /**
    * @TODO make it simpler, `this.config` and `this.state` are essentially duplicated data
    */
   this.state = {
-
     id:                 config.id,
-
     title:              config.title,
-
     selected:           config.selected || false,
-
     disabled:           config.disabled || false,
-
     metadata:           config.metadata,
-
     metadata_querable:  this.isBaseLayer() ? false: this.isQueryable({onMap:false}),
-
     openattributetable: this.isBaseLayer() ? false: this.canShowTable(),
-
     removable:          config.removable || false,
-
     downloadable:       this.isDownloadable(),
-
     source:             config.source,
-
     styles:             config.styles,
-
     defaultstyle,
-
-    /**
-     * state of if is in editing (setted by editing plugin)
-     */
-    inediting:          false,
-
     infoformat:         this.getInfoFormat(),
-
     infoformats:        this.config.infoformats || [],
-
     projectLayer:       true,
-
     geolayer:           false,
-
-    /**
-     * Reactive selection attribute 
-     */
+    attributetable:     { pageLength: null },
+    visible:            config.visible || false,
+    tochighlightable:   false,
+    /** state of if is in editing (setted by editing plugin) */
+    inediting:          false,
+    /** Reactive selection attribute */
     selection:          { active: false },
-
-    /**
-     * Reactive filter attribute 
-     */
+    /** Reactive filter attribute */
     filter: {
       active:  false,
-
-      /**
-       * @since 3.9.0 whether filter is set from a previously saved filter
-       */
+      /** @since 3.9.0 whether filter is set from a previously saved filter */
       current: null,
     },
-
-    /**
-     * @type { Array<{{ id: string, name: string }}> } array of saved filters
-     *
-     * @since 3.9.0
-     */
+    /** @type { Array<{{ id: string, name: string }}> } since 3.9.0 - array of saved filters */
     filters:            config.filters || [],
-
-    attributetable:     { pageLength: null },
-
-
-    visible:            config.visible || false,
-
-    tochighlightable:   false,
-
-    /**
-     * @type {number}
-     * 
-     * @since 3.8.0
-     */
+    /** @type {number} since 3.8.0 */
     featurecount:       config.featurecount,
-
-    /**
-     * @type { boolean | Object<number, number> }
-     * 
-     * @since 3.8.0
-     */
+    /** @type { boolean | Object<number, number> } since 3.8.0 */
     stylesfeaturecount: config.featurecount && defaultstyle && { [defaultstyle]: config.featurecount },
-
-    /**
-     * @type { string }
-     * 
-     * @since 3.10.0
-     */
+    /** @type { string } since 3.10.0 */
     name:               config.name,
-
-    /**
-     * @type { boolean }
-     * 
-     * @since 3.10.0
-     */
+    /** @type { boolean } since 3.10.0 */
     expanded:           config.expanded,
-
-    /**
-     * @type { boolean } whether to show layer on TOC (default: true)
-     * 
-     * @since 3.10.0
-     */
+    /** @type { boolean } since 3.10.0 - whether to show layer on TOC (default: true) */
     toc:                'boolean' === typeof config.toc ? config.toc: true,
-
   };
 
   /**
diff --git a/src/app/core/layers/mixins/download.js b/src/app/core/layers/mixins/download.js
index 12e0563b7..d4b63dd7f 100644
--- a/src/app/core/layers/mixins/download.js
+++ b/src/app/core/layers/mixins/download.js
@@ -14,20 +14,24 @@ export default {
   /** 
    * @returns promise
    */
-  getDownloadFilefromDownloadDataType(type, {
-    data = {},
-    options,
-  }) {
+  getDownloadFilefromDownloadDataType(type, { data = {} }) {
     data.filtertoken = this.getFilterToken();
-    switch (type) {
-      case 'shapefile': return this.getShp({ data, options });
-      case 'xls':       return this.getXls({ data, options });
-      case 'csv':       return this.getCsv({ data, options });
-      case 'gpx':       return this.getGpx({ data, options });
-      case 'gpkg':      return this.getGpkg({ data, options });
-      case 'geotiff':   return this.getGeoTIFF({ data, options });
-      case 'pdf':       return this.getPdf({ data, options });
+
+    if ('pdf' === type) {
+      return downloadFile({
+        url: this.getUrl('pdf'),
+        headers: { 'Content-Type': 'application/json; charset=utf-8' },
+        data: JSON.stringify(data),
+        mime_type: 'application/pdf',
+        method: 'POST'
+      });
     }
+
+    return XHR.fileDownload({
+      url: this.getUrl('shapefile' === type ? 'shp' : type),
+      data,
+      httpMethod: "POST"
+    });
   },
 
   /**
@@ -36,12 +40,7 @@ export default {
    * @returns {Promise | Promise<unknown>}
    */
   getGeoTIFF({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
-      url: this.getUrl('geotiff'),
-      data,
-      httpMethod: "POST"
-    })
+    return this.getDownloadFilefromDownloadDataType('geotiff', { data });
   },
 
   /**
@@ -50,12 +49,7 @@ export default {
    * @returns {Promise | Promise<unknown>}
    */
   getXls({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
-      url: this.getUrl('xls'),
-      data,
-      httpMethod: "POST"
-    })
+    return this.getDownloadFilefromDownloadDataType('xls', { data });
   },
 
   /**
@@ -64,12 +58,7 @@ export default {
    * @returns {Promise | Promise<unknown>}
    */
   getShp({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
-      url: this.getUrl('shp'),
-      data,
-      httpMethod: "POST"
-    })
+    return this.getDownloadFilefromDownloadDataType('shapefile', { data });
   },
 
   /**
@@ -78,12 +67,7 @@ export default {
    * @returns {Promise | Promise<unknown>}
    */
   getGpx({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
-      url: this.getUrl('gpx'),
-      data,
-      httpMethod: "POST"
-    })
+    return this.getDownloadFilefromDownloadDataType('gpx', { data });
   },
 
   /**
@@ -92,12 +76,7 @@ export default {
    * @returns {Promise | Promise<unknown>}
    */
   getGpkg({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
-      url: this.getUrl('gpkg'),
-      data,
-      httpMethod: "POST"
-    })
+    return this.getDownloadFilefromDownloadDataType('gpkg', { data });
   },
 
   /**
@@ -106,33 +85,7 @@ export default {
    * @returns {Promise | Promise<unknown>}
    */
   getCsv({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return XHR.fileDownload({
-      url: this.getUrl('csv'),
-      data,
-      httpMethod: "POST"
-    })
-  },
-  /**
-   * Get pdf layer format
-   * 
-   * @param data
-   * 
-   * @returns {Promise | Promise<unknown>}
-   * 
-   * @since 3.10.0
-   */
-  getPdf({ data = {} } = {}) {
-    data.filtertoken = this.getFilterToken();
-    return downloadFile({
-      url: this.getUrl('pdf'),
-      headers: {
-        'Content-Type': 'application/json; charset=utf-8'
-      },
-      data: JSON.stringify(data),
-      mime_type: 'application/pdf',
-      method: 'POST'
-    })
+    return this.getDownloadFilefromDownloadDataType('csv', { data });
   },
 
   /**
@@ -140,13 +93,7 @@ export default {
    * @returns {*}
    */
   isDownloadable() {
-    return (
-      this.isShpDownlodable()  ||
-      this.isXlsDownlodable()  ||
-      this.isGpxDownlodable()  ||
-      this.isGpkgDownlodable() ||
-      this.isCsvDownlodable()
-    );
+    return !!(this.getDownloadableFormats().length);
   },
 
   /**
diff --git a/src/components/Relation.vue b/src/components/Relation.vue
index 3a56f8194..0b1ca9c38 100644
--- a/src/components/Relation.vue
+++ b/src/components/Relation.vue
@@ -296,7 +296,7 @@ export default {
       // layer.isGeolayer() may return true, but QGIS project is not set to return geometry on response
       this.isGeoLayer = undefined !== this.table.features.find(f => f.geometry);
 
-      const downloadformats       = layer.isDownloadable() ? layer.getDownloadableFormats() : [];
+      const downloadformats = layer.getDownloadableFormats();
 
       /** @FIXME add description */
       if (downloadformats.length > 0) {

From 2011be46eae33c6f61db7e920d8e7a8e3ffe307d Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 14 May 2024 12:15:50 +0200
Subject: [PATCH 26/28] Clean code - Spaces

---
 src/components/QueryResults.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/QueryResults.vue b/src/components/QueryResults.vue
index e30a22525..fd854eb1d 100644
--- a/src/components/QueryResults.vue
+++ b/src/components/QueryResults.vue
@@ -89,18 +89,18 @@
                       </span>
                     </template>
                     <template v-else-if="layer.downloads.length > 1">
-                    <span
-                      class                   = "action-button"
-                      :class                  = "{'toggled': layer.downloadformats.active}"
-                      v-t-tooltip:left.create = "'Downloads'"
-                      v-download
-                    >
                       <span
-                        class       = "action-button-icon"
-                        :class      = "g3wtemplate.getFontClass('download')"
-                        @click.stop = "showLayerDownloadFormats(layer)"
-                      ></span>
-                    </span>
+                        class                   = "action-button"
+                        :class                  = "{'toggled': layer.downloadformats.active}"
+                        v-t-tooltip:left.create = "'Downloads'"
+                        v-download
+                      >
+                        <span
+                          class       = "action-button-icon"
+                          :class      = "g3wtemplate.getFontClass('download')"
+                          @click.stop = "showLayerDownloadFormats(layer)"
+                        ></span>
+                      </span>
                     </template>
                     <!--        END DOWNLOAD        -->
                   </template>

From 900ec211aafad8bc483e8c0ebb88da385c00b956 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 14 May 2024 12:16:51 +0200
Subject: [PATCH 27/28] :bug: download pdf format in case of single format

---
 src/app/gui/queryresults/queryresultsservice.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/gui/queryresults/queryresultsservice.js b/src/app/gui/queryresults/queryresultsservice.js
index 6ae4f4686..7838d6ad1 100644
--- a/src/app/gui/queryresults/queryresultsservice.js
+++ b/src/app/gui/queryresults/queryresultsservice.js
@@ -2084,10 +2084,10 @@ class QueryResultsService extends G3WObject {
         state: this.createActionState({layer}),
         class: GUI.getFontClass('download'),
         hint: `sdk.tooltips.download_${format}`,
-        cbk: (layer, feature, action, index) => {
+        cbk: (layer, feature, action, index, container) => {
           action.state.toggled[index] = !action.state.toggled[index];
           if (action.state.toggled[index]) {
-            cbk(layer, feature, action, index);
+            cbk(layer, feature, action, index, ('pdf' === format ? container[0].innerHTML : null));
           } else {
             this.setCurrentActionLayerFeatureTool({ index, action, layer })
           }

From 471b75fe2f2a9bef984a9492f6fda777167e11b0 Mon Sep 17 00:00:00 2001
From: volterra79 <boccacci.francesco@gmail.com>
Date: Tue, 14 May 2024 14:39:09 +0200
Subject: [PATCH 28/28] Filter pdf format from layer.downloads format array.

---
 src/components/QueryResults.vue | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/QueryResults.vue b/src/components/QueryResults.vue
index fd854eb1d..956582679 100644
--- a/src/components/QueryResults.vue
+++ b/src/components/QueryResults.vue
@@ -74,21 +74,21 @@
                       </span>
                     </span>
                     <!--        DOWNLOAD        -->
-                    <template v-if="1 === layer.downloads.length">
+                    <template v-if="1 === getLayerDownloads(layer.downloads).length ">
                       <span
                         class                   = "action-button"
-                        :class                  = "{'toggled': layer[layer.downloads[0]].active}"
+                        :class                  = "{'toggled': layer.downloadformats.active}"
                         v-t-tooltip:left.create = "`sdk.mapcontrols.query.actions.download_features_${layer.downloads[0]}.hint`"
                         v-download
                       >
                         <span
                           class       = "action-button-icon"
                           :class      = "g3wtemplate.getFontClass('download')"
-                          @click.stop = "saveLayerResult(layer, layer.downloads[0])"
+                          @click.stop = "saveLayerResult(layer, getLayerDownloads(layer.downloads)[0])"
                         ></span>
                       </span>
                     </template>
-                    <template v-else-if="layer.downloads.length > 1">
+                    <template v-else-if="getLayerDownloads(layer.downloads).length > 1">
                       <span
                         class                   = "action-button"
                         :class                  = "{'toggled': layer.downloadformats.active}"
@@ -491,7 +491,7 @@
     mixins: [fieldsMixin],
     components: {
       TableAttributeFieldValue,
-      'infoformats': InfoFormats,
+      'infoformats':         InfoFormats,
       'header-feature-body': HeaderFeatureBody,
       HeaderFeatureActionsBody
     },
@@ -560,7 +560,7 @@
        *
        * return {Array} return array of download formats enable of layer features
        */
-      getLayerDownloads(downloads=[]) {
+      getLayerDownloads(downloads = []) {
         return downloads.filter(d => 'pdf' !== d);
       },
 
@@ -571,7 +571,7 @@
        * 
        * @since 3.9.1
        */
-      showLayer(layer){
+      showLayer(layer) {
         return (
           layer.show &&                                                      // check if is set show
           (
@@ -589,7 +589,7 @@
        * @param position
        * @returns {*}
        */
-      getLayerCustomComponents(layerId, type = 'feature', position = 'after'){
+      getLayerCustomComponents(layerId, type = 'feature', position = 'after') {
         return this.state.layerscustomcomponents[layerId]
           && this.state.layerscustomcomponents[layerId][type]
           && this.state.layerscustomcomponents[layerId][type][position]
@@ -606,7 +606,7 @@
       getQueryFields(layer, feature) {
         const fields = [];
         for (const field of layer.formStructure.fields) {
-          const _field = {...field};
+          const _field = { ...field };
           _field.query = true;
           _field.value = feature.attributes[field.name];
           _field.input = {
@@ -626,8 +626,7 @@
         this.$options.service.addLayerFeaturesToResultsAction(layer);
       },
       showDownloadAction(evt) {
-        const display = evt.target.children[0].style.display;
-        evt.target.children[0].style.display = display === 'none' ? 'inline-block' : 'none';
+        evt.target.children[0].style.display = evt.target.children[0].style.display === 'none' ? 'inline-block' : 'none';
       },
       printAtlas(layer) {
         this.$options.service.printAtlas(layer);
@@ -636,7 +635,7 @@
         this.$options.service.showLayerDownloadFormats(layer)
       },
       saveLayerResult(layer, type="csv") {
-        this.$options.service.saveLayerResult({layer, type});
+        this.$options.service.saveLayerResult({ layer, type });
       },
       hasLayerOneFeature(layer) {
         return layer.features.length === 1;
@@ -771,14 +770,14 @@
       },
       getLayerFeatureBox(layer, feature, relation_index) {
         const boxid = this.getBoxId(layer, feature, relation_index);
-        if (this.state.layersFeaturesBoxes[boxid] === undefined) {
+        if (undefined === this.state.layersFeaturesBoxes[boxid] ) {
           this.state.layersFeaturesBoxes[boxid] = Vue.observable({
             collapsed: true
           });
           this.$watch(
             () => this.state.layersFeaturesBoxes[boxid].collapsed,
             collapsed => {
-              const index = layer.features.findIndex(_feature => feature.id === _feature.id);
+              const index     = layer.features.findIndex(_feature => feature.id === _feature.id);
               const container = this.getContainerFromFeatureLayer({ layer, index });
               this.$options.service.openCloseFeatureResult({ open:!collapsed, layer, feature, container })
             }
@@ -815,7 +814,7 @@
         if (!this.hasLayerOneFeature(layer)) { this.toggleFeatureBox(layer, feature, relation_index) }
       },
       async trigger(action,layer,feature, index) {
-        if (action.opened && $(`#${layer.id}_${index}`).css('display') === 'none') {
+        if (action.opened && 'none' === $(`#${layer.id}_${index}`).css('display')) {
           this.toggleFeatureBox(layer, feature);
           await this.$nextTick();
         }
@@ -868,7 +867,9 @@
         await this.$nextTick();
       },
       onelayerresult(bool) {
-        bool && this.$options.service.highlightFeaturesPermanently(this.state.layers[0]);
+        if (bool) {
+          this.$options.service.highlightFeaturesPermanently(this.state.layers[0]);
+        }
       }
     },
     created() {