[UPDATE] Front espécie: inserindo e redirecionando para página de edi…

…ção #15
RedeMocambos · Jul 8, 2019 · 5a6a7f4 · 5a6a7f4
1 parent b2a2db3
commit 5a6a7f4
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 20 deletions.
diff --git a/front/src/modules/especie/components/FormEditarEspecie.vue b/front/src/modules/especie/components/FormEditarEspecie.vue
@@ -123,6 +123,10 @@ export default {
             type: String,
             default: 'Edição de espécie',
         },
+        tipo: {
+            type: String,
+            default: 'editar',
+        },
     },
     data() {
         return {
@@ -158,8 +162,12 @@ export default {
             this.inicializarDadosEspecie();
         },
     },
+    created() {
+        this.inicializarDadosEspecie();
+    },
     methods: {
         ...mapActions({
+            adicionarEspecie: 'especie/adicionarEspecie',
             updateEspecie: 'especie/updateEspecie',
         }),
         inicializarDadosEspecie() {
@@ -177,29 +185,22 @@ export default {
                 porte: this.dadosEspecie.porte,
                 tolerancia_poda: this.dadosEspecie.tolerancia_poda,
             };
-        },        inicializarDadosEspecie() {
-            this.dadosEditados = {
-                id: this.dadosEspecie.id,
-                nomes_populares: this.dadosEspecie.nomes_populares,
-                nome_cientifico: this.dadosEspecie.nome_cientifico,
-                familia: this.dadosEspecie.familia,
-                exigencia_solo: this.dadosEspecie.exigencia_solo,
-                temperatura_min: this.dadosEspecie.temperatura_min,
-                temperatura_max: this.dadosEspecie.temperatura_max,
-                inicio_colheita: this.dadosEspecie.inicio_colheita,
-                tempo_vida: this.dadosEspecie.tempo_vida,
-                sucessao: this.dadosEspecie.sucessao,
-                porte: this.dadosEspecie.porte,
-                tolerancia_poda: this.dadosEspecie.tolerancia_poda,
-            };
         },
         atualizarCampo(key, value) {
             if (Object.keys(this.dadosEditados).includes(key)) {
                 this.dadosEditados[key] = value;
             }
         },
         salvar() {
-            this.updateEspecie(this.dadosEditados);
+            if (this.tipo === 'criar') {
+                this.adicionarEspecie(this.dadosEditados)
+                    .then((response) => {
+                        const path = `/especie/${response.id}/editar`;
+                        this.$router.push({ path });
+                    });
+            } else if (this.tipo === 'editar') {
+                this.updateEspecie(this.dadosEditados);
+            }
         },
     },
  };

diff --git a/front/src/modules/especie/router.js b/front/src/modules/especie/router.js
@@ -9,31 +9,31 @@ export default [
         name: 'listarEspecies',
         component: ListarEspeciesView,
         meta: {
-            title: 'Listar especies',
+            title: 'Listar espécies',
         },
     },
     {
         path: '/especie/criar',
         name: 'criarEspecie',
         component: CriarEspecieView,
         meta: {
-            title: 'Criar especie',
+            title: 'Criar espécie',
         },
     },
     {
         path: '/especie/:id',
         name: 'visualizarEspecie',
         component: VisualizarEspecieView,
         meta: {
-            title: 'Visualizar especies',
+            title: 'Visualizar espécies',
         },
     },
     {
         path: '/especie/:id/editar',
         name: 'editarEspecie',
         component: EditarEspecieView,
         meta: {
-            title: 'Editar especie',
+            title: 'Editar espécie',
         },
     },
 ];
diff --git a/front/src/modules/especie/views/CriarEspecie.vue b/front/src/modules/especie/views/CriarEspecie.vue
@@ -8,6 +8,7 @@
                 offset-xs1
             >
                 <form-editar-especie
+                    :tipo="'criar'"
                     :texto-cabecalho="'Criação de espécie'"
                 />
             </v-flex>

diff --git a/front/src/modules/especie/views/EditarEspecie.vue b/front/src/modules/especie/views/EditarEspecie.vue
@@ -14,6 +14,8 @@
                 offset-xs1
             >
                 <form-editar-especie
+                    :tipo="'editar'"
+                    :texto-cabecalho="'Edição de espécie'"
                 />
             </v-flex>
         </v-layout>