edbrz9
/
ed.brz9.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ressource page tag system added

This commit is contained in:
edbrz9 2023-01-02 22:50:15 +01:00
parent aa9b090879
commit 43b729ccea
2 changed files with 47 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
assets/js/ed.brz9.js
View File

@ -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', {
template: `
<section class="rss-date">
@ -104,8 +129,27 @@ Vue.component('ppbut' ,{
let vm = new Vue({
data () {
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')

64
proj/map/oldindex.html
View File

@ -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>