From ad4dff526c63867f3e16882bab765c64e2c3e551 Mon Sep 17 00:00:00 2001
From: adametz <adametz@f459cee4-fb09-11de-96c3-f9c5f16c3c76>
Date: Fri, 7 Sep 2018 11:52:08 +0000
Subject: [PATCH] booking form responsive

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3463 f459cee4-fb09-11de-96c3-f9c5f16c3c76
---
 .../views/default/pages/booking.html.twig     | 13 +++--
 trunk/src/AppBundle/Pdf.php                   |  2 +-
 .../Resources/public/css/booking.css          | 36 +++++++++++++
 .../AppBundle/Resources/public/js/booking.js  |  2 +-
 .../public/js/bootstrap-select-1.12.0.js      | 14 ++---
 trunk/web/assetic/footerPDF.svg               | 54 +++++++++++++++++++
 6 files changed, 107 insertions(+), 14 deletions(-)
 create mode 100644 trunk/web/assetic/footerPDF.svg

diff --git a/trunk/app/Resources/views/default/pages/booking.html.twig b/trunk/app/Resources/views/default/pages/booking.html.twig
index 064292a9..a785f4a9 100644
--- a/trunk/app/Resources/views/default/pages/booking.html.twig
+++ b/trunk/app/Resources/views/default/pages/booking.html.twig
@@ -79,7 +79,7 @@
                                 </tr>
                                 <tr>
                                     <td>Reisezeitraum</td>
-                                    <td>{{ travel_date.start|date }} - {{ travel_date.end|date }} ({{ travel_date.name }})</td>
+                                    <td>{{ travel_date.start|date }} - {{ travel_date.end|date }} <br class="hidden visible-xs"> ({{ travel_date.name }})</td>
                                 </tr>
                                 <tr>
                                     <td>{{ form_label(form.departure, 'Abflugort') }}</td>
@@ -301,10 +301,13 @@
                                                         {% if departure.flightTime[travel_date.startWeekday] is defined %}
                                                         <div class="flight_times_ele" id="flight_time_{{ departure.id }}" style="display: none;">
                                                          <h3>Von {{ departure.name }}</h3>
-                                                        {# travel_date.end|date #}
-                                                        {# travel_date.end|date #}
-                                                            {{ departure.flightTime[travel_date.startWeekday] }}
-
+                                                            <ul class="c1">
+                                                            {% for flightTime in departure.flightTime[travel_date.startWeekday]|split('\n') %}
+                                                                {% if flightTime != "" %}
+                                                                <li>{{ flightTime|raw }}</li>
+                                                                {% endif %}
+                                                            {% endfor %}
+                                                            </ul>
                                                         </div>
                                                         {% endif %}
 
diff --git a/trunk/src/AppBundle/Pdf.php b/trunk/src/AppBundle/Pdf.php
index 25056b5a..3d21b8c6 100644
--- a/trunk/src/AppBundle/Pdf.php
+++ b/trunk/src/AppBundle/Pdf.php
@@ -38,7 +38,7 @@ class Pdf extends TCPDF
     public function Footer()
     {
 
-        $footerDir = $this->webDir.'/assetic/'.$this->getFileName('footerText');
+        $footerDir = $this->webDir.'/assetic/footerPDF.svg';
 
         $this->ImageSVG($footerDir, 0, 228, 210, '');
 
diff --git a/trunk/src/AppBundle/Resources/public/css/booking.css b/trunk/src/AppBundle/Resources/public/css/booking.css
index e9f8d697..05596cb6 100644
--- a/trunk/src/AppBundle/Resources/public/css/booking.css
+++ b/trunk/src/AppBundle/Resources/public/css/booking.css
@@ -20,3 +20,39 @@
     content: " *";
 }
 
+.radio label {
+    white-space: normal;
+}
+
+.checkbox label {
+    white-space: normal;
+}
+
+.btn.dropdown-toggle.btn-white {
+    white-space: normal;
+}
+
+@media (max-width: 786px) {
+    .booking_form .table > tbody > tr > td {
+        display: block;
+        width: 99%;
+    }
+
+    .booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
+        width: 99%;
+    }
+
+
+    .content-copy p {
+        line-height: 1.4em;
+        white-space: normal;
+    }
+
+    .c1 li {
+        white-space: normal;
+    }
+    .st-traveller-index {
+        white-space: normal;
+        height: auto !important;
+    }
+}
\ No newline at end of file
diff --git a/trunk/src/AppBundle/Resources/public/js/booking.js b/trunk/src/AppBundle/Resources/public/js/booking.js
index 74a00fb9..2f9081ee 100644
--- a/trunk/src/AppBundle/Resources/public/js/booking.js
+++ b/trunk/src/AppBundle/Resources/public/js/booking.js
@@ -153,7 +153,7 @@ $(document).ready(function() {
                 var roomIndexSelector = travelerSelector+' .st-traveller-index';
                 //var currentRoomIndex = $(travelerSelector).attr("data-room-index");
                 $(travelerSelector).show().find('input,select').prop('required', true);
-                $(roomIndexSelector).text(counter + ".) Reiseteilnehmer | Einzelzimmer | 1. Erwachsender");
+                $(roomIndexSelector).text(counter + ".) Reiseteilnehmer | Einzelzimmer 1. Erwachsender");
                 counter ++;
             }
         }
diff --git a/trunk/src/AppBundle/Resources/public/js/bootstrap-select-1.12.0.js b/trunk/src/AppBundle/Resources/public/js/bootstrap-select-1.12.0.js
index 4146f722..08bd5846 100644
--- a/trunk/src/AppBundle/Resources/public/js/bootstrap-select-1.12.0.js
+++ b/trunk/src/AppBundle/Resources/public/js/bootstrap-select-1.12.0.js
@@ -513,13 +513,13 @@
       '</div>'
           : '';
       var drop =
-          '<div class="btn-group bootstrap-select' + showTick + inputGroup + '">' +
-          '<button type="button" class="' + this.options.styleBase + ' dropdown-toggle" data-toggle="dropdown"' + autofocus + ' role="button">' +
-          '<span class="filter-option pull-left"></span>&nbsp;' +
-          '<span class="bs-caret">' +
-          this.options.template.caret +
-          '</span>' +
-          '</button>' +
+          '<div class="btn-group bootstrap-select' + showTick + inputGroup + '">'+
+          '<button type="button" class="' + this.options.styleBase + ' dropdown-toggle" data-toggle="dropdown"' + autofocus + ' role="button">'+
+          '<span class="filter-option pull-left"></span>'+
+          '<span class="bs-caret">'+
+          this.options.template.caret+
+          '</span>'+
+          '</button>'+
           '<div class="dropdown-menu open" role="combobox">' +
           header +
           searchbox +
diff --git a/trunk/web/assetic/footerPDF.svg b/trunk/web/assetic/footerPDF.svg
new file mode 100644
index 00000000..d492ddb6
--- /dev/null
+++ b/trunk/web/assetic/footerPDF.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="595.358px" height="191.533px" viewBox="0 0 595.358 191.533" enable-background="new 0 0 595.358 191.533" xml:space="preserve">
+    <rect x="30.424" y="97.229" fill="none" width="95.653" height="79.521" />
+    <text transform="matrix(1 0 0 1 30.4243 103.3096)">
+        <tspan x="0" y="0" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">STERN TOURS GmbH</tspan>
+        <tspan x="0" y="9.5" fill="#1E181A" font-family="'Tahoma-Bold'" font-size="8">Emser Str. 3</tspan>
+        <tspan x="0" y="19" fill="#1E181A" font-family="'Tahoma'" font-size="8">10719 Berlin </tspan>
+    </text>
+    <rect x="144.078" y="97.229" fill="none" width="126.32" height="79.521" />
+    <text transform="matrix(1 0 0 1 144.0776 103.3096)">
+        <tspan x="0" y="0" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">e-Mail</tspan> 
+        <tspan x="24.961" y="0" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="1"> </tspan>
+        <tspan x="28.667" y="0" fill="#1E181A" font-family="'Tahoma'" font-size="8"> stern@stern-tours.de</tspan>
+        <tspan x="0" y="9.5" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">Web</tspan>
+        <tspan x="18.027" y="9.5" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="8"> </tspan>
+        <tspan x="28.667" y="9.5" fill="#1E181A" font-family="'Tahoma'" font-size="8"> www.stern-tours.de</tspan>
+        <tspan x="0" y="28.5" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">Fon</tspan>
+        <tspan x="14.707" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="11"> </tspan>
+        <tspan x="28.667" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8"> 030 | 700 94 100</tspan>
+        <tspan x="0" y="38" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">Fax</tspan>
+        <tspan x="14.273" y="38" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="11"> </tspan>
+        <tspan x="28.667" y="38" fill="#1E181A" font-family="'Tahoma'" font-size="8"> 030 | 700 94 1044</tspan>
+    </text>
+    <rect x="287.48" y="97.229" fill="none" width="135.597" height="79.521" />
+    <text transform="matrix(1 0 0 1 287.4805 103.3086)">
+        <tspan x="0" y="0" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">Bankverbindung</tspan>
+        <tspan x="0" y="9.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">STERN TOURS GmbH</tspan>
+        <tspan x="0" y="19" fill="#1E181A" font-family="'Tahoma'" font-size="8">Hypo Vereinsbank</tspan>
+        <tspan x="0" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">IBAN: DE83100208900018857111</tspan>
+        <tspan x="0" y="38" fill="#1E181A" font-family="'Tahoma'" font-size="8">BIC-/SWIFT-Code: HYVEDEMM488</tspan>
+    </text>
+    <rect x="447.182" y="97.229" fill="none" width="129.12" height="88.521" />
+    <text transform="matrix(1 0 0 1 447.1821 103.3086)">
+        <tspan x="0" y="0" fill="#7e7e7e" font-family="'Tahoma-Bold'" font-size="8">Telefonische Öffnungszeiten</tspan>
+        <tspan x="0" y="9.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">Mo - Do:</tspan>
+        <tspan x="31.012" y="9.5" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="10"> </tspan>
+        <tspan x="43.75" y="9.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">09:00 - 22:00 Uhr</tspan>
+        <tspan x="0" y="19" fill="#1E181A" font-family="'Tahoma'" font-size="8">Fr:</tspan>
+        <tspan x="9.883" y="19" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="13"> </tspan>
+        <tspan x="26" y="19" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="15"> </tspan>
+        <tspan x="43.75" y="19" fill="#1E181A" font-family="'Tahoma'" font-size="8">10:00 - 22:00 Uhr</tspan>
+        <tspan x="0" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">Sa: </tspan>
+        <tspan x="13.984" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="9"> </tspan>
+        <tspan x="26" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8" letter-spacing="15"> </tspan>
+        <tspan x="43.75" y="28.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">11:00 - 22:00 Uhr</tspan>
+        <tspan x="0" y="47.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">UStID:</tspan>
+        <tspan x="23.617" y="47.5" fill="#1E181A" font-family="'Tahoma'" font-size="8"> </tspan>
+        <tspan x="26" y="47.5" fill="#1E181A" font-family="'Tahoma'" font-size="8"> DE192609253</tspan>
+        <tspan x="0" y="57" fill="#1E181A" font-family="'Tahoma'" font-size="8">Registernummer: HRB 67111</tspan>
+        <tspan x="0" y="66.5" fill="#1E181A" font-family="'Tahoma'" font-size="8">Amtsgericht Charlottenburg</tspan>
+    </text>
+</svg>
\ No newline at end of file