From 6fc4652cb0d86d902111bbd34025eedf80adbd75 Mon Sep 17 00:00:00 2001
From: GerFr <140012598+GerFr@users.noreply.github.com>
Date: Wed, 29 May 2024 23:33:58 +0200
Subject: [PATCH] resize images

---
 checkout.html            |  3 +-
 confirmation.html        |  7 ++--
 js/index.js              | 11 +++++
 partials/ordermodal.html | 86 ++++++++++++++++++++--------------------
 summary.html             |  3 +-
 5 files changed, 62 insertions(+), 48 deletions(-)

diff --git a/checkout.html b/checkout.html
index 775361a..d8c1542 100644
--- a/checkout.html
+++ b/checkout.html
@@ -18,7 +18,8 @@
   <script src="js/checkout.js"></script>
   <style>
     .cart-image {
-      width: 10vh;
+      width: 30%;
+      height:30%;
     }
   </style>
   <script>
diff --git a/confirmation.html b/confirmation.html
index deef54e..d0bf710 100644
--- a/confirmation.html
+++ b/confirmation.html
@@ -18,7 +18,8 @@
     <script src="js/checkout.js"></script>
     <style>
         .cart-image {
-            width: 10vh;
+            width: 30%;
+            height:30%;
         }
     </style>
     <script>
@@ -96,7 +97,7 @@ <h6 class="my-0 text-start">{{ProperName}}</h6>
                                             Distance: {{Distance}}
                                         </small>
                                     </div>
-                                    <span class="text-muted">€{{Price}}</span>
+                                    <span class="text-muted">€ {{formatCurrency Price}}</span>
                                 </li>
                                 {{/each}}
                                 </script>
@@ -110,7 +111,7 @@ <h6 class="my-0 text-start">{{ProperName}}</h6>
                                         Total
                                         </span>
                                         <strong>
-                                            €{{total}}
+                                            € {{formatCurrency total}}
                                         </strong>
                                 </li>
                                 </ul>
diff --git a/js/index.js b/js/index.js
index c0a27c3..69c60ad 100644
--- a/js/index.js
+++ b/js/index.js
@@ -113,6 +113,17 @@ function tocart(sID) {
     var parsedCartarr = JSON.parse(cartarr)
     if (cartarr === null) {
         parsedCartarr = [sID]
+        setTimeout(function () {
+            alert.classList.remove('d-none');
+            alert.classList.add('alert-success');
+            alert.innerHTML = "<p>Added!</p>"
+            setTimeout(function () {
+                alert.classList.add('d-none');
+                alert.classList.remove('alert-success');
+                alert.innerHTML = ""
+
+            }, 500);
+        }, 20);
     }
     else if (parsedCartarr.includes(sID) === false) {
         parsedCartarr.push(sID);
diff --git a/partials/ordermodal.html b/partials/ordermodal.html
index 1e68f1b..6cb9837 100644
--- a/partials/ordermodal.html
+++ b/partials/ordermodal.html
@@ -1,6 +1,5 @@
 {{#each this}}
-<div class="modal fade" id="{{total}}-modal"  data-bs-keyboard="false" tabindex="-1"
-    aria-hidden="true">
+<div class="modal fade" id="{{total}}-modal" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
     <div class="modal-dialog modal-dialog-scrollable modal-lg">
         <div class="modal-content">
             <div class="modal-header">
@@ -9,53 +8,54 @@ <h1 class="modal-title fs-5 display-2">For {{checkout.[0].value}}</h1>
             </div>
             <div class="modal-body">
                 <div class="text-center">
-                    <div class="row justify-content-center">
-                        <ul class="list-group mb-1">
-                            {{#each data}}
-                            <li class="list-group-item ms-2 justify-content-between mb-2 d-flex">
-                                <img src="assets/stars/{{Color}}.png"
-                                    class="card-img-top cart-image border-bottom border-dark img-fluid">
-                                <div>
-                                    <h6 class="my-0 text-start">{{ProperName}}</h6>
-                                    <small class="text-muted">
-                                        {{#if (lt Price 100000)}}
-                                        <strong>Sale</strong>
-                                        {{/if}}
-                                        Distance: {{Distance}}
-                                    </small>
-                                </div>
-                                <span class="text-muted">€ {{formatCurrency Price}}</span>
-                            </li>
-                            {{/each}}
-                        </ul>
-                        <div class="row justify-content-center mb-2 ">
-                            <div class="col-10 col-sm-8 col-md-6 col-xl-4 justify-center text-center">
-                                <ul>
-                                    <li class="list-group-item justify-content-between">
-                                        <span>
-                                            Total
-                                        </span>
-                                        <strong>
-                                            € {{formatCurrency total}}
-                                        </strong>
-                                    </li>
-                                </ul>
+                    <ul class="list-group mb-1">
+                        {{#each data}}
+                        <li class="list-group-item d-flex justify-content-between lh-condensed mb-2">
+                            <img src="assets/stars/{{Color}}.png"
+                                class="card-img-top cart-image border-bottom border-dark img-fluid">
+                            <div>
+                                <h6 class="my-0 text-start">{{ProperName}}</h6>
+                                <small class="text-muted">
+                                    {{#if (lt Price 100000)}}
+                                    <strong>Sale</strong>
+                                    {{/if}}
+                                    Distance: {{Distance}}
+                                </small>
                             </div>
-                        </div>
-                        {{#each checkout}}
-                        <div class="col-12 col-sm-10 col-md-8 col-xl-4">
-                            <ul class="list-group mt-1">
-                                <li class="list-group-item d-flex justify-content-between lh-condensed">
-                                    <div>
-                                        <h6 class="my-0 text-start">{{name}}</h6>
-                                    </div>
-                                    <span class="text-muted">{{value}}{{#if (eq value "")}}nothing{{/if}}
+                            <span class="text-muted">€ {{formatCurrency Price}}</span>
+                        </li>
+                        </li>
+                        {{/each}}
+                    </ul>
+                    <div class="row justify-content-center mb-2 ">
+                        <div class="col-10 col-sm-8 col-md-6 col-xl-4 justify-center text-center">
+                            <ul>
+                                <li class="list-group-item justify-content-between">
+                                    <span>
+                                        Total
                                     </span>
+                                    <strong>
+                                        € {{formatCurrency total}}
+                                    </strong>
                                 </li>
                             </ul>
                         </div>
-                        {{/each}}
                     </div>
+                    <div class="row justify-content-center">
+                    {{#each checkout}}
+                    <div class="col-12 col-sm-10 col-md-8 col-xl-4">
+                        <ul class="list-group mt-1">
+                            <li class="list-group-item d-flex justify-content-between lh-condensed">
+                                <div>
+                                    <h6 class="my-0 text-start">{{name}}</h6>
+                                </div>
+                                <span class="text-muted">{{value}}{{#if (eq value "")}}nothing{{/if}}
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                    {{/each}}
+                </div>
                 </div>
             </div>
             <div class="modal-footer">
diff --git a/summary.html b/summary.html
index aeb692c..174aa5f 100644
--- a/summary.html
+++ b/summary.html
@@ -17,7 +17,8 @@
     <script src="js/vanilla.js"></script>
     <style>
         .cart-image {
-            width: 10vh;
+            width: 30%;
+            height:30%;
         }
     </style>
     <script>