autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ready to display members

Browse Source
This commit is contained in:
Alexandre Bourlier 2018-03-18 16:29:31 +01:00
parent 943e54032f
commit 4359bdfb35
4 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.php
View File

@ -28,16 +28,14 @@
<body> <body>
<?php require_once('src/html/menu.html'); ?> <?php require_once('src/html/menu.html'); ?>
<div id="mainContainer" class="container-fluid"> <main id="mainContainer" class="container-fluid">
<main id="ldp-root" class="col-md-10"> <?php require_once('src/html/home.html'); ?>
<?php require_once('src/html/home.html'); ?> <?php require_once('src/html/members.html'); ?>
<?php require_once('src/html/members.html'); ?> <?php require_once('src/html/projects.html'); ?>
<?php require_once('src/html/projects.html'); ?> <?php require_once('src/html/groups.html'); ?>
<?php require_once('src/html/groups.html'); ?> <?php require_once('src/html/calendar.html'); ?>
<?php require_once('src/html/calendar.html'); ?> <?php require_once('src/html/drive.html'); ?>
<?php require_once('src/html/drive.html'); ?> </main>
</main>
</div>
<!--Profil Modal--> <!--Profil Modal-->
<div id="profileDiv" style="display: none;"> <div id="profileDiv" style="display: none;">

10
src/html/members.html
View File

@ -1,14 +1,10 @@
<div id="members" style="display: none"> <div id="members" style="display: none">
<h1 class="page-title">Membres</h1> <div class="page-header">
<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://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="https://djangoldp.happy-dev.fr/skippers/" data-fields="miniature, name" set-miniature="picture" widget-picture="ldp-display-img"
set-name="name, testmdr" value-testmdr="C'est trés amusant"></ldp-display> -->
<!-- test direct dans data-fields -->
<!-- <ldp-display id="profilesList" data-src="https://djangoldp.happy-dev.fr/skippers/" data-fields="picture, name" widget-picture="ldp-display-img"></ldp-display> -->
<script type="text/javascript"> <script type="text/javascript">
document.addEventListener("DOMContentLoaded", function (event) { document.addEventListener("DOMContentLoaded", function (event) {
var profilesListElt = document.querySelector('#profilesList'); var profilesListElt = document.querySelector('#profilesList');

6
src/html/menu.html
View File

@ -1,10 +1,10 @@
<nav class="navbar navbar-expand-md navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
<div id="menu-title" class="navbar-brand">HAPPY APP</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div id="menu-title" class="navbar-brand">HAPPY APP</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <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="home">
<ldp-route class="nav-item active" name="members">Membres</ldp-route> <ldp-route class="nav-item active" name="members">Membres</ldp-route>

3
src/scss/_menu.scss
View File

@ -6,6 +6,9 @@
ldp-route:hover { ldp-route:hover {
text-decoration: underline; text-decoration: underline;
} }
ldp-route[active] {
font-weight: bold;
}
} }