diff --git a/index.php b/index.php
index de32572a770a32044f3d36f08912bc52dc3d9c33..bccb250c461769dbc349b1a9e771fc013b88e4cb 100644
--- a/index.php
+++ b/index.php
@@ -22,19 +22,13 @@
<link rel="import" href="dist/lib/ldp-display/ldp-display.html" />
<link rel="import" href="dist/lib/ldp-display/ldp-router.html" />
- <link rel="import" href="dist/lib/ldp-display/ldp-calendar.html" />
</head>
<body>
<?php require_once('src/html/menu.html'); ?>
<main id="mainContainer" class="container-fluid">
- <?php require_once('src/html/home.html'); ?>
<?php require_once('src/html/members.html'); ?>
- <?php require_once('src/html/projects.html'); ?>
- <?php require_once('src/html/groups.html'); ?>
- <?php require_once('src/html/calendar.html'); ?>
- <?php require_once('src/html/drive.html'); ?>
</main>
<!--Profil Modal-->
diff --git a/src/html/members.html b/src/html/members.html
index 590e71db2795397f56e1b85bb72789814e2224f5..8cf324e795a0009a6ec6384f0427db9f73b1aaa7 100644
--- a/src/html/members.html
+++ b/src/html/members.html
@@ -3,7 +3,17 @@
<h1>Membres</h1>
</div>
- <ldp-display id="profilesList" data-src="http://lucky.alwaysdata.net/api/users/" data-fields="miniature" set-miniature="picture, name" widget-picture="ldp-display-img"></ldp-display>
+ <ldp-display
+ id="profilesList"
+ data-src="http://localhost:8000/users/"
+ set-name="firstname, name-separator, lastname"
+ value-name-separator=" "
+ set-location="city, city-separator, country"
+ value-city-separator=", "
+ data-fields="avatar, name, location"
+ widget-avatar="ldp-display-img"
+ search-fields="city"
+ ></ldp-display>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function (event) {
diff --git a/src/html/menu.html b/src/html/menu.html
index 3df09a0a94e9a8e28aa1ca5c11bc315296f6b047..845cc8eb31001f15509b9ad15f75f7600fda385f 100644
--- a/src/html/menu.html
+++ b/src/html/menu.html
@@ -6,13 +6,12 @@
<div id="menu-title" class="navbar-brand">HAPPY APP</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ldp-router class="navbar-nav mr-auto" root="ldp-root" default-route="home">
+ <ldp-router class="navbar-nav mr-auto" root="ldp-root" default-route="members">
<ldp-route class="nav-item active" name="members">Membres</ldp-route>
<ldp-route class="nav-item" name="projects">Projets</ldp-route>
<ldp-route class="nav-item" name="groups">Groupes</ldp-route>
<ldp-route class="nav-item" name="calendar">Agenda</ldp-route>
<ldp-route class="nav-item" name="drive">Drive</ldp-route>
- <!-- <ldp-route name="home">Home</ldp-route> -->
</ldp-router>
</div>
</nav>
diff --git a/src/scss/_members.scss b/src/scss/_members.scss
index b5eca49c24f37a5ca19180db3c9ce1a6b05313c8..06da362a5ff45994526126dcf2ce765805e22fb0 100644
--- a/src/scss/_members.scss
+++ b/src/scss/_members.scss
@@ -1,8 +1,35 @@
#profilesList {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- max-width: fit-content;
+ ldp-display {
+ img {
+ display: block;
+ }
+
+ &, img {
+ width: 100%;
+ max-width: 320px;
+ min-width: 100%;
+ }
+
+ div[name="name"],
+ div[name="location"] {
+ display: flex;
+ }
+ }
+}
+
+@media (min-width: 576px) {
+ #profilesList {
+ display: flex;
+ justify-content: space-between;
+
+ ldp-display {
+ &, img {
+ width: 250px;
+ max-width: initial;
+ min-width: initial;
+ }
+ }
+ }
}
.miniature {