KumiSystems/JourneyJoker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Cruise tab on booking page, closing #26 for now

Browse source
This commit is contained in:
Kumi 2021-06-02 11:19:52 +02:00
parent b17cc22c15
commit fb1bf1f289
1 changed files with 92 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
templates/frontend/index.html
View file

@ -46,11 +46,14 @@
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs justify-content-center">
<li class="nav-item active"><div style="background-color: white;" class="nav-link" onclick="return false;" href="#"><span><i class="fa fa-building"></i></span><span class="d-md-inline-flex d-none st-text">Angebote einholen</span></div></li>
<ul class="nav nav-tabs justify-content-center">
<li class="nav-item active"><a class="nav-link" href="#hotels" data-toggle="tab"><span><i class="fa fa-building"></i></span><span class="d-md-inline-flex d-none st-text">Hotels</span></a></li>
<li class="nav-item"><a class="nav-link" href="#cruise" data-toggle="tab"><span><i class="fa fa-ship"></i></span><span class="d-md-inline-flex d-none st-text">Kreuzfahrten</span></a></li>
</ul>
</ul>
<div class="tab-content">
<div id="flights" class="tab-pane in active">
<div id="hotels" class="tab-pane in active">
<form method="POST" action="{% url "auction:create_inquiry" %}">
{% csrf_token %}
<div class="row">
@ -136,6 +139,93 @@
</div><!-- end row -->
</form>
</div><!-- end flights -->
<div id="cruise" class="tab-pane in">
<form method="POST" action="{% url "auction:create_inquiry" %}">
{% csrf_token %}
<div class="row">
<div class="col-12 col-md-12 col-lg-5 col-xl-4">
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<div class="form-group left-icon">
<input id="id_destination_name" name="destination_name" disabled value="Kreuzfahrt!" type="text" class="form-control" required placeholder="{% trans "Zielort" %}" >
<i class="fa fa-map-marker"></i>
</div>
</div><!-- end columns -->
<div class="col-12 col-md-6 col-lg-6">
<div class="form-group left-icon">
<input id="id_budget" name="budget" type="number" step="1" class="form-control" required placeholder="{% trans "Budget" %}" >
<i class="fa fa-euro-sign"></i>
</div>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end columns -->
<div class="col-12 col-md-12 col-lg-5 col-xl-4">
<div class="row">
<div class="col-6 col-md-6 col-lg-6">
<div class="form-group left-icon">
<input id="id_arrival" data-mindate="{% hours_from_now 24 %}" name="arrival" type="text" class="form-control dpd1" required placeholder="{% trans "Anreise" %}" >
<i class="fa fa-calendar"></i>
</div>
</div><!-- end columns -->
<div class="col-6 col-md-6 col-lg-6">
<div class="form-group right-icon">
<select id="id_min_nights" name="min_nights" class="form-control">
<option value="0">Dauer Egal!</option>
<option value="1">Kurztrip (2 – 3 Nächte)</option>
<option value="2">mehr als 3 Nächte</option>
</select>
<i class="fa fa-clock"></i>
</div>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end columns -->
<div class="col-12 col-md-12 col-lg-2 col-xl-2">
<div class="row">
<div class="col-6 col-md-6 col-lg-6">
<div class="form-group right-icon">
<select id="id_adults" name="adults" class="form-control">
<option value="1">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Erwachsene*r</option>
<option value="2">2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Erwachsene</option>
<option value="3">3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Erwachsene</option>
<option value="4">4&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Erwachsene</option>
<option value="5">5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Erwachsene</option>
</select>
<i class="fa fa-users"></i>
</div>
</div>
<div class="col-6 col-md-6 col-lg-6">
<div class="form-group right-icon">
<select id="id_children" name="children" class="form-control">
<option value="0">0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kinder</option>
<option value="1">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kind</option>
<option value="2">2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kinder</option>
<option value="3">3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kinder</option>
<option value="4">4&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kinder</option>
<option value="5">5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kinder</option>
</select>
<i class="fa fa-child"></i>
</div>
</div>
</div>
</div><!-- end columns -->
<div class="col-12 col-md-12 col-lg-12 col-xl-2 search-btn">
<button class="btn btn-orange">{% trans "Los!" %}</button>
</div><!-- end columns -->
</div><!-- end row -->
</form>
</div><!-- end flights -->
</div><!-- end tab-content -->