Error nos validator

Author: markleymsm

client/src/App.vue

@@ -21,7 +21,7 @@
           </a>
         </li>
         <li>
-          <a href="/list">
+          <a href="/lists">
             <i class="material-icons">supervisor_account</i>
           </a>
         </li>

client/src/components/email/email-edit.vue

@@ -4,7 +4,7 @@
       <h5>Editando campanha</h5>
     </div>
     <div class="col s12">
-      <a href="'#/emails/view/' + email._id" class="btn">ver</a>
+      <a :href="'#/emails/view/' + email._id" class="btn">ver</a>
     </div>
     <div class="col s12">
       <div class="card grey lighten-4">

client/src/components/email/email-remove.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="row">
+    <div class="col s12">
+      <h5>Remoção de campanha</h5>
+    </div>
+    <div class="col s12">
+      <a :href="'#/emails/view/' + email._id" class="btn blue">ver</a>
+    </div>
+    <div class="col s12">
+      <div class="card red white-text">
+        <div class="card-content">
+          <span class="card-title">Confirmação</span>
+          <p>Você confirma a remoção deste registro? Você não poderá desfazer essa operação</p>
+          <a href="" class="btn white black-text" @click.prevent="remove">Sim</a>
+          <a href="#/email" class="btn black">Não</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    email: function () {
+      return this.$store.state.email.email
+    }
+  },
+  methods: {
+    remove: function () {
+      if (confirm('Tem certeza?')) {
+        this.$store.dispatch('remove', this.email._id).then(() => {
+          this.$router.push('/email/')
+        })
+      }
+    }
+  },
+  mounted () {
+    this.$store.dispatch('getOne', this.$route.params.id)
+  }
+}
+</script>

client/src/components/lists/lists-list.vue

@@ -1,10 +1,45 @@
 <template>
-  <div>
-    <h1>Listas de disparo</h1>
+  <div class="row">
+    <div class="col s12">
+      <h5>Lista de disparo</h5>
+    </div>
+    <div class="col s12">
+      <div class="card">
+        <div class="card-content">
+          <table>
+            <thead>
+              <tr>
+                <th>#</th>
+                <th>titulo</th>
+                <th>quantidade</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(list, index) in lists">
+                <td>{{index + 1}}</td>
+                <td>{{list.title}}</td>
+                <td>{{list.quantity}}</td>
+                <td>
+                  <a :href="'#/lists/' + list._id" class="btn">ver</a>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
 export default {
-
+  computed: {
+    lists: function () {
+      return this.$store.state.list.lists
+    }
+  },
+  mounted: function () {
+    this.$store.dispatch('getAllList')
+  }
 }
 </script>

client/src/router/index.js

@@ -8,6 +8,7 @@ import EmailList from '@/components/email/email-list'
 import EmailNew from '@/components/email/email-new'
 import EmailView from '@/components/email/email-view'
 import EmailEdit from '@/components/email/email-edit'
+import EmailRemove from '@/components/email/email-remove'
 import ListsList from '@/components/lists/lists-list'
 
 Vue.use(Router)
@@ -44,6 +45,12 @@ let router = new Router({
       component: EmailEdit,
       meta: {requiresAuth: true}
     },
+    {
+      path: '/emails/remove/:id',
+      name: 'EmailRemove',
+      component: EmailRemove,
+      meta: {requiresAuth: true}
+    },
     {
       path: '/lists',
       name: 'ListsList',

client/src/states/index.js

@@ -3,6 +3,7 @@ import Vuex from 'vuex'
 
 import user from './modules/user'
 import email from './modules/email'
+import list from './modules/list'
 
 window.axios = require('axios')
 window.axios.defaults.baseURL = process.env.SERVER
@@ -11,7 +12,8 @@ window.axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-url
 let config = {
   modules: {
     user: user,
-    email: email
+    email: email,
+    list: list
   }
 }
 

client/src/states/modules/email.js

@@ -32,10 +32,14 @@ export default {
       })
     },
     update (context, data) {
-      console.log('data', data)
       return window.axios.put('/api/campaigns/' + data._id, qs.stringify(data)).then((response) => {
         return response
       })
+    },
+    remove (context, id) {
+      return window.axios.delete('/api/campaigns/' + id).then((response) => {
+        return response
+      })
     }
   }
 }

client/src/states/modules/list.js

@@ -0,0 +1,22 @@
+export default {
+  state: {
+    lists: [],
+    list: {}
+  },
+  mutations: {
+    updateLists (state, data) {
+      state.lists = data
+    },
+    updateList (state, data) {
+      state.list = data
+    }
+  },
+  actions: {
+    getAllList (context) {
+      return window.axios.get('/api/lists').then((response) => {
+        context.commit('updateLists', response.data.data)
+        return response
+      })
+    }
+  }
+}

server/app.js

@@ -6,6 +6,7 @@ const logger = require('morgan');
 const mongoose = require('./src/db/connection');
 const cors = require('cors');
 const routes = require('./src/routes');
+const validator = require('express-validator');
 
 // let indexRouter = require('./routes/index');
 // let usersRouter = require('./routes/users');
@@ -22,6 +23,8 @@ app.use(express.json());
 app.use(express.urlencoded({ extended: false }));
 app.use(cookieParser());
 app.use(express.static(path.join(__dirname, 'public')));
+app.use(validator());
+
 
 // app.use('/', indexRouter);
 // app.use('/users', usersRouter);