[UPDATE] Front: especie - obtém lista famílias no formulário de ediçã…

…o da espécie #15

front/src/modules/especie/components/FormEditarEspecie.vue

@@ -10,8 +10,11 @@
                     {{ textoCabecalho }}
                 </div>
             </v-card-title>
-            <v-text-field
+            <v-select
                 v-model="dadosEspecie.familia"
+                :items="getFamilias"
+                item-text="nome"
+                item-value="id"
                 label="Família"
                 @change="atualizarCampo('familia', $event) "
             />
@@ -155,6 +158,7 @@ export default {
         ...mapGetters({
             dadosEspecie: 'especie/especie',
             dadosEspecieMetadata: 'especie/getEspecieMetadata',
+            getFamilias: 'especie/getFamilias',
         }),
     },
     watch: {
@@ -164,11 +168,13 @@ export default {
     },
     created() {
         this.inicializarDadosEspecie();
+        this.buscarFamilias();
     },
     methods: {
         ...mapActions({
             adicionarEspecie: 'especie/adicionarEspecie',
             updateEspecie: 'especie/updateEspecie',
+            buscarFamilias: 'especie/buscarFamilias',
         }),
         inicializarDadosEspecie() {
             this.dadosEditados = {
@@ -203,5 +209,5 @@ export default {
             }
         },
     },
- };
+};
 </script>

front/src/modules/especie/store/actions.js

@@ -1,4 +1,5 @@
 import * as especieHelperAPI from '@/helpers/api/Especie';
+import * as familiaHelperAPI from '@/helpers/api/Familia';
 import * as types from './types';
 
 export const buscarEspecies = ({ commit }) => {
@@ -39,3 +40,10 @@ export const adicionarEspecie = async ({ commit }, params) => {
         });
     return resultado;
 };
+
+export const buscarFamilias = ({ commit }, params) => {
+    familiaHelperAPI.buscarFamilias(params)
+        .then((response) => {
+            commit(types.SET_FAMILIAS, response.data);
+        });
+};

front/src/modules/especie/store/getters.js

@@ -1,3 +1,4 @@
 export const especies = state => state.especies;
 export const especie = state => state.especie;
 export const getEspecieMetadata = state => state.getEspecieMetadata;
+export const getFamilias = state => state.familias;

front/src/modules/especie/store/mutations.js

@@ -4,6 +4,7 @@ export const state = {
     especies: {},
     especie: {},
     getEspecieMetadata: {},
+    familias: {},
 };
 
 export const mutations = {
@@ -22,4 +23,10 @@ export const mutations = {
     [types.UPDATE_ESPECIE](state, data) {
         state.especie = data;
     },
+    [types.SET_FAMILIAS](state,data) {
+        state.familias = data;
+    },
+    [types.GET_FAMILIAS](state,data) {
+        state.familias = data;
+    },
 };

front/src/modules/especie/store/types.js

@@ -3,3 +3,5 @@ export const SET_ESPECIE = 'SET_ESPECIE';
 export const SET_ESPECIE_METADATA = 'SET_ESPECIE_METADATA';
 export const GET_ESPECIE_METADATA = 'GET_ESPECIE_METADATA';
 export const UPDATE_ESPECIE = 'UPDATE_ESPECIE';
+export const SET_FAMILIAS = 'SET_FAMILIAS';
+export const GET_FAMIIAS = 'GET_FAMILIAS';

front/src/modules/especie/views/ListarEspecies.vue

@@ -13,7 +13,7 @@
                         v-slot:items="props"
                     >
                         <td>{{ props.index + 1 }}</td>
-                        <td>
+                        <td class="text-xs-left">
                             <v-btn
                                 flat
                                 small