QRouland/ModuleWeb
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Correction cookie (light)

Browse Source
This commit is contained in:
alexandre-pereira 2015-03-30 15:51:58 +02:00
parent d82a49d53e
commit 8b3f700154
2 changed files with 36 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
SRC/public/css/frontend.css
View File

@ -187,11 +187,10 @@ button.level:active {
.referent:hover .referent:hover
{ {
-moz-box-shadow: 0px 0px 10px 2px white; -moz-box-shadow: 0px 0px 3px 2px #ffffff;
-webkit-box-shadow: 0px 0px 10px 2px white; -webkit-box-shadow: 0px 0px 3px 2px #ffffff;
-o-box-shadow: 0px 0px 10px 2px white; -o-box-shadow: 0px 0px 3px 2px #ffffff;
box-shadow: 0px 0px 10px 2px white; box-shadow: 0px 0px 3px 2px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
} }
.trophy-text { .trophy-text {

64
SRC/resources/views/frontend/home.blade.php
View File

@ -2,18 +2,21 @@
@section('content') @section('content')
@if ($referents != []) @if ($referents != [])
<div id="infoHome" style="@if($cookie == 'open')display: none @endif;text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;"> <div id="infoHome" style="text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;">
<a href="#" onClick="cache();" style="float:right; text-decoration:none; color:red;"><span class="icon-cross"></span></a> <div class="part">
<h1 class="homeTitle">Les jeux du Musée des Augustins</h1> <a href="#" onClick="cache();" style="float:right; text-decoration:none; color:red;"><span class="icon-cross"></span></a>
<h1 class="homeTitle">Les jeux du Musée des Augustins</h1>
L'objectif de ce site est de permettre aux enfants de jouer à des jeux tout en leur apportant de l'intérêt pour les différentes oeuvres d'art exposées dans le fameux musée toulousain.<br> L'objectif de ce site est de permettre aux enfants de jouer à des jeux tout en leur apportant de l'intérêt pour les différentes oeuvres d'art exposées dans le fameux musée toulousain.<br>
<span style="color:red;">Lorsque vous aurez choisit un référent, il faudra appuyer pendant 3 secondes sur l'icone de votre référent afin de revenir sur cette page.</span><br> <span style="color:red;">Lorsque vous aurez choisit un référent, il faudra appuyer pendant 3 secondes sur l'icone de votre référent afin de revenir sur cette page.</span><br>
Si vous n'avez pas de référent, vous pouvez toujours <span style="color:#37378e;"><a href="/">cliquer ici pour jouer aux jeux</a></span>, sinon cliquez sur leur image. Si vous n'avez pas de référent, vous pouvez toujours <span style="color:#37378e;"><a href="{{URL::to('changerref/1') }}">cliquer ici pour jouer aux jeux</a></span>, sinon cliquez sur leur image.</div>
<div class="part" style="display:none;">
<a href="#" style="text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;" onClick="cache();">À Propos</a>
</div>
</div>
</div> </div>
<div id="txt_show" style="@if($cookie == 'close')display: none; @endif text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;">
<a href="#" style="text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;" onClick="cache();">À Propos</a>
</div>
<nav> <nav>
<input name="searchterm" class="icon-search" id="searchterm" placeholder="&#xe986; Rechercher un référent" type="text"> <input name="searchterm" class="icon-search" id="searchterm" placeholder="&#xe986; Rechercher un référent" type="text">
</nav> </nav>
@ -40,30 +43,27 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$("#searchterm").on('input', function(e){
var q = $("#searchterm").val();
var url = (q == "") ? '{{URL::to('api/searchRef')}}' : '{{URL::to('api/searchRef')}}/' + q;
$.getJSON(url, function(data) {
$("#referents").empty();
$.each(data, function(i,item){
$("#referents").append('<div class="referent" onclick=\'location.href = "{{ URL::to('changerref') }}/'+ item.id + '"\' style="background-image:url(\'{{ URL::to('/') }}/'+item.image+'\')"><div class="infos">'+ item.prenom + " " + item.nom + '</div></div>');
});
});
});
function cache() {
$.get("{{URL::to('toogleInfoBar') }}", function() {});
$('#infoHome .part').slideToggle('display');
}
$("#searchterm").on('input', function(e){ @if($cookie=='open')
var q = $("#searchterm").val(); $('#infoHome .part').slideToggle('display');
var url = (q == "") ? '{{URL::to('api/searchRef')}}' : '{{URL::to('api/searchRef')}}/' + q; @endif
$.getJSON(url, function(data) {
$("#referents").empty();
$.each(data, function(i,item){
$("#referents").append('<div class="referent" onclick=\'location.href = "{{ URL::to('changerref') }}/'+ item.id + '"\' style="background-image:url(\'{{ URL::to('/') }}/'+item.image+'\')"><div class="infos">'+ item.prenom + " " + item.nom + '</div></div>');
});
});
});
</script>
<script>
function cache() {
$.get("toogleInfoBar", function() {});
// Toogle
$('#infoHome').toggle('display');
$('#txt_show').toggle('display');
}
</script> </script>
@endsection @endsection