diff --git a/front/salix/components/index.js b/front/salix/components/index.js
index 38b0d0e1f..e843f2f5e 100644
--- a/front/salix/components/index.js
+++ b/front/salix/components/index.js
@@ -15,6 +15,7 @@ import './module-card';
 import './module-main';
 import './side-menu/side-menu';
 import './section';
+import './section-dms';
 import './summary';
 import './topbar/topbar';
 import './user-popover';
diff --git a/front/salix/components/section-dms/index.js b/front/salix/components/section-dms/index.js
new file mode 100644
index 000000000..ae7d496cd
--- /dev/null
+++ b/front/salix/components/section-dms/index.js
@@ -0,0 +1,24 @@
+import ngModule from '../../module';
+import Component from 'core/lib/component';
+import './style.scss';
+
+export default class SectionDms extends Component {
+    getAllowedContentTypes() {
+        return this.$http.get('DmsContainers/allowedContentTypes').then(res => {
+            const contentTypes = res.data.join(', ');
+            this.allowedContentTypes = contentTypes;
+            return contentTypes;
+        });
+    }
+
+    getDms(dmsId) {
+        return this.$http.get(`Dms/${dmsId}`).then(res => res);
+    }
+    getDmsTypes(params) {
+        return this.$http.get('DmsTypes/findOne', params).then(res => res);
+    }
+}
+
+ngModule.vnComponent('vnSectionDms', {
+    controller: SectionDms
+});
diff --git a/front/salix/components/section-dms/style.scss b/front/salix/components/section-dms/style.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/modules/client/front/dms/create/index.js b/modules/client/front/dms/create/index.js
index 461d0aa36..ec8837981 100644
--- a/modules/client/front/dms/create/index.js
+++ b/modules/client/front/dms/create/index.js
@@ -1,8 +1,8 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     constructor($element, $) {
         super($element, $);
         this.dms = {
@@ -20,46 +20,36 @@ class Controller extends Section {
         this._client = value;
 
         if (value) {
-            this.setDefaultParams();
-            this.getAllowedContentTypes();
+            const params = {filter: {
+                where: {code: 'paymentsLaw'}
+            }};
+            this.getDmsTypes(params).then(res => this.handleDefaultParams(res));
+            this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
         });
     }
 
-    setDefaultParams() {
-        const params = {filter: {
-            where: {code: 'paymentsLaw'}
-        }};
-        this.$http.get('DmsTypes/findOne', {params}).then(res => {
-            const dmsType = res.data && res.data;
-            const companyId = this.vnConfig.companyFk;
-            const warehouseId = this.vnConfig.warehouseFk;
-            const defaultParams = {
-                reference: this.client.id,
-                warehouseId: warehouseId,
-                companyId: companyId,
-                dmsTypeId: dmsType.id,
-                description: this.$t('ClientFileDescription', {
-                    dmsTypeName: dmsType.name,
-                    clientId: this.client.id,
-                    clientName: this.client.name
-                }).toUpperCase()
-            };
+    handleDefaultParams({data: dmsType}) {
+        const companyId = this.vnConfig.companyFk;
+        const warehouseId = this.vnConfig.warehouseFk;
+        const defaultParams = {
+            reference: this.client.id,
+            warehouseId: warehouseId,
+            companyId: companyId,
+            dmsTypeId: dmsType.id,
+            description: this.$t('ClientFileDescription', {
+                dmsTypeName: dmsType.name,
+                clientId: this.client.id,
+                clientName: this.client.name
+            }).toUpperCase()
+        };
 
-            this.dms = Object.assign(this.dms, defaultParams);
-        });
+        this.dms = Object.assign(this.dms, defaultParams);
     }
 
     onSubmit() {
diff --git a/modules/client/front/dms/edit/index.js b/modules/client/front/dms/edit/index.js
index 8765eeff2..36c1a9672 100644
--- a/modules/client/front/dms/edit/index.js
+++ b/modules/client/front/dms/edit/index.js
@@ -1,8 +1,8 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     get client() {
         return this._client;
     }
@@ -11,39 +11,28 @@ class Controller extends Section {
         this._client = value;
 
         if (value) {
-            this.setDefaultParams();
-            this.getAllowedContentTypes();
+            this.getDms(this.$params.dmsId).then(handleDefaultParams);
+            this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
         });
     }
 
-    setDefaultParams() {
-        const path = `Dms/${this.$params.dmsId}`;
-        this.$http.get(path).then(res => {
-            const dms = res.data && res.data;
-            this.dms = {
-                reference: dms.reference,
-                warehouseId: dms.warehouseFk,
-                companyId: dms.companyFk,
-                dmsTypeId: dms.dmsTypeFk,
-                description: dms.description,
-                hasFile: dms.hasFile,
-                hasFileAttached: false,
-                files: []
-            };
-        });
+    handleDefaultParams({data: dms}) {
+        this.dms = {
+            reference: dms.reference,
+            warehouseId: dms.warehouseFk,
+            companyId: dms.companyFk,
+            dmsTypeId: dms.dmsTypeFk,
+            description: dms.description,
+            hasFile: dms.hasFile,
+            hasFileAttached: false,
+            files: []
+        };
     }
 
     onSubmit() {
diff --git a/modules/invoiceIn/front/basic-data/index.js b/modules/invoiceIn/front/basic-data/index.js
index 246f1b16f..797fda59d 100644
--- a/modules/invoiceIn/front/basic-data/index.js
+++ b/modules/invoiceIn/front/basic-data/index.js
@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 import UserError from 'core/lib/user-error';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     constructor($element, $, vnFile) {
         super($element, $, vnFile);
         this.dms = {
@@ -11,7 +11,7 @@ class Controller extends Section {
             hasFileAttached: false
         };
         this.vnFile = vnFile;
-        this.getAllowedContentTypes();
+        this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
         this._editDownloadDisabled = false;
     }
 
@@ -53,15 +53,6 @@ class Controller extends Section {
         });
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            if (res.data.length > 0) {
-                const contentTypes = res.data.join(', ');
-                this.allowedContentTypes = contentTypes;
-            }
-        });
-    }
-
     openEditDialog(dmsId) {
         this.getFile(dmsId).then(() => this.$.dmsEditDialog.show());
     }
diff --git a/modules/route/front/agency-term/createInvoiceIn/index.js b/modules/route/front/agency-term/createInvoiceIn/index.js
index 0198ab80f..5e54f7929 100644
--- a/modules/route/front/agency-term/createInvoiceIn/index.js
+++ b/modules/route/front/agency-term/createInvoiceIn/index.js
@@ -1,9 +1,9 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 import './style.scss';
 import UserError from 'core/lib/user-error';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     constructor($element, $) {
         super($element, $);
         this.dms = {
@@ -19,9 +19,11 @@ class Controller extends Section {
 
     set route(value) {
         this._route = value;
-
-        this.setDefaultParams();
-        this.getAllowedContentTypes();
+        const params = {filter: {
+            where: {code: 'invoiceIn'}
+        }};
+        this.getDmsTypes(params).then(res => this.handleDefaultParams(res));
+        this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
     }
 
     $onChanges() {
@@ -29,36 +31,23 @@ class Controller extends Section {
             this.params = JSON.parse(this.$params.q);
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
         });
     }
 
-    setDefaultParams() {
-        const params = {filter: {
-            where: {code: 'invoiceIn'}
-        }};
-        this.$http.get('DmsTypes/findOne', {params}).then(res => {
-            const dmsType = res.data && res.data;
-            const companyId = this.vnConfig.companyFk;
-            const warehouseId = this.vnConfig.warehouseFk;
-            const defaultParams = {
-                warehouseId: warehouseId,
-                companyId: companyId,
-                dmsTypeId: dmsType.id,
-                description: this.params.supplierName
-            };
+    handleDefaultParams({data: dmsType}) {
+        const companyId = this.vnConfig.companyFk;
+        const warehouseId = this.vnConfig.warehouseFk;
+        const defaultParams = {
+            warehouseId: warehouseId,
+            companyId: companyId,
+            dmsTypeId: dmsType.id,
+            description: this.params.supplierName
+        };
 
-            this.dms = Object.assign(this.dms, defaultParams);
-        });
+        this.dms = Object.assign(this.dms, defaultParams);
     }
 
     onSubmit() {
diff --git a/modules/ticket/front/dms/create/index.js b/modules/ticket/front/dms/create/index.js
index b25abf17c..7b25e4665 100644
--- a/modules/ticket/front/dms/create/index.js
+++ b/modules/ticket/front/dms/create/index.js
@@ -1,7 +1,7 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     constructor($element, $) {
         super($element, $);
         this.dms = {
@@ -19,45 +19,36 @@ class Controller extends Section {
         this._ticket = value;
 
         if (value) {
-            this.setDefaultParams();
-            this.getAllowedContentTypes();
+            const params = {filter: {
+                where: {code: 'ticket'}
+            }};
+            this.getDmsTypes(params).then(res => this.handleDefaultParams(res));
+            this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
         });
     }
 
-    setDefaultParams() {
-        const params = {filter: {
-            where: {code: 'ticket'}
-        }};
-        this.$http.get('DmsTypes/findOne', {params}).then(res => {
-            const dmsTypeId = res.data && res.data.id;
-            const warehouseId = this.vnConfig.warehouseFk;
-            const defaultParams = {
-                reference: this.ticket.id,
-                warehouseId: warehouseId,
-                companyId: this.ticket.companyFk,
-                dmsTypeId: dmsTypeId,
-                description: this.$t('FileDescription', {
-                    ticketId: this.ticket.id,
-                    clientId: this.ticket.client.id,
-                    clientName: this.ticket.client.name
-                }).toUpperCase()
-            };
+    handleDefaultParams(data) {
+        const dmsTypeId = res?.data?.id;
+        const warehouseId = this.vnConfig.warehouseFk;
+        const defaultParams = {
+            reference: this.ticket.id,
+            warehouseId: warehouseId,
+            companyId: this.ticket.companyFk,
+            dmsTypeId: dmsTypeId,
+            description: this.$t('FileDescription', {
+                ticketId: this.ticket.id,
+                clientId: this.ticket.client.id,
+                clientName: this.ticket.client.name
+            }).toUpperCase()
+        };
 
-            this.dms = Object.assign(this.dms, defaultParams);
-        });
+        this.dms = Object.assign(this.dms, defaultParams);
     }
 
     onSubmit() {
diff --git a/modules/ticket/front/dms/edit/index.js b/modules/ticket/front/dms/edit/index.js
index 808ca6a6a..9b64f5906 100644
--- a/modules/ticket/front/dms/edit/index.js
+++ b/modules/ticket/front/dms/edit/index.js
@@ -1,7 +1,7 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     get ticket() {
         return this._ticket;
     }
@@ -10,39 +10,28 @@ class Controller extends Section {
         this._ticket = value;
 
         if (value) {
-            this.setDefaultParams();
-            this.getAllowedContentTypes();
+            this.getDms(this.$params.dmsId).then(handleDefaultParams);
+            this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
         });
     }
 
-    setDefaultParams() {
-        const path = `Dms/${this.$params.dmsId}`;
-        this.$http.get(path).then(res => {
-            const dms = res.data && res.data;
-            this.dms = {
-                reference: dms.reference,
-                warehouseId: dms.warehouseFk,
-                companyId: dms.companyFk,
-                dmsTypeId: dms.dmsTypeFk,
-                description: dms.description,
-                hasFile: dms.hasFile,
-                hasFileAttached: false,
-                files: []
-            };
-        });
+    handleDefaultParams({data: dms}) {
+        this.dms = {
+            reference: dms.reference,
+            warehouseId: dms.warehouseFk,
+            companyId: dms.companyFk,
+            dmsTypeId: dms.dmsTypeFk,
+            description: dms.description,
+            hasFile: dms.hasFile,
+            hasFileAttached: false,
+            files: []
+        };
     }
 
     onSubmit() {
diff --git a/modules/travel/front/thermograph/create/index.js b/modules/travel/front/thermograph/create/index.js
index fa2c1261a..e51d23124 100644
--- a/modules/travel/front/thermograph/create/index.js
+++ b/modules/travel/front/thermograph/create/index.js
@@ -17,16 +17,10 @@ class Controller extends Section {
 
         if (value) {
             this.setDefaultParams();
-            this.getAllowedContentTypes();
+            this.allowedContentTypes = this.getAllowedContentTypes();
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
 
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
diff --git a/modules/travel/front/thermograph/edit/index.js b/modules/travel/front/thermograph/edit/index.js
index a8df3142d..1678643b2 100644
--- a/modules/travel/front/thermograph/edit/index.js
+++ b/modules/travel/front/thermograph/edit/index.js
@@ -1,8 +1,8 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     get travel() {
         return this._travel;
     }
@@ -12,17 +12,10 @@ class Controller extends Section {
 
         if (value) {
             this.setDefaultParams();
-            this.getAllowedContentTypes();
+            this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
diff --git a/modules/worker/front/dms/create/index.js b/modules/worker/front/dms/create/index.js
index ff6112211..2f06128b5 100644
--- a/modules/worker/front/dms/create/index.js
+++ b/modules/worker/front/dms/create/index.js
@@ -21,17 +21,12 @@ class Controller extends Section {
 
         if (value) {
             this.setDefaultParams();
-            this.getAllowedContentTypes();
+            this.getAllowedContentTypes().then(data => {
+                this.allowedContentTypes = data;
+            });
         }
     }
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
-    }
-
     get contentTypesInfo() {
         return this.$t('ContentTypesInfo', {
             allowedContentTypes: this.allowedContentTypes
diff --git a/modules/worker/front/dms/edit/index.js b/modules/worker/front/dms/edit/index.js
index 31d4c2853..8a1790563 100644
--- a/modules/worker/front/dms/edit/index.js
+++ b/modules/worker/front/dms/edit/index.js
@@ -1,8 +1,8 @@
 import ngModule from '../../module';
-import Section from 'salix/components/section';
+import SectionDms from 'salix/components/section-dms';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends SectionDms {
     get worker() {
         return this._worker;
     }
@@ -11,16 +11,10 @@ class Controller extends Section {
         this._worker = value;
 
         if (value) {
-            this.setDefaultParams();
-            this.getAllowedContentTypes();
-        }
-    }
+            this.getDms(this.$params.dmsId).then(handleDefaultParams);
 
-    getAllowedContentTypes() {
-        this.$http.get('DmsContainers/allowedContentTypes').then(res => {
-            const contentTypes = res.data.join(', ');
-            this.allowedContentTypes = contentTypes;
-        });
+            this.getAllowedContentTypes().then(data => this.allowedContentTypes = data);
+        }
     }
 
     get contentTypesInfo() {
@@ -29,21 +23,17 @@ class Controller extends Section {
         });
     }
 
-    setDefaultParams() {
-        const path = `Dms/${this.$params.dmsId}`;
-        this.$http.get(path).then(res => {
-            const dms = res.data && res.data;
-            this.dms = {
-                reference: dms.reference,
-                warehouseId: dms.warehouseFk,
-                companyId: dms.companyFk,
-                dmsTypeId: dms.dmsTypeFk,
-                description: dms.description,
-                hasFile: dms.hasFile,
-                hasFileAttached: false,
-                files: []
-            };
-        });
+    handleDefaultParams({data: dms}) {
+        this.dms = {
+            reference: dms.reference,
+            warehouseId: dms.warehouseFk,
+            companyId: dms.companyFk,
+            dmsTypeId: dms.dmsTypeFk,
+            description: dms.description,
+            hasFile: dms.hasFile,
+            hasFileAttached: false,
+            files: []
+        };
     }
 
     onSubmit() {