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;
 }
@@ -81,3 +81,19 @@ html {
 .status-accepted {
   color: greenyellow;
 }
+
+#leftarrow {
+  width: 50px;
+  height: 50px;
+}
+
+#rightarrow {
+  width: 50px;
+  height: 50px;
+}
+
+.arrows {
+  text-align: center;
+
+
+}

html/templates/contracts/contracts.html

@@ -2,3 +2,7 @@
 <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}" 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>
             `
@@ -118,6 +120,7 @@ export default (temp_engine) => {
         $('.contracts').append(card);
 
 
+
       });
 
     })