jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Fix ergonomics rules

Browse Source
This commit is contained in:
Ludovic CANDELLIER
2020-03-30 00:48:17 +02:00
parent 36267139a1
commit cd9b6ea74c
106 changed files with 1392 additions and 747 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
resources/views/shop/admin/Sections/site/lot.blade.php Normal file
View File

@@ -0,0 +1,38 @@
<div class="col-lg-4 col-md-6">
<div class="property bg-light-2 m-bottom-30 box-shadow-1 box-shadow-2-hover border-1 border-solid border-light">
<div class="property-media overlay-wrapper">
<img class="img-fluid wow fadeIn" data-wow-offset="100" src="/storage/images/site/{{ $image }}" alt="Lot">
<div class="media-data">
<div class="position-top">
<div class="text-white text-size-24 pull-right">
<a class="text-white text-base-hover" href="#">
<i class="fa fa-heart-o"></i>
</a>
</div>
</div>
<div class="position-bottom">
<div class="badge badge-base text-white pull-left m-right-8 p-top-8 p-right-12 p-bottom-8 p-left-12 rounded-0">{{ $dispositif }}</div>
<div class="text-white text-size-18 pull-right"><i class="fa fa-camera"></i> {{ $nb_photos }}</div>
</div>
</div>
<div class="overlay bg-bg opacity-9"></div>
</div>
<div class="property-section p-left-15 p-right-15">
<div class="m-top-20 m-bottom-20">
<h2 class="text-base text-bold-700 m-top-15 bleu wow heartBeat" data-wow-offset="100">
{{ $prix }} €
<small class="text-size-14 text-muted"></small>
</h2>
<h5><a class="text-bold-600 text-dark text-base-hover" href="#">{{ $titre }}</a></h5>
<p>Au sein d'une résidence récente et sécurisée, dans un cadre calme et verdoyant, appartement T3 de 58 m² situé au 1er étage comprenant</p>
<p><a href="#" class="bleu"><span class="fa fa-2x fa-map-marker"></span></a> <strong>{{ $adresse }} {{ $ville }}</strong></p>
<ul class="icon-list list-inline m-bottom-0">
<li class="list-inline-item"><span class="bleu fa fa-map-o"></span> {{ $nb_chambres+2 }} pièces</li>
<li class="list-inline-item"><span class="bleu fa fa-bed"></span> {{ $nb_chambres }} chambres</li>
<li class="list-inline-item"><span class="bleu fa fa-expand"></span> <strong>{{ $surface }} m²</strong></li>
</ul>
</div>
</div>
</div>
</div>

110
resources/views/shop/admin/Sections/site/recherche.blade.php Normal file
View File

@@ -0,0 +1,110 @@
<section style="padding-top: 20px;">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="container-fluid position-absolute" style="z-index: 5; padding-top: 40px;">
<div class="row justify-content-md-center">
<div class="col-sm-8">
<div class="widget padding-lg bg-dark">
<h1 class="text-center text-light wow rubberBand">Recherchez un lot</h1>
<form action="{{ route('Hestimmo.Lots.disponibles') }}" method="GET" class="form-inline">
<div class="row">
<div class="col-md-3">
<label for="">Type de logement</label>
<select name="type_lot_id" class="form-control">
<option>Type de lots</option>
@foreach($type_lots as $key => $type_lot)
<option value="{{$key}}">{{$type_lot}}</option>
@endforeach
</select>
</div>
<div class="col-md-3">
<label for="">Ville</label>
<select name="ville" id="ville" class="form-control" placeholder="Ville"></select>
<div class="form-group">
<input type="number" style="width: 100%;" id="distance" name="distance" data-provide="slider" data-slider-min="0" data-slider-max="40" data-slider-step="5" >
</div>
<div class="form-group">
Distance : <span id="distanceSliderVal">5</span> km
</div>
</div>
<div class="col-md-3 text-center">
<label class="col-sm-12">Budget</label>
<div class="form-group">
<input type="number" style="width: 100%;" id="budget" name="budget" data-provide="slider" data-slider-min="50000" data-slider-max="600000" data-slider-step="10000" >
</div>
<h3><span id="budgetSliderVal">50 000,00 €</span></h3>
<div class="w-100">+/- 5000 €</div>
</div>
<div class="col-md-2">
<label for=""></label>
<button class="btn btn-primary btn-block">Rechercher</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/storage/images/site/slide01.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="/storage/images/site/slide02.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="/storage/images/site/slide03.jpg" class="d-block w-100" alt="...">
</div>
</div>
</div>
</section>
@include('boilerplate::load.select2')
@push('js')
<script src="/js/bootstrap-slider.min.js"></script>
<script>
$(function () {
var mySlider = $("input.slider").slider();
$("#budget").on("slide", function(slideEvt) {
value = new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR' }).format(slideEvt.value);
$("#budgetSliderVal").text(value);
});
$("#distance").on("slide", function(slideEvt) {
$("#distanceSliderVal").text(slideEvt.value);
});
$('#ville').select2({
ajax: {
url: "{{ route('Villes.autocomplete') }}",
data: function (params) {
var query = {
search: params.term
}
// Query parameters will be ?search=[term]
return query;
}
}
});
var wew = new Wew({
target: '.wow',
keyword: 'wow',
});
wew.init();
});
</script>
@endpush
@push('css')
<link rel="stylesheet" href="/css/bootstrap-slider.min.css">
@endpush