Fix incorrect nesting of filterpanel markup

This commit is contained in:
Björn Fromme
2019-08-15 15:20:41 +02:00
parent 8e4986861c
commit d75e7a6613
@@ -35,52 +35,52 @@
@click.prevent="resetFilterSettings">Filter zurücksetzen</a> @click.prevent="resetFilterSettings">Filter zurücksetzen</a>
<form class="border"> <form class="border">
<div class="panel-group" id="filteroptions" role="tablist" aria-multiselectable="true"> <div class="panel-group" id="filteroptions" role="tablist" aria-multiselectable="true">
<div class="panel-heading" role="tab" id="headingPeriod"> <div class="panel panel-default">
<h4 class="panel-title"> <div class="panel-heading" role="tab" id="headingPeriod">
<a role="button" data-toggle="collapse" href="#collapsePeriod" <h4 class="panel-title">
aria-expanded="true" aria-controls="collapsePeriod" <a role="button" data-toggle="collapse" href="#collapsePeriod"
:class="{ collapsed: !filterSettings.dateFrom && !filterSettings.dateTo }"> aria-expanded="true" aria-controls="collapsePeriod"
Reisezeitraum :class="{ collapsed: !filterSettings.dateFrom && !filterSettings.dateTo }">
</a> Reisezeitraum
</h4> </a>
</div> </h4>
<div id="collapsePeriod" class="panel-collapse collapse" role="tabpanel" </div>
:class="{ in: filterSettings.dateFrom || filterSettings.dateTo }" <div id="collapsePeriod" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingPeriod"> :class="{ in: filterSettings.dateFrom || filterSettings.dateTo }"
<div class="panel-body"> aria-labelledby="headingPeriod">
<div class="form-group hidden-xs hidden-sm"> <div class="panel-body">
<daterange-select <div class="form-group hidden-xs hidden-sm">
class="form-control" <daterange-select
:presets="datePresets" class="form-control"
:from="filterSettings.dateFrom" :presets="datePresets"
:to="filterSettings.dateTo" :from="filterSettings.dateFrom"
:min-date="filterOptions.dateFrom" :to="filterSettings.dateTo"
:max-date="filterOptions.dateTo" :min-date="filterOptions.dateFrom"
:show-label="false" :max-date="filterOptions.dateTo"
@selected="updateDateRange" :show-label="false"
></daterange-select> @selected="updateDateRange"
</div> ></daterange-select>
<div class="form-group hidden-md hidden-lg"> </div>
<label>Früheste Anreise</label> <div class="form-group hidden-md hidden-lg">
<input <label>Früheste Anreise</label>
type="date" <input
@change="updateDateSelectMobile" type="date"
v-model="filterSettings.dateFrom" @change="updateDateSelectMobile"
class="form-control" v-model="filterSettings.dateFrom"
> class="form-control"
</div> >
<div class="form-group hidden-md hidden-lg"> </div>
<label>Späteste Abreise</label> <div class="form-group hidden-md hidden-lg">
<input <label>Späteste Abreise</label>
type="date" <input
@change="updateDateSelectMobile" type="date"
v-model="filterSettings.dateTo" @change="updateDateSelectMobile"
class="form-control" v-model="filterSettings.dateTo"
> class="form-control"
>
</div>
</div> </div>
</div> </div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingSearch"> <div class="panel-heading" role="tab" id="headingSearch">
<h4 class="panel-title"> <h4 class="panel-title">
<a role="button" data-toggle="collapse" href="#collapseSearch" <a role="button" data-toggle="collapse" href="#collapseSearch"