refactor: refactoring of the code for new eslint rules

.eslintrc.js

@@ -11,12 +11,32 @@ module.exports = {
     browser: true,
   },
   // https://github.com/standard/standard/blob/master/docs/RULES-en.md
-  extends: ["plugin:vue/base"],
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/base"
+  ],
   // add your custom rules here
   rules: {
     // allow async-await
     'generator-star-spacing': 'off',
     // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    "indent": [
+      "error",
+      2,
+      { "SwitchCase": 1 }
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "semi": [
+      "error",
+      "never"
+    ]
   }
 }

src/app-loader.js

@@ -187,7 +187,7 @@ const load = () => {
     let embedPromise = checkAndSetEmbedState()
     let fetchMainMenu = store.dispatch('fetchMainMenu')
 
-    Promise.all([apiDataPromise, embedPromise, fetchMainMenu]).then((results) => {
+    Promise.all([apiDataPromise, embedPromise, fetchMainMenu]).then(() => {
       resolve()
     })
   })

src/common/global-mixins.js

@@ -31,7 +31,7 @@ const globalMixins = {
       let VueInstance = main.getInstance()
       VueInstance.eventBus.$emit('triggerShowInfo', info)
 
-      return new Promise((resolve, reject) => {
+      return new Promise((resolve) => {
         VueInstance.eventBus.$on('infoOk', () => {
           resolve()
         })

src/common/main-menu.js

@@ -8,7 +8,7 @@ import main from '@/main'
  * from remote server and then run the local customization over it
  */
 const loadItems = () => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
     if (appConfig.appMenu.useORSMenu) {
       menuManager.getMenu(appConfig.appMenu.mainMenuId).then((menu) => {
         resolve(menu)

src/directives/click-outside.js

@@ -24,7 +24,7 @@ const clickOutside = {
     // add Event Listeners
     document.addEventListener('click', handler)
   },
-  unbind: function (el, binding) {
+  unbind: function (el) {
     // Remove Event Listeners
     document.removeEventListener('click', el.__vueClickOutside__)
     el.__vueClickOutside__ = null

src/directives/smart-tooltip.js

@@ -1,4 +1,6 @@
-import { createPopper } from '@popperjs/core'
+import {
+  createPopper
+} from '@popperjs/core'
 import appConfig from '@/config/app-config'
 import utils from '@/support/utils'
 import store from '@/store/store'
@@ -8,18 +10,18 @@ import main from '@/main'
  * Popper tooltip directive handler
  */
 const smartTooltip = {
-  bind (el, binding, vNode) {
+  bind(el, binding, vNode) {
     render(el, binding, vNode)
   },
-  unbind (el, binding, vNode) {
+  unbind(el, binding, vNode) {
     if (vNode.context.popperTooltipGuid) {
       closeTooltip(vNode.context.popperTooltipGuid)
     }
   },
-  update (el, binding, vNode) {
+  update(el, binding, vNode) {
     render(el, binding, vNode, true)
   },
-  componentUpdated (el, binding, vNode) {
+  componentUpdated(el, binding, vNode) {
     render(el, binding, vNode, true)
   }
 }
@@ -124,7 +126,15 @@ const showToolTip = (el, options, vNode) => {
       setArrowPseudoStyles(guid, options)
 
       // Build tooltip popper options
-      let popperOptions = { placement: options.position, modifiers: [{ name: 'offset', options: { offset: [0, 8] } } ]  }
+      let popperOptions = {
+        placement: options.position,
+        modifiers: [{
+          name: 'offset',
+          options: {
+            offset: [0, 8]
+          }
+        }]
+      }
 
       // Store the tooltip unique id in the vue component
       vNode.context.popperTooltipGuid = guid
@@ -153,7 +163,9 @@ const buildTooltipEl = (guid, options) => {
   let contentColor = options.dark === true ? 'white' : '#333'
 
   let toolTipCloseEl = document.createElement('a')
-  toolTipCloseEl.onclick = () => {closeTooltip(guid, options.saveClose, options.name)}
+  toolTipCloseEl.onclick = () => {
+    closeTooltip(guid, options.saveClose, options.name)
+  }
   toolTipCloseEl.innerText = 'close' // material close icon will be rendered
   toolTipCloseEl.title = vueInstance.$t('global.closeAndDoNotShowAgain')
   toolTipCloseEl.className = 'popper-tooltip-close material-icons'
@@ -177,8 +189,8 @@ const buildTooltipEl = (guid, options) => {
 
   let toolTipEl = document.createElement('div')
   toolTipEl.id = guid
-  toolTipEl.setAttribute("style", style)
-  toolTipEl.setAttribute("role", 'tooltip')
+  toolTipEl.setAttribute('style', style)
+  toolTipEl.setAttribute('role', 'tooltip')
   toolTipEl.className = 'popper-tooltip'
 
   toolTipEl.innerHTML = `<div id="arrow-${guid}" data-popper-arrow></div>`
@@ -195,7 +207,7 @@ const buildTooltipEl = (guid, options) => {
  */
 const setArrowPseudoStyles = (guid, options) => {
   let arrowDivId = `arrow-${guid}`
-  let styleElem = document.head.appendChild(document.createElement("style"));
+  let styleElem = document.head.appendChild(document.createElement('style'))
   let positionStyle = buildArrowPosition(options)
   let arrowColor = options.dark === true ? '#333;' : 'white'
 
@@ -213,19 +225,20 @@ const setArrowPseudoStyles = (guid, options) => {
  */
 const buildArrowPosition = (options) => {
   let arrowPosition = ''
+
   switch (options.position) {
     case 'top':
       arrowPosition += 'bottom: -4px;'
-      break;
+      break
     case 'bottom':
       arrowPosition += 'top: -4px;'
-      break;
+      break
     case 'left':
       arrowPosition += 'right: -4px;'
-      break;
+      break
     case 'right':
       arrowPosition += 'left: -4px;'
-      break;
+      break
   }
   return arrowPosition
 }

src/fragments/about/i18n/about.i18n.es-es.js

@@ -1,25 +1,25 @@
 
 export default {
   about: {
-    "donate": "Donar!",
-    "donateText": "Por favor, done sus datos geográficos a",
-    "info_I": "Openrouteservice está siendo desarrollado y proporcionado por el Instituto de Tecnología de la Geoinformación de Heidelberg (HeiGIT) y ofrece servicios de enrutamiento sobre los datos geográficos abiertos generados y recopilados de forma colaborativa por OpenStreetMap. Por favor, dona tus datos geográficos al proyecto openstreetmap.org!",
-    "info_II": "Utilizamos el almacenamiento local del navegador para conservar la información, de modo que no tenga que volver a introducirla durante su visita o en visitas posteriores. No recopilamos ni almacenamos ningún tipo de información personal o identificable sobre usted, excepto la que usted proporciona voluntariamente a través del contacto directo. No compartimos los datos analíticos con ningún proveedor de servicios o socio.",
-    "sources": "Utilizamos diferentes bibliotecas de código abierto para esta aplicación web. Estos se encuentran en los archivos de paquetes correspondientes en",
-    "feelFreeToReportBugs": "Por favor, no dude en informar de los errores en",
-    "orToFixThem": "o arreglarlas usted mismo y hacer un pedido de envío",
-    "info_III": "Se prohíbe a los usuarios toda reventa o redistribución comercial y no gratuita sin el permiso explícito y por escrito del CIAT. Datos originales de Jarvis A., H.I. Reuter, A. Nelson, E. Guevara, 2008, Hole-filled seamless SRTM data V4, Centro Internacional de Agricultura Tropical (CIAT)",
-    "info_IV": "Si tiene alguna pregunta, duda o comentario, póngase en contacto con nosotros:",
-    "info_V": "Openrouteservice se preocupa por sus consultas, problemas, preguntas, etc. Dado que siempre habrá un flujo de consultas, nos responsabilizamos de responderle en poco tiempo. Cuando reciba nuestro correo electrónico de respuesta automática para informarle de que hemos recibido su consulta, normalmente le responderemos en breve. Por favor, dénos tiempo para examinar adecuadamente su problema reportado antes de darle una respuesta.",
-    "CIAT_CSI_SRTM": "CIAT-CSI SRTM",
-    "dataProvided": "Datos demográficos proporcionados por",
-    "ghsFramework": "The Global Human Settlement (GHS) frameworks",
-    "askOpenrouteservice": "Pregunte a Openrouteservice",
-    "termsOfService": "Condiciones de servicio",
-    "privacyPolicy": "Política de privacidad",
-    "openStreetMapOrg": "OpenStreetMap.org",
-    "infoSupport": "Apoye a openrouteservice.org",
-    "supportText": "Openrouteservice ofrece servicios gratuitos y depende de las donaciones para la mayor parte de su financiación. Si desea apoyar este proyecto, las donaciones de recursos de infraestructura de servidores son muy bienvenidas.",
-    "softwareAndLibraries": "Programas informáticos y bibliotecas"
+    'donate': 'Donar!',
+    'donateText': 'Por favor, done sus datos geográficos a',
+    'info_I': 'Openrouteservice está siendo desarrollado y proporcionado por el Instituto de Tecnología de la Geoinformación de Heidelberg (HeiGIT) y ofrece servicios de enrutamiento sobre los datos geográficos abiertos generados y recopilados de forma colaborativa por OpenStreetMap. Por favor, dona tus datos geográficos al proyecto openstreetmap.org!',
+    'info_II': 'Utilizamos el almacenamiento local del navegador para conservar la información, de modo que no tenga que volver a introducirla durante su visita o en visitas posteriores. No recopilamos ni almacenamos ningún tipo de información personal o identificable sobre usted, excepto la que usted proporciona voluntariamente a través del contacto directo. No compartimos los datos analíticos con ningún proveedor de servicios o socio.',
+    'sources': 'Utilizamos diferentes bibliotecas de código abierto para esta aplicación web. Estos se encuentran en los archivos de paquetes correspondientes en',
+    'feelFreeToReportBugs': 'Por favor, no dude en informar de los errores en',
+    'orToFixThem': 'o arreglarlas usted mismo y hacer un pedido de envío',
+    'info_III': 'Se prohíbe a los usuarios toda reventa o redistribución comercial y no gratuita sin el permiso explícito y por escrito del CIAT. Datos originales de Jarvis A., H.I. Reuter, A. Nelson, E. Guevara, 2008, Hole-filled seamless SRTM data V4, Centro Internacional de Agricultura Tropical (CIAT)',
+    'info_IV': 'Si tiene alguna pregunta, duda o comentario, póngase en contacto con nosotros:',
+    'info_V': 'Openrouteservice se preocupa por sus consultas, problemas, preguntas, etc. Dado que siempre habrá un flujo de consultas, nos responsabilizamos de responderle en poco tiempo. Cuando reciba nuestro correo electrónico de respuesta automática para informarle de que hemos recibido su consulta, normalmente le responderemos en breve. Por favor, dénos tiempo para examinar adecuadamente su problema reportado antes de darle una respuesta.',
+    'CIAT_CSI_SRTM': 'CIAT-CSI SRTM',
+    'dataProvided': 'Datos demográficos proporcionados por',
+    'ghsFramework': 'The Global Human Settlement (GHS) frameworks',
+    'askOpenrouteservice': 'Pregunte a Openrouteservice',
+    'termsOfService': 'Condiciones de servicio',
+    'privacyPolicy': 'Política de privacidad',
+    'openStreetMapOrg': 'OpenStreetMap.org',
+    'infoSupport': 'Apoye a openrouteservice.org',
+    'supportText': 'Openrouteservice ofrece servicios gratuitos y depende de las donaciones para la mayor parte de su financiación. Si desea apoyar este proyecto, las donaciones de recursos de infraestructura de servidores son muy bienvenidas.',
+    'softwareAndLibraries': 'Programas informáticos y bibliotecas'
   }
 }