booking form responsive

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3463 f459cee4-fb09-11de-96c3-f9c5f16c3c76
This commit is contained in:
adametz 2018-09-07 11:52:08 +00:00
parent 2fe066b00f
commit ad4dff526c
6 changed files with 107 additions and 14 deletions

View file

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

View file

@ -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, '');

View file

@ -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;
}
}

View file

@ -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 ++;
}
}

View file

@ -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 +

View file

@ -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>

After

Width:  |  Height:  |  Size: 5 KiB