new main page

This commit is contained in:
alexandre-pereira
2015-03-10 15:57:41 +01:00
parent 853ee062d9
commit df57f8f539
4 changed files with 132 additions and 75 deletions

View File

@ -1,72 +1,47 @@
@extends('app')
@section('content')
<link href="css/home.css" rel="stylesheet" type="text/css"/>
<link href="css/coverflow.css" rel="stylesheet" type="text/css"/>
<br>
<center>
<img style="height:auto; width:auto; max-width:100px;" alt="" src="./pictures/homePic/home.png">
{{ HTML::style('css/frontend.css'); }}
<nav>
<form class="form-inline navbar" onsubmit="rechercherReferent()">
<div class="row divRecherche">
<div class="col-xs-12">
<input id="searchfield" class="form-control inpSear" placeholder="Rechercher un Référant" name="search" type="text"/>
</div>
</div>
</form>
<form onsubmit="rechercherReferent()">
<div class="row divRecherche">
<input name="ref" id="ref" placeholder="Rechercher un référent" type="text">
</div>
</form>
</nav>
@if ($referents != [])
@if ($referent != [])
<div style="margin-left: 200px, margin-right: 200px" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- indicateur, à incrementé en fonction du nombre d'images -->
<ol class="carousel-indicators">
@foreach ($referent as $ref)
@if ($ref -> id == $referent[0] -> id)
<li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> id }}" class='active' ></li>
@else
<li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> id }} "></li>
@endif
@endforeach
</ol>
<nav>
<form>
<input name="searchterm" id="searchterm" placeholder="Rechercher un référent" type="text">
</form>
</nav>
<div id="referents" class="referents">
@foreach ($referents as $referent)
<!-- Parametres des images -->
<div id="caroussel" class="carousel-inner" role="listbox">
@foreach ($referent as $ref)
@if ($ref -> id == $referent[0] -> id)
<div class="item active">
@else
<div class="item">
@endif
<br>
<a href="/referents/vive.linux/games"><img class="imgRef" src="{{$ref -> image}}" alt="{{ $ref -> firstname }}-{{ $ref -> lastname }}"></a>
<a href="/referents/vive.linux/games"><div class="well well-lg nomRef">{{$ref -> firstname}}, {{$ref -> lastname}}</div></a>
</div>
@endforeach
</div>
<div class="referent" style="background-image:url('{{ $ref -> image }}')">
<div class="infos">{{ $referent -> firstname }} {{ $referent -> lastname }}</div>
</div>
<!-- Controles -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Précédant</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Suivant</span>
</a>
</div>
</div>
@endforeach
</div>
<script type="text/javascript">
$("#searchterm").keyup(function(e){
var q = $("#searchterm").val();
$.getJSON("searchRef/" + q, function(data) {
$("#referents").empty();
$.each(data.query.search, function(i,item){
$("#referents").append('<div class="referent" style="background-image:url('4.jpg')"><div class="infos">'+ item.firstname +'</div></div>');
});
});
});
</script>
@else
@endif
<script type="text/javascript">
document.oncontextmenu = new Function("return true");
function hideIcon(self) {
self.style.backgroundImage = 'none';
}
</script>
<script type="text/javascript" src="/js/rechercheRef.js"> </script>
</center>
<h1>Aucun référent trouvé</h1>
@endsection