From 20e18720e8992db25bdc4daf523ac6976166eebd Mon Sep 17 00:00:00 2001 From: Nada Alami <nadaalami2002@gmail.com> Date: Sat, 12 Feb 2022 18:26:24 -0500 Subject: [PATCH] =?UTF-8?q?Ajout=20du=20Modal=20(AKA=20button=20du=20feedb?= =?UTF-8?q?ack=20de=20la=20journ=C3=A9e)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/calendar/index.html.twig | 47 ++++++++++++++++++++++-------- 1 file changed, 35 insertions(+), 12 deletions(-) diff --git a/templates/calendar/index.html.twig b/templates/calendar/index.html.twig index 2d608a23..69613017 100644 --- a/templates/calendar/index.html.twig +++ b/templates/calendar/index.html.twig @@ -10,19 +10,42 @@ {% block body %} <body> - <div class="card"> - <div class="card-header"> - Feedback de la journée - </div> - <div class="card-body"> - Est ce que vous avez respectez vos engagements ? - <button class="btn btn-success">Oui</button> - <button class="btn btn-danger">Non</button> - </div> - </div> + {# <div class="card"> + <div class="card-header"> + Feedback de la journée + </div> + <div class="card-body"> + Est ce que vous avez respectez vos engagements ? + <button class="btn btn-success">Oui</button> + <button class="btn btn-danger">Non</button> + </div> + </div> #} + <!-- Button trigger modal --> +<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleModal"> + Daily feedback +</button> + +<!-- Modal --> +<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <h5 class="modal-title" id="exampleModalLabel">Daily Feedback</h5> + <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> + </div> + <div class="modal-body"> + Did you manage to complete all the tasks for today? + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No, I haven't</button> + <button type="button" class="btn btn-primary">Yes, I have!</button> + </div> + </div> + </div> +</div> {# <div id="calendar" style"height: 800px;"></div> #} - <button id="prevBtn" class="btn btn-secondary">Prev</button> - <button id="nextBtn" class="btn btn-primary">Next</button> + <button id="prevBtn" class="btn btn-primary">Prev</button> + <button id="nextBtn" class="btn btn-danger">Next</button> <div id="calendarList"></div> </body> -- GitLab