Envoie du code des contracts pour rassembler tout le code

css/global.css

@@ -67,7 +67,7 @@ html {
 
 .contracts {
   margin-left: 240px;
-  margin-top: 250px;
+  margin-top: 225px;
   height: 100vh;
   width: 100vh;
 }
@@ -80,4 +80,20 @@ html {
 
 .status-accepted {
   color: greenyellow;
+}
+
+#leftarrow {
+  width: 50px;
+  height: 50px;
+}
+
+#rightarrow {
+  width: 50px;
+  height: 50px;
+}
+
+.arrows {
+  text-align: center;
+
+
 }

html/templates/contracts/contracts.html

@@ -1,4 +1,8 @@
 <link rel="stylesheet" href="css/global.css">
 <div class="contract-screen">
     <div class="contracts"></div>
+</div>
+<div class="arrows">
+    <input type="image" id="leftarrow" alt="Login" src="/assets/contracts/leftarrow.png" />
+    <input type="image" id="rightarrow" alt="Login" src="/assets/contracts/rightarrow.png" />
 </div>

js/controllers/contracts.js

@@ -86,7 +86,9 @@ export default (temp_engine) => {
                         <p style="color:white" class="card-text">${contract.deadline}</p>
                         <p style="color:white" class="card-text">${contract.deadline}</p>
                         <p class="card-text status-accepted">Status : ${status}</p>
-                        <button data-id="${contract.id}" type="button" class="btn btn-primary btn-infos" data-bs-toggle="modal" data-bs-target="#exampleModal">Infos</button>                      
+                        <button data-id="${contract.id}" class="btn-modify btn btn-primary btn-accept" data-toggle="modal" data-target="#Modify" >Contract accepted</button>                      
+                        <button data-id="${contract.id}" type="button" class="btn btn-primary btn-infos" data-bs-toggle="modal" data-bs-target="#exampleModal">Infos</button> 
+                        
                       </div>
                     </div>
             `
@@ -111,13 +113,14 @@ export default (temp_engine) => {
                         <button data-id="${contract.id}" class="btn-modify btn btn-primary btn-accept" data-toggle="modal" data-target="#Modify" >Accepter</button>                       
                       </div>
                     </div>
-                  `
+            `
         }
 
         $('.contracts').append(card);
         $('.contracts').append(card);
 
 
+
       });
 
     })