ressource page tag system added
This commit is contained in:
edbrz9
parent
aa9b090879
commit
43b729ccea
|
|
@ -1,3 +1,28 @@
|
||||||
|
Vue.component('rnav', {
|
||||||
|
template: `
|
||||||
|
<span class="rnav" v-on:click="toggle">{{ tag.name }}</span>
|
||||||
|
`,
|
||||||
|
props : ['tag'],
|
||||||
|
methods: {
|
||||||
|
toggle() {
|
||||||
|
vm.$data.isFresh = false
|
||||||
|
this.tag.isTrue = !this.tag.isTrue
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
Vue.component('ritem', {
|
||||||
|
template: `
|
||||||
|
<section class="ritem" v-show="tags.some(o => o.isTrue === true) || fresh">
|
||||||
|
<slot></slot>
|
||||||
|
</section>
|
||||||
|
`,
|
||||||
|
props : {
|
||||||
|
tags: Array,
|
||||||
|
fresh: Boolean
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
Vue.component('rssdate', {
|
Vue.component('rssdate', {
|
||||||
template: `
|
template: `
|
||||||
<section class="rss-date">
|
<section class="rss-date">
|
||||||
|
|
@ -104,8 +129,27 @@ Vue.component('ppbut' ,{
|
||||||
let vm = new Vue({
|
let vm = new Vue({
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
name: 'test'
|
name: 'test',
|
||||||
|
check: 'check2',
|
||||||
|
isFresh: true,
|
||||||
|
tags: {
|
||||||
|
css: {
|
||||||
|
name: "CSS",
|
||||||
|
isTrue: false
|
||||||
|
},
|
||||||
|
code: {
|
||||||
|
name: "Code",
|
||||||
|
isTrue: false
|
||||||
|
},
|
||||||
|
selfhost: {
|
||||||
|
name: "Self-hosting",
|
||||||
|
isTrue: false
|
||||||
|
},
|
||||||
|
design: {
|
||||||
|
name: "Design",
|
||||||
|
isTrue: false
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}).$mount('#root')
|
}).$mount('#root')
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,64 +0,0 @@
|
||||||
<!DOCTYPE HTML>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Title</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<link rel="stylesheet" href="asset/leaflet/leaflet.css"/>
|
|
||||||
<link rel="stylesheet" href="asset/css/style.css"/>
|
|
||||||
<link rel="stylesheet" href="asset/fonts/byl-iconfont-v4.0/icons.css"/>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="root">
|
|
||||||
<header>
|
|
||||||
<section id="logo">Hôtel Machin</section>
|
|
||||||
|
|
||||||
<section id="lang">
|
|
||||||
<span id="lang-marker" class="marker"></span>
|
|
||||||
<span id="tab-fr" class="tablabel" v-on:click="setlang('fr')">FR</span>
|
|
||||||
<span id="tab-en" class="tablabel" v-on:click="setlang('en')">EN</span>
|
|
||||||
<span id="tab-it" class="tablabel" v-on:click="setlang('it')">IT</span>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</header>
|
|
||||||
<section id="map-container">
|
|
||||||
<div id="map"></div>
|
|
||||||
</section>
|
|
||||||
<main>
|
|
||||||
<div id="list">
|
|
||||||
|
|
||||||
<Accordeon v-bind:list="db.parking"></Accordeon>
|
|
||||||
<div class="sep"></div>
|
|
||||||
<Accordeon v-bind:list="db.resto" v-bind:taglist="restoTagList"></Accordeon>
|
|
||||||
<div class="sep"></div>
|
|
||||||
|
|
||||||
<!---
|
|
||||||
<p>Praxis chambray letterpress YOLO truffaut glossier distillery seitan pop-up venmo portland four dollar toast. Meh asymmetrical irony YOLO brooklyn DSA celiac next level microdosing ethical copper mug jianbing coloring book. Banjo keffiyeh +1, ugh organic af snackwave mixtape listicle man bun tacos humblebrag. Vaporware seitan heirloom chartreuse hot chicken lo-fi kinfolk iceland williamsburg. Wayfarers aesthetic air plant, plaid green juice normcore craft beer chambray. Wayfarers glossier letterpress marfa humblebrag pop-up tbh bitters disrupt.</p>
|
|
||||||
<p>Praxis chambray letterpress YOLO truffaut glossier distillery seitan pop-up venmo portland four dollar toast. Meh asymmetrical irony YOLO brooklyn DSA celiac next level microdosing ethical copper mug jianbing coloring book. Banjo keffiyeh +1, ugh organic af snackwave mixtape listicle man bun tacos humblebrag. Vaporware seitan heirloom chartreuse hot chicken lo-fi kinfolk iceland williamsburg. Wayfarers aesthetic air plant, plaid green juice normcore craft beer chambray. Wayfarers glossier letterpress marfa humblebrag pop-up tbh bitters disrupt.</p>
|
|
||||||
<p>Praxis chambray letterpress YOLO truffaut glossier distillery seitan pop-up venmo portland four dollar toast. Meh asymmetrical irony YOLO brooklyn DSA celiac next level microdosing ethical copper mug jianbing coloring book. Banjo keffiyeh +1, ugh organic af snackwave mixtape listicle man bun tacos humblebrag. Vaporware seitan heirloom chartreuse hot chicken lo-fi kinfolk iceland williamsburg. Wayfarers aesthetic air plant, plaid green juice normcore craft beer chambray. Wayfarers glossier letterpress marfa humblebrag pop-up tbh bitters disrupt.</p>
|
|
||||||
-->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script src="asset/js/vue.min.js"></script>
|
|
||||||
<script src="asset/leaflet/leaflet.js"></script>
|
|
||||||
<script src="asset/js/ingredients.js "></script>
|
|
||||||
<script src="asset/js/dishes.js "></script>
|
|
||||||
<script src="asset/js/resto.js"></script>
|
|
||||||
<script src="asset/js/parking.js"></script>
|
|
||||||
<script src="asset/js/db.js"></script>
|
|
||||||
<script src="asset/js/main.js"></script>
|
|
||||||
<script src="asset/js/map.js"></script>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue