Spanish translation

README.md

@@ -1,5 +1,7 @@
 # audiofunctions2.0
 
+This is a Spanish translation of [audiofunctions 2.0](https://github.com/integr-abile/audiofunctions2.0)
+
 ## Build Setup
 
 ```bash

components/Footer.vue

@@ -7,9 +7,9 @@
             reserved.
           </p>
           <p class="text-center">
-            <NuxtLink to="/configure">Configura</NuxtLink> |
-            <NuxtLink to="/instructions">Istruzioni</NuxtLink> |
-            <NuxtLink to="/about">Chi siamo</NuxtLink>
+            <NuxtLink to="/configure">Configuración</NuxtLink> |
+            <NuxtLink to="/instructions">Instrucciones de uso</NuxtLink> |
+            <NuxtLink to="/about">Quiénes somos</NuxtLink>
           </p>
         </b-col>
       </b-row>

components/FormulaInput.vue

@@ -5,13 +5,13 @@
       <math-field
         ref="mathfield"
         role="application"
-        aria-label="attiva per inserire una funzione"
+        aria-label="activar para insertar una función"
         class="border w-100"
       >
       </math-field>
     </div>
     <p v-if="lastInsertedLatexFunction" :style="{ color: formulaStatusColor }">
-      {{ isFormulaValid ? "Formula valida" : "Formula non valida" }}
+      {{ isFormulaValid ? "Fórmula válida" : "Fórmula no válida" }}
     </p>
     <vue-mathjax class="sr-only" :formula="mathJaxFunctionLatex"></vue-mathjax>
   </div>
@@ -138,7 +138,7 @@ export default {
         )["-1"];
         console.log(`cancellato ${deletedText}`);
         this.lastInsertedLatexFunction = latexAfterDeletion;
-        this.$announcer.assertive(`cancellato ${deletedText}`);
+        this.$announcer.assertive(`${deletedText} eliminado`);
       }
     },
     keydownEvtFn(evt) {

components/NavBar.vue

@@ -5,13 +5,13 @@
     </b-navbar-brand>
     <b-navbar-nav class="ml-auto">
       <b-nav-item>
-        <NuxtLink to="/configure">Configura</NuxtLink>
+        <NuxtLink to="/configure">Configuración</NuxtLink>
       </b-nav-item>
       <b-nav-item>
-        <NuxtLink to="/instructions">Istruzioni</NuxtLink>
+        <NuxtLink to="/instructions">Instrucciones de uso</NuxtLink>
       </b-nav-item>
       <b-nav-item>
-        <NuxtLink to="/about">Chi siamo</NuxtLink>
+        <NuxtLink to="/about">Quiénes somos</NuxtLink>
       </b-nav-item>
     </b-navbar-nav>
   </b-navbar>

components/chart/ActionsMenu.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container-fluid">
     <div class="d-flex align-items-center w-100 mb-2">
-      <b-button v-b-toggle.options-sidebar v-shortkey.once="['o']" @shortkey="toggleSidebar">Opzioni</b-button>
+      <b-button v-b-toggle.options-sidebar v-shortkey.once="['o']" @shortkey="toggleSidebar">Opciones</b-button>
       <ChartOptionsSidebar
         ref="chartOptionsSidebar"
         sidebar-id="options-sidebar"
@@ -17,15 +17,15 @@
         <div class="d-grid gap-3">
           <!-- TODO: gestire popup istruzioni e keymap-->
 
-          <b-button v-b-modal.instruction-modal style="display: none;">Istruzioni</b-button>
+          <b-button v-b-modal.instruction-modal style="display: none;">Instrucciones</b-button>
           <ChartInstructionModal modal-id="instruction-modal" />
-          <b-button v-b-modal.keymap-modal style="display: none;">Keymap</b-button>
+          <b-button v-b-modal.keymap-modal style="display: none;">Mapa teclas</b-button>
           <ChartKeybindingModal modal-id="keymap-modal" />
           <b-button
             @click="changeFunction"
             v-shortkey.once="{ next: ['f'], previous: ['shift', 'f'] }"
             @shortkey="handleShortkey"
-            >Switch funzione</b-button
+            >Cambiar la función</b-button
           >
           <b-button
             @click="toggleVolume"
@@ -37,12 +37,12 @@
               aria-hidden="true"
             ></b-icon>
             <span class="sr-only"
-              >{{ isMute ? "Abilita" : "Disabilita" }} volume</span
+              >{{ isMute ? "Activar" : "Desactivar" }} volume</span
             >
           </b-button>
           <NuxtLink class="btn btn-secondary" to="/">
             <b-icon icon="house" aria-hidden="true"></b-icon>
-            <span class="sr-only">Vai alla home page</span>
+            <span class="sr-only">Ir a la página de inicio</span>
           </NuxtLink>
         </div>
       </div>

components/chart/FavoritesBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div role="toolbar" aria-label="Preferiti">
+  <div role="toolbar" aria-label="Favoritos">
     <div class="d-flex flex-wrap justify-content-evenly">
       <div
         v-for="(item, index) in options"
@@ -15,7 +15,7 @@
         />
       </div>
       <div class="d-flex align-items-center">
-        <b-button @click="(evtData) => $emit('saveChanges')">Salva</b-button>
+        <b-button @click="(evtData) => $emit('saveChanges')">Guardar cambios</b-button>
       </div>
     </div>
   </div>

components/chart/InteractionsMenu.vue

@@ -10,16 +10,16 @@
           v-model="isFunctionInteractionModeEnabled"
         />
         <label for="enableFnCheckbox" class="sr-only"
-          >Interazione con la funzione tramite tastiera</label
+          >Interacción con la función a través del teclado</label
         >
-        <label aria-hidden="true">Interazione tramite tastiera</label>
+        <label aria-hidden="true">Interacción con el teclado</label>
       </div>
       <div>
         <input type="checkbox" id="enableTTSCheckbox" v-model="isTTSEnabled" />
-        <label aria-hidden="true">Sintesi vocale web</label>
+        <label aria-hidden="true">Síntesis vocal web</label>
         <label for="enableTTSCheckbox" class="sr-only"
-          >Sintesi vocale web. Se hai uno screen reader attivo disabilita questa
-          opzione per evitare una sovrapposizione di voci</label
+          >Síntesis de voz web. Si tiene un lector de pantalla activo, desactive esta
+          opción para evitar una superposición de voces</label
         >
       </div>
     </div>
@@ -57,7 +57,7 @@ export default {
         this.$emit("onFunctionInteractionModeChange", newVal);
         this.$announcer.polite(
           newVal
-            ? "Ora quando esplori il grafico funzione potrai interagire con la tastiera"
+            ? "Ahora, al explorar el gráfico de la función, puede interactuar con el teclado"
             : ""
         );
       },

components/chart/OptionsSidebar.vue

@@ -8,7 +8,7 @@
       backdrop
       close-label="Chiudi"
       :id="sidebarId"
-      title="Opzioni"
+      title="Opciones"
       width="400px"
     >
       <ul class="px-3 py-2" :key="refreshKey" style="list-style-type: none">
@@ -37,7 +37,7 @@
         />
         <div class="d-flex bg-dark text-light align-items-center px-3 py-2">
           <strong class="mr-auto">v{{ version }}</strong>
-          <b-button size="sm" @click="saveAll">Salva tutto</b-button>
+          <b-button size="sm" @click="saveAll">Guardar todo</b-button>
         </div>
       </template>
     </b-sidebar>
@@ -86,7 +86,7 @@ export default {
       console.log("salvataggio tutte le opzioni");
 
       this.$emit("saveChanges", _.map(this.customizableOptions, "identifier"));
-      this.$announcer.polite("Salvataggio effettuato");
+      this.$announcer.polite("Se ha guardado correctamente");
       this.$refs.sidebar.hide();
     },
     handleShowSidebar() {
@@ -101,7 +101,7 @@ export default {
     },
     saveOptions(optionIdentifiers) {
       this.$emit("saveChanges", optionIdentifiers);
-      this.$announcer.polite("Salvataggio effettuato");
+      this.$announcer.polite("Se ha guardado correctamente");
     },
   },
 };

components/chart/PinnableOption.vue

@@ -21,7 +21,7 @@
       </div>
     </div>
     <div class="d-flex justify-content-end">
-      <b-button size="sm" @click="salvaModifiche">Applica</b-button>
+      <b-button size="sm" @click="salvaModifiche">Aplicar cambios</b-button>
     </div>
   </div>
 </template>

components/chart/function/Plot.vue

@@ -29,7 +29,7 @@
           <template #overlay>
             <div class="w-100 h-100">
               <p class="display-3 text-center">
-                Premi un tasto qualsiasi per iniziare ad interagire col grafico
+                Pulse cualquier tecla para empezar a interactuar con el gráfico
               </p>
             </div>
           </template>
@@ -38,7 +38,7 @@
     </div>
     <div class="h-100" v-else>
       <div class="d-flex h-100 justify-content-center align-items-center">
-        <h2>Nessuna funzione inserita</h2>
+        <h2>No se ha introducido ninguna función</h2>
       </div>
     </div>
     <Keypress

components/option/Function.vue

@@ -1,20 +1,20 @@
 <template>
   <div>
-    <h2>Funzione</h2>
+    <h2>Función</h2>
     <div class="d-flex flex-column">
-      <h3>Inserimento&nbsp;<span class="sr-only">funzione</span></h3>
+      <h3>Insertar&nbsp;<span class="sr-only">función</span></h3>
       <div class="d-flex align-items-center mb-4">
         <FormulaInput class="w-100" :functionLatex="stableInputFunctionLatex" @insertedFunction="handleInsertedFunctionUpdate"/>
       </div>
 
       <div class="d-flex align-items-center">
-        <h3 class="mr-2">Funzione corrente</h3>
+        <h3 class="mr-2">Función actual</h3>
         <div class="d-flex align-items-center">
           <b-button
             variant="outline-secondary"
             size="sm"
-            aria-label="Copia formula latex"
-            title="Copia formula latex"
+            aria-label="Copia fórmula latex"
+            title="Copia fórmula latex"
             v-clipboard:copy="stableInputFunctionLatex"
             v-clipboard:success="onCopy"
             v-clipboard:error="onCopyError"
@@ -31,8 +31,8 @@
           >
             {{
               this.lastCopyFunctionSuccess
-                ? "Copiato"
-                : "Errore durante la copia"
+                ? "Copiado"
+                : "Error durante la copia"
             }}
           </b-alert>
         </div>
@@ -42,7 +42,7 @@
         :formula="mathJaxFunctionLatext"
         v-if="!isTraitFunction"
       ></vue-mathjax>
-      <span v-else>Funzione a tratti</span>
+      <span v-else>Función a trozos</span>
     </div>
   </div>
 </template>

components/option/Sonification.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <h2>Sonificazione</h2>
+    <h2>Sonificación</h2>
     <div class="d-flex mb-2">
       <div class="mr-2">
         <label
           class="h-100 d-flex align-items-center"
           for="sonification-instrument-type"
-          >Strumento</label
+          >Instrumento</label
         >
       </div>
       <b-form-select
@@ -19,16 +19,16 @@
       <b-form-checkbox
         id="sonification-abilitation-check"
         v-model="status"
-        value="abilitata"
-        unchecked-value="disabilitata"
+        value="activada"
+        unchecked-value="desactivada"
       >
       </b-form-checkbox>
       <div class="ml-2">
         <label aria-hidden="true" class="h-100 d-flex align-items-center"
-          >Stato: {{ status }}</label
+          >Estado: {{ status }}</label
         >
         <label for="sonification-abilitation-check" class="sr-only">
-          Stato sonificazione:
+          Estado de la sonificación:
         </label>
       </div>
     </div>
@@ -49,7 +49,7 @@ export default {
   },
   computed: {
     sonificationAbilitationState() {
-      return this.isEnabled ? "Abilitata" : "Disabilitata";
+      return this.isEnabled ? "Activada" : "Desactivada";
     },
   },
   watch: {
@@ -58,7 +58,7 @@ export default {
       this.$emit("optionDataChange", this.currentOptionData);
     },
     status(val) {
-      this.currentOptionData.isEnabled = val == "abilitata" ? true : false;
+      this.currentOptionData.isEnabled = val == "activada" ? true : false;
       this.$emit("optionDataChange", this.currentOptionData);
     },
   },
@@ -69,7 +69,7 @@ export default {
     updateOptionData(currentValues) {
       this.currentOptionData = currentValues;
       this.selectedInstrument = currentValues.selectedInstrument;
-      this.status = currentValues.isEnabled ? "abilitata" : "disabilitata";
+      this.status = currentValues.isEnabled ? "activada" : "desactivada";
     },
   },
 };

components/option/XDomain.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <h2>Intervallo asse X</h2>
+    <h2>Intervalo eje X</h2>
     <b-form>
       <div class="d-flex mb-2">
         <label for="min-x-domain-value" class="sr-only"
-          >Valore minimo di x mostrato sul grafico</label
+          >Valor mínimo de x mostrado en la gráfica</label
         >
         <b-form-input
           id="min-x-domain-value"
@@ -17,7 +17,7 @@
         <vue-mathjax :formula="formula" aria-hidden="true"></vue-mathjax>
 
         <label for="max-x-domain-value" class="sr-only"
-          >Valore massimo di x mostrato sul grafico</label
+          >Valor máximo de x mostrado en la gráfica</label
         >
         <b-form-input
           id="max-x-domain-value"
@@ -30,7 +30,7 @@
       <div class="d-flex">
         <div class="mr-2">
           <label class="h-100 d-flex align-items-center" for="step"
-            >Passo</label
+            >Paso</label
           >
         </div>
         <b-form-input

components/option/YDomain.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <h2>Intervallo asse Y</h2>
+    <h2>Intervalo eje Y</h2>
     <b-form inline>
       <label for="min-y-domain-value" class="sr-only"
-        >Valore minimo di y mostrato sul grafico</label
+        >Valor mínimo de y mostrado en la gráfica</label
       >
       <b-form-input
         id="min-y-domain-value"
@@ -18,7 +18,7 @@
       </span>
 
       <label for="max-y-domain-value" class="sr-only"
-        >valore massimo di Y mostrato sul grafico</label
+        >Valor máximo de y mostrado en la gráfica</label
       >
       <b-form-input
         id="max-y-domain-value"

nuxt.config.js

@@ -17,7 +17,7 @@ export default {
   head: {
     title: "AudioFunctions 2.0",
     htmlAttrs: {
-      lang: "it-IT",
+      lang: "es-ES",
     },
     meta: [
       { charset: "utf-8" },