Commit 5663a0e0 authored by Jérémy GAILLARD's avatar Jérémy GAILLARD
Browse files

chore: minor fixes + suppression de fichiers obsolètes

- Correction lien image
- Suppression du chemin vers le formulaire
parent 3d81f4d3
This diff is collapsed.
......@@ -211,7 +211,7 @@ const IMAGE_PATH = {
"2": "/Scolarité.svg",
"3": "/Emploi.svg",
"4": "/FormationCultureActivPhysique.svg",
"5": "/archived.svg"
"5": "/producers.svg"
};
const ARRONDISSEMENTS = ["32", "33", "34", "35", "36", "37", "38", "39", "40"];
......
<template>
<div>
<carousel class="actu_carousel" :perPage="1" :autoplay="true" :paginationEnabled="false" :loop="true" :autoplayTimeout="5000" :speed="1000">
<slide class="actu_list" v-for="n in ordered_news" :key="n['id']">
<div class="actu">
<p class="text"> <b>DIRECT :</b> {{n["texte"]}}</p>
<div class="bouton_actu" v-if="n['lien'] !== '' && n['lien'] !== null">
<a :href="n['lien']" target="_blank">
<button @click='page = "form"'>
<p>{{n['texte_bouton']}}</p>
</button>
</a>
</div>
</div>
</slide>
</carousel>
</div>
</template>
<script>
import Store from '../utils/store.js'
export default {
name: 'News',
data: function() {
return {
store: Store
}
},
computed: {
ordered_news: function() {
let copy = [];
for(let i of this.store.news) {
copy.push(i);
}
copy.sort((x, y) => x['modified_on'] < y['modified_on']);
return copy;
}
}
}
</script>
<style scoped>
.actu_carousel{
background-color: var(--dark-grey);
padding: 2% 10%;
}
.actu_list{
width: 100%
}
.actu{
display: flex;
align-items: center;
}
p{
margin: 0;
color: white;
font-size: 1.2vw;
}
.text{
text-align: left;
}
.bouton_actu{
flex-grow: 2;
}
.bouton_actu button{
background: white;
border: 2px solid var(--medium-red);
border-radius: 30px;
justify-content: center;
align-items: center;
display: flex;
float: left;
margin-left: 10%;
padding: 0.4vw 1vw 0.4vw 1vw;
}
.bouton_actu p{
color: var(--medium-red);
margin-top: 0%;
margin-left: 0%;
margin-bottom: 0%;
margin-right: 0.3vw;
font-weight: bold;
}
@media (max-width: 600px) {
.actu_carousel{
padding: 3% 10%;
}
.actu{
display: inline;
}
p {
font-size: 3vw;
text-align: center;
padding-bottom: 3%;
}
.bouton_actu button{
width: 50%;
margin-left: 25%;
justify-content: center;
}
.bouton_actu p{
padding: 3% 0;
}
}
</style>
......@@ -8,7 +8,6 @@ Vue.use(VueCarousel);
Vue.use(VueRouter);
import Home from './components/Home.vue'
import Form from './components/Form.vue'
import ServiceList from './components/ServiceList.vue'
import CGU from './components/CGU.vue'
import Charte from './components/Charte.vue'
......@@ -21,7 +20,6 @@ const router = new VueRouter({
base: __dirname,
routes: [
{ path: '/', name: 'home', component: Home },
{ path: '/form', name: 'form', component: Form },
{ path: '/description', name: 'description', component: Description },
{ path: '/list', name: 'list', component: ServiceList, props: (route) => ({ cat: route.query.cat }) },
{ path: '/cgu', name: 'cgu', component: CGU },
......
Supports Markdown
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