From 07d15c09a1244ada20e27ac6b19ce7885f311c40 Mon Sep 17 00:00:00 2001
From: Ruben Tome <Ruben.Tome@rpn.ch>
Date: Thu, 14 Dec 2023 16:11:08 +0100
Subject: [PATCH] =?UTF-8?q?Commit=20fin=20de=20journ=C3=A9e,=20ajout=20du?=
 =?UTF-8?q?=20status=20du=20contrat?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/global.css  |  8 ++++++++
 scripts/main.js | 10 ++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/css/global.css b/css/global.css
index bc5eda0..5296ef1 100644
--- a/css/global.css
+++ b/css/global.css
@@ -85,4 +85,12 @@ footer p {
 
 #modal-footer {
   background-color: #272727;
+}
+
+#status {
+  color: orange;
+}
+
+#revenu {
+  color: white
 }
\ No newline at end of file
diff --git a/scripts/main.js b/scripts/main.js
index 20f7307..68a64a8 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -81,7 +81,7 @@ async function contract() {
       img = "/img/shuttle.png"
     }
     if (contrat.accepted) {
-      status = "accepté"
+      status = "accepted"
       card =
         `                            
         <div class="card" style="width: 20rem;">
@@ -96,7 +96,7 @@ async function contract() {
       `
     }
     else {
-      status = "en attente"
+      status = "on hold"
       card =
         `                            
         <div class="card" style="width: 20rem;">
@@ -104,7 +104,8 @@ async function contract() {
             <div class="card-body">
               <h5 style="color:white" class="card-title">${contrat.factionSymbol}</h5>
               <p style="color:white" class="card-text">${contrat.deadlineToAccept}</p>
-              <p style="color:white" id="status" class="card-text">Status : ${status}</p>
+              <p id="status" class="card-text">Status : ${status}</p>
+              <p  id="revenu" class="card-text">Revenu : ${contrat.terms.payment.onAccepted} $</p>
               <button id="btn-infos" contratID="${contrat.id}" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Infos</button>
               <button id="btn-accept" contratID="${contrat.id}" class="btn-modify btn btn-primary" data-toggle="modal" data-target="#Modify" >Accepter</button>                       
             </div>
@@ -125,10 +126,11 @@ async function contract() {
         <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
-              <h1 class="modal-title fs-5" id="title-modal">${contrat.id}</h1>
+              <h1 class="modal-title fs-5" id="title-modal">Informations</h1>
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
+              Contrat ID : ${contrat.id} <br>
               Type : ${contrat.type} <br>
               Faction : ${contrat.factionSymbol} <br>
               DeadLine : ${contrat.deadlineToAccept}