price added
This commit is contained in:
parent
c9e6fbe473
commit
6a98b26adf
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -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
|
||||
}
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -74,6 +74,10 @@ let SanTelmo = {
|
|||
sat : "11h30-14h00 18h30-22h00",
|
||||
sun : "",
|
||||
}
|
||||
},
|
||||
info : {
|
||||
tabtype: "info",
|
||||
tel: "05 04 32 23 23",
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue