diff --git a/webapp/views/elements/nav.inc.ejs b/webapp/views/elements/nav.inc.ejs index 561979b3f06a033e45198c62a81167b7d300e3b9..dd23bde55430ff13073ff6278e88d805f78746d6 100644 --- a/webapp/views/elements/nav.inc.ejs +++ b/webapp/views/elements/nav.inc.ejs @@ -17,10 +17,10 @@ <div class="nav-mobile d-xl-none" id="navMobile"> <ul class="nav-mobile-body list-group"> <a class="nav-link active" href="/"> - <li class="list-group-item"><i class="fas fa-home fa-2x"></i></li> + <li class="list-group-item"><i class="fas fa-home"></i> Accueil</li> </a> <a class="nav-link" href="/create-meeting"> - <li class="list-group-item"><i class="fas fa-address-book fa-2x"></i></li> + <li class="list-group-item"><i class="fas fa-address-book"></i> Creer Meeting</li> </a> </ul> </div> diff --git a/webapp/views/js/meeting.js b/webapp/views/js/meeting.js index ba64920d28ee2c64317fa7eff948acad4a3c313e..b0373514ec808f939e91ddf0371b5bfaa47acf22 100644 --- a/webapp/views/js/meeting.js +++ b/webapp/views/js/meeting.js @@ -40,6 +40,7 @@ $(document).ready(function(){ socket.on('get_meeting', function(data){ + $('#users').html('') const parameters = ` @@ -53,7 +54,7 @@ socket.on('get_meeting', function(data){ <dd class="col-sm-9">${data.creator}</dd> <dt class="col-sm-3">Périodes</dt> - <dd class="col-sm-9">Du ${data.period.date_from.day}/${data.period.date_from.month}/${data.period.date_from.year} au ${data.period.date_to.day}/${data.period.date_to.month}/${data.period.date_to.year}</dd> +<dd class="col-sm-9">Du ${data.period.date_from.day}/${data.period.date_from.month}/${data.period.date_from.year} au ${data.period.date_to.day}/${data.period.date_to.month}/${data.period.date_to.year}</dd> <dt class="col-sm-3">Code</dt> <dd class="col-sm-9">${id_meeting}</dd> @@ -65,7 +66,7 @@ socket.on('get_meeting', function(data){ <dl class="row"> <dt class="col-sm-3">Date</dt> <dd class="col-sm-9"> - ${data.date.time ? `Le ${data.date.day}/${data.date.month}/${data.date.year} à ${data.date.time.hour}:${data.date.time.minutes}` : ''} + ${data.date ? `Le ${data.date.day}/${data.date.month}/${data.date.year} à ${data.date.time.hour}:${data.date.time.minutes}` : ''} </dd> <dt class="col-sm-3">Works for</dt> diff --git a/webapp/views/meeting.ejs b/webapp/views/meeting.ejs index 39661498a4c2a2cd9656d6ea27d749669a895f31..1c17ff1b7d1eaefb7eaa918dcf51a9bed513955c 100644 --- a/webapp/views/meeting.ejs +++ b/webapp/views/meeting.ejs @@ -7,7 +7,7 @@ </head> <body> <script> - var id_meeting = <%- id_meeting %> + var id_meeting = '<%- id_meeting %>' </script> <script type="text/javascript" src="/js/meeting.js"></script> @@ -16,13 +16,15 @@ <%- include('elements/nav.inc.ejs') %> - <div class="w-100 d-flex mt-4 mb-3"> - <div class="d-flex justify-content-end"> - <button type="button" name="add user" class="btn btn-primary mr-2" onclick="toggle_add_user()">Ajouter un membre</button> + <div class="w-100 d-flex mb-3"> + <div class="d-flex justify-content-end w-100"> + <button type="button" name="add user" class="btn btn-primary" onclick="toggle_add_user()">Ajouter un membre</button> + <!-- <button type="button" name="button" class="btn btn-info mx-2" onclick="update_center()">Center</button> <button type="button" name="button" class="btn btn-secondary mx-2" onclick="update_appointement()">Appointement</button> <button type="button" name="button" class="btn btn-danger mx-2" onclick="update_journeys()">Journey</button> <button type="button" name="button" class="btn btn-success mx-2" onclick="socket.emit('test_class')">Test</button> + --> </div> </div> <div class="card mb-4"> @@ -33,7 +35,7 @@ </div> </div> - <div class="row w-100" id="users"> + <div class="row" id="users"> </div> diff --git a/webapp/views/style/navbar.scss b/webapp/views/style/navbar.scss index 80c94accb850f656b96783a01871d0445c5fc700..e64ee7eec0ac6b20a6d10a7a7c4e7770e5e138e8 100644 --- a/webapp/views/style/navbar.scss +++ b/webapp/views/style/navbar.scss @@ -1,3 +1,7 @@ +.navbar a{ + color: var(--text-main); +} + .navbar-computer{ background-color: var(--bg-element); .main-title{ diff --git a/webapp/views/style/style.css b/webapp/views/style/style.css index 61ba17a1773f5be8cc8570025c3bbee72de4d21e..ed7ab6f3329415f1e17b1e85778fea7a3d947d69 100644 --- a/webapp/views/style/style.css +++ b/webapp/views/style/style.css @@ -15,6 +15,10 @@ --color-primary: purple; } +.navbar a { + color: var(--text-main); +} + .navbar-computer { background-color: var(--bg-element); } @@ -119,6 +123,10 @@ body { box-shadow: 3px 0 15px 1px var(--shadow); } +.card-header { + background-color: var(--bg-element); +} + .card-subtitle { font-weight: 700; margin-top: 1em; diff --git a/webapp/views/style/style.css.map b/webapp/views/style/style.css.map index 0b7dfc1d35df281cc89b94688e2be6e88437d941..592d68b0d32f3c23c023690872cd29d5c5b2927b 100644 --- a/webapp/views/style/style.css.map +++ b/webapp/views/style/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["vars.scss","navbar.scss","add-user.scss","style.scss"],"names":[],"mappings":"AAAA;AACE;AAEA;AACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EAEA;;;ACrBF;EACE;;AACA;EACE;;AAGA;EACE;;;AAKJ;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIF;EACE;EACA;;;AAGJ;EAEI;IACE;;;EAGJ;IACE;;;ACnDJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACE;;AACF;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;;AC5BN;EACE;EACA;;;AAIF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["vars.scss","navbar.scss","add-user.scss","style.scss"],"names":[],"mappings":"AAAA;AACE;AAEA;AACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EAEA;;;ACrBF;EACE;;;AAGF;EACE;;AACA;EACE;;AAGA;EACE;;;AAKJ;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIF;EACE;EACA;;;AAGJ;EAEI;IACE;;;EAGJ;IACE;;;ACvDJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACE;;AACF;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;;AC5BN;EACE;EACA;;;AAIF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/webapp/views/style/style.scss b/webapp/views/style/style.scss index 2675515255721949b01f0c875ebad99623d7f0fc..58ffe40378d08558675f78e8facfc6f710f67495 100644 --- a/webapp/views/style/style.scss +++ b/webapp/views/style/style.scss @@ -18,6 +18,9 @@ body{ border-radius: 0; box-shadow: 3px 0 15px 1px var(--shadow); } +.card-header{ + background-color: var(--bg-element); +} .card-subtitle{ font-weight: 700; margin-top: 1em;