Demo offer selection

templates/auction/offer_select.html

@@ -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" %}

templates/auction/offer_table.js

@@ -1,32 +1,38 @@
+{% load offeroptions %}
 !(function(){
 
     var myTabella = new Tabella(
         document.getElementById('offers'),
         {   
+            from: "",
             tableHeader: [
-                ['2014-12-14', '2014-12-20']
+                ['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>'],
-                ,['2014-12-21', '2015-1-10']
+                ['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>'],
-                ,['2015-2-1', '2015-3-7']
-                ,['2015-3-8', '2015-3-21']
-                ,['2015-3-22', '2015-4-7']
             ],
             rows : [
                 {
-                    rowHeader: 'Single bed room',
+                    rowVal: [["1. Mai 2021", "1. Mai 2021"],["3. Mai 2021", "10. Mai 2021"],["2 Nächte", "9 Nächte"]],
-                    rowVal: [[190 , 210, 210, 204, 180],[190 , 210, 210, 204, 180]],
+                    rowDesc: ["Anreise", "Abreise", "Dauer"]
-                    rowDesc : ['1 persona', '2 persone']
                 },
                 {
-                    rowHeader: 'Double bed room',
+                    rowVal: [[{% autoescape off %}'{% hearts 3 red %} (304)', '{% hearts 5 red %} (1)'{% endautoescape %}]],
-                    rowVal: [[190 , 210, 210, 204, 180]],
+                    rowDesc: ["Bewertungen"]
-                    rowDesc : ['1 persona']
                 },
                 {
-                    rowHeader: 'Suite',
+                    rowVal: [['Doppelzimmer Luxus', 'Wohnzimmer'], ["1 King-Size Bett", "1 Couch"]],
-                    rowVal: [[190 , 210, 210, 204, 180]],
+                    rowDesc: ["Zimmerart", "Betten"]
-                    rowDesc : ['1 persona']
+                },
+                {
+                    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", ""]
                 }
-
             ]
         });
 })();