Commit 2cdee3a4 authored by Lucas Détré's avatar Lucas Détré

adding a search field on list element

parent c9aee1f1
...@@ -289,8 +289,8 @@ dl:nth-child(even) { ...@@ -289,8 +289,8 @@ dl:nth-child(even) {
.page-content { .page-content {
width: 100vw; width: 100vw;
position: absolute; position: absolute;
left: 15rem; left: 14rem;
top: 6rem; top: 5rem;
transition: all 0.4s; transition: all 0.4s;
} }
...@@ -305,7 +305,7 @@ dl:nth-child(even) { ...@@ -305,7 +305,7 @@ dl:nth-child(even) {
border-radius: 5px; border-radius: 5px;
width: 80vw; width: 80vw;
height: 100vh; height: 100vh;
margin: 1rem; margin: 3rem;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
...@@ -323,6 +323,12 @@ dl:nth-child(even) { ...@@ -323,6 +323,12 @@ dl:nth-child(even) {
font-style: bolder; font-style: bolder;
} }
#ref-last-update {
font-size: 0.9em;
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
}
/*#ref-filter-row { /*#ref-filter-row {
} }
......
...@@ -2,53 +2,53 @@ ...@@ -2,53 +2,53 @@
<progress style="display: none" id="progress" /> <progress style="display: none" id="progress" />
<!-- Horizontal navbar --> <!-- Horizontal navbar -->
<div class="horizontal-nav bg-light" id="sidebar"> <div class="horizontal-nav bg-white" id="sidebar">
<ul class="nav bg-light mb-0"> <ul class="nav bg-white mb-0">
<li class="nav-item bg-light"> <li class="nav-item bg-white">
</li> </li>
</ul> </ul>
</div> </div>
<!-- End horizontal navbar --> <!-- End horizontal navbar -->
<!-- Vertical navbar --> <!-- Vertical navbar -->
<div class="vertical-nav bg-light" id="sidebar"> <div class="vertical-nav bg-white" id="sidebar">
<ul class="nav flex-column bg-light mb-0"> <ul class="nav flex-column bg-white mb-0">
<li class="nav-item bg-light"> <li class="nav-item bg-white">
<a href="." id="nav-title" class="nav-link text-dark"></a> <a href="." id="nav-title" class="nav-link text-dark"></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="." class="{selected: window.location.hash.startsWith('')} nav-link text-dark bg-light"> <a href="." class="{selected: window.location.hash.startsWith('')} nav-link text-dark bg-white">
<img src="/explorer/images/Icone_Home.svg" width="23" height="23" class="d-inline-block nav-icon" alt=""> <img src="/explorer/images/Icone_Home.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Accueil Accueil
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#rules" class="{selected: window.location.hash.startsWith('#rules')} nav-link text-dark bg-light"> <a href="#rules" class="{selected: window.location.hash.startsWith('#rules')} nav-link text-dark bg-white">
<img src="/explorer/images/Icone_Referentiel.svg" width="23" height="23" class="d-inline-block nav-icon" alt=""> <img src="/explorer/images/Icone_Referentiel.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Référentiel Référentiel
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#financements" class="{selected: window.location.hash.startsWith('#financements')} nav-link text-dark bg-light"> <a href="#financements" class="{selected: window.location.hash.startsWith('#financements')} nav-link text-dark bg-white">
<img src="/explorer/images/Icone_Financement.svg" width="23" height="23" class="d-inline-block nav-icon" alt=""> <img src="/explorer/images/Icone_Financement.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Financements Financements
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#simulate" class="{selected: window.location.hash.startsWith('#simulate')} nav-link text-dark bg-light"> <a href="#simulate" class="{selected: window.location.hash.startsWith('#simulate')} nav-link text-dark bg-white">
<img src="/explorer/images/Icone_Simulateur.svg" width="23" height="23" class="d-inline-block nav-icon" alt=""> <img src="/explorer/images/Icone_Simulateur.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Simulateur Simulateur
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#scenarios" class="{selected: window.location.hash.startsWith('#scenarios')} nav-link text-dark bg-light"> <a href="#scenarios" class="{selected: window.location.hash.startsWith('#scenarios')} nav-link text-dark bg-white">
<img src="/explorer/images/Icone_Scenarios.svg" width="23" height="23" class="d-inline-block nav-icon" alt=""> <img src="/explorer/images/Icone_Scenarios.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Scénarios Scénarios
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#tools" class="{selected: window.location.hash.startsWith('#tools')} nav-link text-dark bg-light"> <a href="#tools" class="{selected: window.location.hash.startsWith('#tools')} nav-link text-dark bg-white">
<img src="/explorer/images/Icone_Outils.svg" width="23" height="23" class="d-inline-block nav-icon" alt=""> <img src="/explorer/images/Icone_Outils.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Outils Outils
</a> </a>
......
<rules> <rules>
<div id="ref-main-div" class="bg-light"> <div id="ref-main-div" class="bg-white">
<div id="ref-header-row"> <div id="ref-header-row">
<div class="container"> <div class="container">
<div class="row mb-4"> <div class="row mb-4">
<div id="ref-count-financements" class="col-md-3 col-sm-6 col-xs-12"> <div id="ref-count-financements" class="col-md-3 col-sm-6 col-xs-12">
<span id="ref-count-financements-number" class="ref-count-financements-text">{ this.count_financements }&nbsp;</span> <span id="ref-count-financements-number" class="ref-results-count-number ref-count-financements-text">{ this.count_financements }</span>
<span class="ref-count-financements-text" if={ this.lt_two }>financement</span> <span class="ref-count-financements-text" if={ this.lt_two }>&nbsp;financement</span>
<span class="ref-count-financements-text" if={ !this.lt_two }>financements</span> <span class="ref-count-financements-text" if={ !this.lt_two }>&nbsp;financements</span>
</div> </div>
<div id="ref-create-financement" class="col-md-3 col-sm-6 col-xs-12 my-auto"> <div id="ref-create-financement" class="col-md-3 col-sm-6 col-xs-12 my-auto">
<button href="#" class="btn btn-outline-success" disabled>Créer un financement</button> <button href="#" class="btn btn-outline-success" disabled>Créer un financement</button>
...@@ -16,7 +16,6 @@ ...@@ -16,7 +16,6 @@
<div class="form-group mx-sm-3 mb-2"> <div class="form-group mx-sm-3 mb-2">
<input class="form-control" id="financement-search-field" name="financement-search" type="search" placeholder="Rechercher"> <input class="form-control" id="financement-search-field" name="financement-search" type="search" placeholder="Rechercher">
</div> </div>
<button class="btn btn-success mb-2" id="financement-search-button">OK</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -37,16 +36,16 @@ ...@@ -37,16 +36,16 @@
<hr class="ref-horizontal-separator"> <hr class="ref-horizontal-separator">
<div id="ref-result-row" class="container"> <div id="ref-result-row" class="container">
<span class="ref-results-count" if={ this.lt_two }>