From 73ded4ced2f0f8bf8363fd0b412db837e4626042 Mon Sep 17 00:00:00 2001
From: Arthur Lecomte <la220984@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:23:23 +0100
Subject: [PATCH 1/3] Version A&B qui fonctionne

---
 index.html  | 19 +++++++++++++++++--
 js/car.js   | 29 +++++++++++++++++++++++++++++
 js/extra.js |  4 ++++
 js/index.js |  2 ++
 4 files changed, 52 insertions(+), 2 deletions(-)
 create mode 100644 js/car.js
 create mode 100644 js/extra.js

diff --git a/index.html b/index.html
index be6da78..4727441 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,31 @@
 </div>
 
 <!-- include prototypes here -->
-
+<script src="js/car.js"></script>
+<script src="js/extra.js"></script>
 <script>
 
     function generateCar(image, make, model, description, price, category, year, mileage, extras) {
         //Create an array of Extra instances based on Extras names and prices
+        let tmpTableau = new Array();
+        extras.forEach(element => {
+            tmpTableau.push(new Extra(element.name,element.price))
+            console.log(tmpTableau)
+        });
         // Create a new Car instance
+        return new Car(image,make,model,description,price,category,year,mileage,extras);
     }
 
     function showHideExtra(btn,elt,car) {
-
+        console.log(btn)
+        if (btn.innerHTML == '-'){
+            btn.innerHTML='+';
+            elt.innerHTML='';
+        }
+        else {
+            btn.innerHTML='-'
+            car.generateExtras(elt)
+        }    
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..f6573d7
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,29 @@
+function Car(image,make,model,description,price,category,year,mileage,tabExtra)
+{
+	this.image = image;
+	this.make = make;
+	this.model = model;
+	this.description = description;
+	this.price = price;
+	this.category = category;
+	this.year = year;
+	this.mileage = mileage;
+	this.tabExtra = tabExtra;
+}
+Car.prototype.generateImage = function (elt) {
+	let img = document.createElement('img');
+	img.src = this.image;
+	img.alt = this.make + " " + this.model;
+	img.classList.add ("card-img-top");
+	elt.appendChild(img);
+
+}
+Car.prototype.generateExtras = function (elt) {
+	let ul = document.createElement('ul');
+	this.tabExtra.forEach(element => {
+		let li = document.createElement('li');
+		li.textContent = element.name + " : " + element.price + " €";
+		ul.appendChild(li);
+	});
+	elt.appendChild(ul);
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000..51c633c
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,4 @@
+function Extra(name,price) {
+	this.name = name;
+	this.price = price;
+}
\ No newline at end of file
diff --git a/js/index.js b/js/index.js
index 4e1d119..e9cc54a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -145,9 +145,11 @@ for (const car of cars) {
             car.generateImage(document.getElementById("img-car-"+ index));
 
         if(car.generateExtras !== undefined)
+            console.log("fonctionne")
             car.generateExtras(document.getElementById("body-car-"+ index));
 
         document.getElementById("btn-car-"+ index).addEventListener('click',(event)=>{ showHideExtra(event.target,event.target.parentElement.querySelector('.body-extra'),cars[event.target.getAttribute('data-index')]) });
+        
 
     }
 
-- 
GitLab


From 427de62ceb9a046e461662cd0c7cdfdefa6fddc9 Mon Sep 17 00:00:00 2001
From: Arthur Lecomte <la220984@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:32:16 +0100
Subject: [PATCH 2/3] =?UTF-8?q?Am=C3=A9liorations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 6 +++---
 js/car.js  | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 4727441..d2574a7 100644
--- a/index.html
+++ b/index.html
@@ -41,17 +41,17 @@
         let tmpTableau = new Array();
         extras.forEach(element => {
             tmpTableau.push(new Extra(element.name,element.price))
-            console.log(tmpTableau)
+            
         });
         // Create a new Car instance
-        return new Car(image,make,model,description,price,category,year,mileage,extras);
+        return new Car(image,make,model,description,price,category,year,mileage,tmpTableau);
     }
 
     function showHideExtra(btn,elt,car) {
         console.log(btn)
         if (btn.innerHTML == '-'){
             btn.innerHTML='+';
-            elt.innerHTML='';
+            car.hideExtras(elt);
         }
         else {
             btn.innerHTML='-'
diff --git a/js/car.js b/js/car.js
index f6573d7..3aa8932 100644
--- a/js/car.js
+++ b/js/car.js
@@ -26,4 +26,8 @@ Car.prototype.generateExtras = function (elt) {
 		ul.appendChild(li);
 	});
 	elt.appendChild(ul);
+	
+}
+Car.prototype.hideExtras = function(elt){
+	elt.innerHTML='';
 }
\ No newline at end of file
-- 
GitLab


From 3857b20e446faaaf38c4bb6a23f950915b140f5c Mon Sep 17 00:00:00 2001
From: Arthur Lecomte <la220984@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:40:00 +0100
Subject: [PATCH 3/3] Fin du DS

---
 index.html  | 6 +++---
 js/index.js | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index d2574a7..feed5f1 100644
--- a/index.html
+++ b/index.html
@@ -49,12 +49,12 @@
 
     function showHideExtra(btn,elt,car) {
         console.log(btn)
-        if (btn.innerHTML == '-'){
-            btn.innerHTML='+';
+        if (btn.textContent == '-'){
+            btn.textContent='+';
             car.hideExtras(elt);
         }
         else {
-            btn.innerHTML='-'
+            btn.textContent='-'
             car.generateExtras(elt)
         }    
     }
diff --git a/js/index.js b/js/index.js
index e9cc54a..ce2a5bd 100644
--- a/js/index.js
+++ b/js/index.js
@@ -145,7 +145,6 @@ for (const car of cars) {
             car.generateImage(document.getElementById("img-car-"+ index));
 
         if(car.generateExtras !== undefined)
-            console.log("fonctionne")
             car.generateExtras(document.getElementById("body-car-"+ index));
 
         document.getElementById("btn-car-"+ index).addEventListener('click',(event)=>{ showHideExtra(event.target,event.target.parentElement.querySelector('.body-extra'),cars[event.target.getAttribute('data-index')]) });
-- 
GitLab