price added

This commit is contained in:
ed barz 2022-06-01 16:52:48 +02:00
parent c9e6fbe473
commit 6a98b26adf
5 changed files with 192 additions and 2 deletions

View File

@ -382,4 +382,35 @@ a.leaflet-popup-close-button {
div.leaflet-popup.leaflet-zoom-animated {
bottom: -15px !important;
}
}
div.tabprixcontent section.prixtexttop {
padding: 5px;
text-align: center;
}
div.tabprixcontent section.prixtexttop p {
font-style: italic
}
div.tabprixcontent section.pricelist {
padding-left: 20px;
padding-right: 20px;
}
div.tabprixcontent section.pricelist p {
margin-bottom: 25px;
}
div.tabprixcontent section.pricelist p span.price {
float: right;
}
section.prixindicatif p {
text-align: center;
font-style: italic;
padding-bottom: 20px;
}

View File

@ -1,3 +1,88 @@
Vue.component('Prototab',{
template : `
<div class="tabprixcontent">
</div>
`,
props : {
obj : Object
},
data () {
return {
siteoff : {
fr : "Site officiel",
en : "Official website",
it : "Sito ufficiale",
},
}
},
methods : {
capitalize(s){
return s.charAt(0).toUpperCase() + s.slice(1)
},
}
})
Vue.component('Prix',{
template : `
<div class="tabprixcontent">
<section class="prixtexttop" v-if="this.obj.hasOwnProperty('txt')">
<p class="b9h-lang-fr">{{ this.obj.txt.fr }}</p>
<p class="b9h-lang-en">{{ this.obj.txt.en }}</p>
<p class="b9h-lang-it">{{ this.obj.txt.it }}</p>
</section>
<section class="pricelist">
<p v-for="l in this.obj.list">
<span class="pricename">
<span class="b9h-lang-fr">{{ l.nameFR }}</span>
<span class="b9h-lang-en">{{ l.nameEN }}</span>
<span class="b9h-lang-it">{{ l.nameIT }}</span>
</span>
<span class="price">
<span class="b9h-lang-fr">{{ checkPrice(l.price,free.fr) }}</span>
<span class="b9h-lang-en">{{ checkPrice(l.price,free.en) }}</span>
<span class="b9h-lang-it">{{ checkPrice(l.price,free.it) }}</span>
</span>
</p>
</section>
<section class="prixindicatif">
<p class="b9h-lang-fr">{{ indicatif.fr }}</p>
<p class="b9h-lang-en">{{ indicatif.en }}</p>
<p class="b9h-lang-it">{{ indicatif.it }}</p>
</section>
</div>
`,
props : {
obj : Object
},
data () {
return {
indicatif : {
fr : "Prix fournis à titre indicatif.",
en : "Prices provided as an indication.",
it : "Prezzi puramente indicativi.",
},
free : {
fr : "Gratuit",
en : "Free",
it : "Gratuito",
}
}
},
methods : {
checkPrice(p,f){
if (p == "") {
return f
} else {
return p
}
},
}
})
Vue.component('Info',{
template : `
<div class="tabinfocontent">
@ -359,6 +444,7 @@ Vue.component('Accordeon', {
<Time v-if="i.tabtype === 'time'" v-bind:obj="i"></Time>
<Menu v-if="i.tabtype === 'menu'" v-bind:obj="i"></Menu>
<Info v-if="i.tabtype === 'info'" v-bind:obj="i"></Info>
<Prix v-if="i.tabtype === 'prix'" v-bind:obj="i"></Prix>
</section>
</section>
</div>
@ -487,6 +573,10 @@ Vue.component('Accordeon', {
break;
case "info":
return "byl-icon-info"
break;
case "prix":
return "byl-icon-euro_symbol"
break;
default:
// code block
}

View File

@ -22,6 +22,70 @@ let ParkingLamy = {
address: "121 rue d'Antibes - 06400 Cannes",
tel: "+33 4 89 82 23 23",
email: "cannesparking@ville-cannes.fr",
},
prix : {
tabtype: "prix",
txt : {
fr: "Pour les forfaits, demander à l'accueil du parking à l'arrivée. Sonner à l'interphone si besoin.",
en: "For packages, ask at the parking lot reception upon arrival. Ring the intercom if necessary.",
it: "Per i pacchetti, chiedere alla reception del parcheggio all'arrivo. Se necessario, suonare il citofono.",
},
list : {
h1 : {
nameFR: "1h",
nameEN: "1h",
nameIT: "1h",
price: "",
},
h24 : {
nameFR: "24h",
nameEN: "24h",
nameIT: "24h",
price: "16,40 €",
},
j4 : {
nameFR: "Forfait 4 jours",
nameEN: "4-day package",
nameIT: "Pacchetto 4 giorni",
price: "54,50 €",
},
j5 : {
nameFR: "Forfait 5 jours",
nameEN: "5-day package",
nameIT: "Pacchetto 5 giorni",
price: "60,60 €",
},
j6 : {
nameFR: "Forfait 6 jours",
nameEN: "6-day package",
nameIT: "Pacchetto 6 giorni",
price: "66,70 €",
},
j7 : {
nameFR: "Forfait 7 jours",
nameEN: "7-day package",
nameIT: "Pacchetto 7 giorni",
price: "72,70 €",
},
j8 : {
nameFR: "Forfait 8 jours",
nameEN: "8-day package",
nameIT: "Pacchetto 8 giorni",
price: "78,80 €",
},
j10 : {
nameFR: "Forfait 10 jours",
nameEN: "10-day package",
nameIT: "Pacchetto 10 giorni",
price: "84,80 €",
},
j15 : {
nameFR: "Forfait 15 jours",
nameEN: "15-day package",
nameIT: "Pacchetto 15 giorni",
price: "103 €",
}
}
}
}
}
@ -30,7 +94,7 @@ let ParkingLamy = {
let ParkingStephanie = {
id: "parkingstephanie",
isActive: true,
xy: [-26.55,48.95],
xy: [-27.06,48.20],
dirxy: [-22.99,48.76],
dirzl: 5,
minz: 4,

View File

@ -74,6 +74,10 @@ let SanTelmo = {
sat : "11h30-14h00 18h30-22h00",
sun : "",
}
},
info : {
tabtype: "info",
tel: "05 04 32 23 23",
}
}
}

View File

@ -476,6 +476,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
.leaflet-popup-content {
margin: 3px 3px;
line-height: 1.4;
margin-top: 1px;
}
.leaflet-popup-content p {
margin: 18px 0;