feat(form): add store vuex

This commit is contained in:
Tykayn 2020-12-17 12:09:28 +01:00 committed by tykayn
parent 00f2692918
commit 336a09f259
8 changed files with 88 additions and 60 deletions

View File

@ -135,12 +135,6 @@
<div class="padded"> <div class="padded">
{{ xml.tags.opening_hours }} {{ xml.tags.opening_hours }}
</div> </div>
<iframe
src="https://projets.pavie.info/yohours/"
frameborder="0"
width="100%"
height="800"
></iframe>
<button class="btn button has-background-success">Enregistrer</button> <button class="btn button has-background-success">Enregistrer</button>
</section> </section>
@ -174,21 +168,21 @@ export default {
if (!name.length) { if (!name.length) {
this.data = [] this.data = []
} }
// this.isFetching = true this.isFetching = true
// axios this.$axios
// .get(`https://demo.addok.xyz/search/?q=${name}`) .get(`https://demo.addok.xyz/search/?q=${name}`)
// .then(({ data }) => { .then(({ data }) => {
// console.log('data', data) console.log('data', data)
// this.data = [] this.data = []
// data.results.forEach((item) => this.data.push(item)) data.results.forEach((item) => this.data.push(item))
// }) })
// .catch((error) => { .catch((error) => {
// this.data = [] this.data = []
// throw error throw error
// }) })
// .finally(() => { .finally(() => {
// this.isFetching = false this.isFetching = false
// }) })
// axios // axios
// .get(`https://api.openstreetmap.org/api/0.6/node/6126513555`) // .get(`https://api.openstreetmap.org/api/0.6/node/6126513555`)
// .then(({ data }) => { // .then(({ data }) => {

View File

@ -7,9 +7,7 @@
> >
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<img <img src="~assets/OSM-FR.svg" alt="logo osm" />
src='~assets/OSM-FR.svg'
alt='logo osm' >
Sur OSM Sur OSM
</a> </a>
@ -26,7 +24,10 @@
<!-- <p class="menu-label is-hidden-touch">General</p>--> <!-- <p class="menu-label is-hidden-touch">General</p>-->
<ul class="menu-list"> <ul class="menu-list">
<li v-for="(item, key) of items" :key="key"> <li v-for="(item, key) of items" :key="key">
<nuxt-link :to="item.to" exact-active-class="has-background-success"> <nuxt-link
:to="item.to"
exact-active-class="has-background-success"
>
<b-icon :icon="item.icon" /> {{ item.title }} <b-icon :icon="item.icon" /> {{ item.title }}
</nuxt-link> </nuxt-link>
</li> </li>
@ -41,21 +42,12 @@
</template> </template>
<script> <script>
import routelist from './routes'
export default { export default {
data() { data() {
return { return {
items: [ items: routelist,
{
title: 'Accueil',
icon: 'home',
to: { name: 'index' },
},
{
title: 'à propos',
icon: 'lightbulb',
to: { name: 'A-propos' },
},
],
} }
}, },
} }

17
layouts/routes.ts Normal file
View File

@ -0,0 +1,17 @@
export default [
{
title: 'Accueil',
icon: 'home',
to: { name: 'index' },
},
{
title: 'Horaires',
icon: 'clock',
to: { name: 'Horaires' },
},
{
title: 'à propos',
icon: 'lightbulb',
to: { name: 'A-propos' },
},
]

View File

@ -2,7 +2,9 @@
<section class="section"> <section class="section">
<h1>à propos</h1> <h1>à propos</h1>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam corporis eum natus odio recusandae sapiente sunt suscipit voluptate, voluptatem! Animi culpa debitis illo, ipsam magnam nihil nobis quo sint? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam
corporis eum natus odio recusandae sapiente sunt suscipit voluptate,
voluptatem! Animi culpa debitis illo, ipsam magnam nihil nobis quo sint?
</p> </p>
</section> </section>
</template> </template>

12
pages/Horaires.vue Normal file
View File

@ -0,0 +1,12 @@
<template>
<section class="section">
<h1>Horaires</h1>
<p>Vos horaires actuelles</p>
<iframe
src="https://projets.pavie.info/yohours/"
frameborder="0"
width="100%"
height="800"
></iframe>
</section>
</template>

26
store/index.ts Normal file
View File

@ -0,0 +1,26 @@
export const state = () => ({
counter: 0,
list: [],
formConfig: {},
})
export const mutations = {
increment(state: any) {
state.counter++
},
add(state: any, text: any) {
state.list.push({
text,
done: false,
})
},
remove(state: any, { todo }: any) {
state.list.splice(state.list.indexOf(todo), 1)
},
toggle(state: any, todo: any) {
todo.done = !todo.done
},
setFormField(state: any, { field }: any) {
state.formConfig[state.formConfig.indexOf(field)] = field
},
}

View File

@ -3,11 +3,7 @@
"target": "ES2018", "target": "ES2018",
"module": "ESNext", "module": "ESNext",
"moduleResolution": "Node", "moduleResolution": "Node",
"lib": [ "lib": ["ESNext", "ESNext.AsyncIterable", "DOM"],
"ESNext",
"ESNext.AsyncIterable",
"DOM"
],
"esModuleInterop": true, "esModuleInterop": true,
"resolveJsonModule": true, "resolveJsonModule": true,
"allowJs": true, "allowJs": true,
@ -17,21 +13,10 @@
"experimentalDecorators": true, "experimentalDecorators": true,
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"~/*": [ "~/*": ["./*"],
"./*" "@/*": ["./*"]
],
"@/*": [
"./*"
]
}, },
"types": [ "types": ["@types/node", "@nuxt/types"]
"@types/node",
"@nuxt/types"
]
}, },
"exclude": [ "exclude": ["node_modules", ".nuxt", "dist"]
"node_modules",
".nuxt",
"dist"
]
} }