Demo offer selection

This commit is contained in:
Kumi 2021-04-15 18:10:31 +02:00
parent 6d69988bb9
commit 28fec1cce5
2 changed files with 36 additions and 16 deletions

View file

@ -6,7 +6,21 @@
{% endblock %}
{% block "content" %}
<div id="offers" class="tabella-ctr"></div>
<!--===== INNERPAGE-WRAPPER ====-->
<section class="innerpage-wrapper">
<div id="payment-success" class="section-padding">
<div class="container text-center">
<div class="row d-flex justify-content-center">
<div class="col-md-12 col-lg-8 col-lg-offset-2">
<div class="payment-success-text">
<h1>Angebote vergleichen</h1>
<div id="offers" style="text-align: center;"></div>
</div>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end coming-soon-text -->
</section><!-- end innerpage-wrapper -->
{% endblock %}
{% block "scripts" %}

View file

@ -1,32 +1,38 @@
{% load offeroptions %}
!(function(){
var myTabella = new Tabella(
document.getElementById('offers'),
{
from: "",
tableHeader: [
['2014-12-14', '2014-12-20']
,['2014-12-21', '2015-1-10']
,['2015-2-1', '2015-3-7']
,['2015-3-8', '2015-3-21']
,['2015-3-22', '2015-4-7']
['Habbo Hotel<br/>{% autoescape off %}{% stars 3 1 orange %}{% endautoescape %}<br/><img style="max-height:100px;max-width:100%;" src="https://logoeps.com/wp-content/uploads/2012/12/habbo-logo-vector.png"></img>'],
['Kumi Systems<br/>{% autoescape off %}{% stars 1 0 orange %}{% endautoescape %}<br/><img style="max-height:100px;max-width:100%;" src="https://kumi.systems/wp-content/uploads/2020/12/schrift_logo.png"></img>'],
],
rows : [
{
rowHeader: 'Single bed room',
rowVal: [[190 , 210, 210, 204, 180],[190 , 210, 210, 204, 180]],
rowDesc : ['1 persona', '2 persone']
rowVal: [["1. Mai 2021", "1. Mai 2021"],["3. Mai 2021", "10. Mai 2021"],["2 Nächte", "9 Nächte"]],
rowDesc: ["Anreise", "Abreise", "Dauer"]
},
{
rowHeader: 'Double bed room',
rowVal: [[190 , 210, 210, 204, 180]],
rowDesc : ['1 persona']
rowVal: [[{% autoescape off %}'{% hearts 3 red %} (304)', '{% hearts 5 red %} (1)'{% endautoescape %}]],
rowDesc: ["Bewertungen"]
},
{
rowHeader: 'Suite',
rowVal: [[190 , 210, 210, 204, 180]],
rowDesc : ['1 persona']
rowVal: [['Doppelzimmer Luxus', 'Wohnzimmer'], ["1 King-Size Bett", "1 Couch"]],
rowDesc: ["Zimmerart", "Betten"]
},
{
rowVal: [['Romantikpaket inkl. Frühstück am Bett, 2x 60 Minuten Hot-Stone-Massage, 0,75l Prosecco, Obstschale, Zugang zum Spa', 'Gratis Arbeitsgelegenheit inklusive!']],
rowDesc: ["Zusätzliche Angaben"]
},
{
rowVal: [
[200, 200],
['<button class="btn btn-orange btn-block">Buchen!</button>', '<button class="btn btn-orange btn-block">Buchen!</button>']
],
rowDesc: ["Fixpreis", ""]
}
]
});
})();