From 57ce5dc9ad910f1c9955dcfa3319c0db635652b0 Mon Sep 17 00:00:00 2001
From: Killian Deslandes <dk220581@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:06:40 +0100
Subject: [PATCH 1/4] prototype car et extra + generateImage

---
 js/car.js   | 19 +++++++++++++++++++
 js/extra.js |  4 ++++
 2 files changed, 23 insertions(+)
 create mode 100644 js/car.js
 create mode 100644 js/extra.js

diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..96a152c
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,19 @@
+function Car(image, make, model, description, price, category, year, mileage, extras) {
+    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.extras = extras;
+}
+
+Car.prototype.generateImage = function(elt) {
+    const img = document.createElement('img');
+    img.src = this.image;
+    img.alt = this.make + " " + this.model;
+    img.classList.add('card-img-top');
+    elt.appendChild(img);
+};
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000..d5f7ff9
--- /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
-- 
GitLab


From 91f88e78651f6136219faca43a41b62a7d2705aa Mon Sep 17 00:00:00 2001
From: Killian Deslandes <dk220581@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:07:45 +0100
Subject: [PATCH 2/4] prototype dans le index.html

---
 index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/index.html b/index.html
index be6da78..1d5d41b 100644
--- a/index.html
+++ b/index.html
@@ -32,12 +32,17 @@
 </div>
 
 <!-- include prototypes here -->
+<script src="./js/extra.js"></script>
+<script src="./js/car.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
         // Create a new Car instance
+        const extraInstances = extras.map(extra => new Extra(extra.name, extra.price));
+
+        return new Car(image, make, model, description, price, category, year, mileage, extraInstances);
     }
 
     function showHideExtra(btn,elt,car) {
-- 
GitLab


From 45da805264256b4827aef83bdcc73f5075eb3e9f Mon Sep 17 00:00:00 2001
From: Killian Deslandes <dk220581@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:29:59 +0100
Subject: [PATCH 3/4] =?UTF-8?q?m=C3=A9thode=20generateExtras?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/car.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/js/car.js b/js/car.js
index 96a152c..b425c31 100644
--- a/js/car.js
+++ b/js/car.js
@@ -16,4 +16,16 @@ Car.prototype.generateImage = function(elt) {
     img.alt = this.make + " " + this.model;
     img.classList.add('card-img-top');
     elt.appendChild(img);
+};
+
+Car.prototype.generateExtras = function(elt) {
+    const ul = document.createElement('ul');
+
+    this.extras.forEach(extra => {
+        const li = document.createElement('li');
+        li.textContent = extra.name + ' - ' + extra.price + '€';
+        ul.appendChild(li);
+    });
+
+    elt.appendChild(ul);
 };
\ No newline at end of file
-- 
GitLab


From fb887afc81cc66729b3e25ed4088e6874c64a98e Mon Sep 17 00:00:00 2001
From: Killian Deslandes <dk220581@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:40:52 +0100
Subject: [PATCH 4/4] =?UTF-8?q?fin=20du=20controle=20avec=20la=20m=C3=A9th?=
 =?UTF-8?q?ode=20showHideExtra?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1d5d41b..d6a7d2b 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,14 @@
     }
 
     function showHideExtra(btn,elt,car) {
-
+        if (elt.style.display == 'none'){
+            elt.style.display = 'block';
+            btn.innerHTML = '-';
+        }
+        else{
+            elt.style.display = 'none';
+            btn.innerHTML = '+';
+        }
     }
 
 
-- 
GitLab