Commit 7973267e authored by amandazk's avatar amandazk

Começo das páginas de campanhas individuais

parent 06f68731
......@@ -8,6 +8,7 @@
<th scope="col">Campanha</th>
<th scope="col">Data Início</th>
<th scope="col">Data Fim</th>
<th scope="col">Link</th>
</tr>
</thead>
<tbody>
......@@ -15,6 +16,7 @@
<td>{{ campanha.titulo_campanha }}</td>
<td>{{ campanha.dt_inicio_campanha }}</td>
<td>{{ campanha.dt_fim_campanha }}</td>
<td><a href="/campanhaListUni">Link</a></td>
</tr>
</tbody>
</table>
......
<template>
<div class="container">
<div id="app">
<h1>Campanhas Solidárias</h1>
<p v-for="campanha in campanhas" :key="campanha.campanha_id">
Nome da Campanha: {{ campanha.titulo_campanha }}
</p>
<p v-for="campanha in campanhas" :key="campanha.campanha_id">
Data início: {{ campanha.dt_inicio_campanha }}
</p>
<p v-for="campanha in campanhas" :key="campanha.campanha_id">
Data fim: {{ campanha.dt_fim_campanha }}
</p>
<p v-for="campanha in campanhas" :key="campanha.campanha_id">
Endereço campanha: <br />
<b>Rua </b> {{ campanha.rua_campanha }}<br />
<b>Número</b> {{ campanha.numero_endereco_campanha }} <br />
<b>Bairro</b> {{ campanha.bairro_campanha }} <br />
<b>Cidade</b> {{ campanha.cidade_campanha }} <br />
</p>
<p v-for="campanha in campanhas" :key="campanha.campanha_id">
Link: {{ campanha.link_campanha }}
</p>
</div>
</div>
</template>
<script>
import axios from "axios";
export default {
name: "CampanhaListUni",
data() {
return {
newCampanha: "",
campanhas: [],
};
},
mounted() {
this.getCampanha();
},
methods: {
getCampanha() {
axios.get("api/campanhas").then((res) => {
// console.log(res.data);
this.campanhas = res.data;
});
},
},
};
</script>
<style>
</style>
\ No newline at end of file
......@@ -5,6 +5,7 @@ import Index from '../components/Index.vue'
import InfoProj from '../components/InfoProj.vue'
import Covid from '../components/Covid.vue'
import CampanhaList from '../components/Campanha/List.vue'
import CampanhaListUni from '../components/Campanha/ListUni.vue'
import DemandaList from '../components/Demanda/List.vue'
import OfertaList from '../components/Oferta/List.vue'
import PessoaList from '../components/Pessoa/List.vue'
......@@ -39,6 +40,11 @@ export default new VueRouter({
name: 'CampanhaList',
component: CampanhaList
},
{
path: '/campanhaListUni',
name: 'CampanhaListUni',
component: CampanhaListUni
},
{
path: '/demandas',
name: 'DemandaList',
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment