From 0c57159c0881a26bb1da79ce29e1595b2c093f54 Mon Sep 17 00:00:00 2001
From: vofy <tomas.batelka@email.cz>
Date: Fri, 13 Dec 2024 20:11:41 +0100
Subject: [PATCH] Add placeholder image to current offer

---
 .../src/app/home/current-offer/current-offer.component.html  | 5 ++---
 ClientApp/KachnaOnline/src/assets/placeholder_article.svg    | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 ClientApp/KachnaOnline/src/assets/placeholder_article.svg

diff --git a/ClientApp/KachnaOnline/src/app/home/current-offer/current-offer.component.html b/ClientApp/KachnaOnline/src/app/home/current-offer/current-offer.component.html
index 4d8f63ce..689f9039 100644
--- a/ClientApp/KachnaOnline/src/app/home/current-offer/current-offer.component.html
+++ b/ClientApp/KachnaOnline/src/app/home/current-offer/current-offer.component.html
@@ -9,7 +9,7 @@ <h4 *ngIf="hasTaps">Aktuálně na čepu</h4>
 <div *ngIf="hasTaps" class="row row-cols-2 row-cols-md-4 justify-content-center">
   <div *ngFor="let tap of taps" class="col mb-3">
     <div class="card h-100">
-      <img [src]="tap.imageUrl" style="max-width: 80px;" class="card-img-top mx-auto my-2" alt="{{tap.name}}">
+      <img [src]="tap.imageUrl ?? 'assets/placeholder_article.svg'" style="max-width: 80px;" class="card-img-top mx-auto my-2" alt="{{tap.name}}">
       <div class="card-body p-1">
         <h5 class="card-title">{{tap.name}}</h5>
       </div>
@@ -27,8 +27,7 @@ <h4>{{category}}</h4>
     <div class="row justify-content-center">
       <div *ngFor="let product of products[category]" class="col-6 col-sm-4 col-md-3 col-lg-2 mb-3">
         <div class="card h-100">
-          <img [src]="product.imageUrl" style="max-width: 80px;" class="card-img-top mx-auto my-2"
-               alt="{{product.name}}">
+          <img [src]="product.imageUrl ?? 'assets/placeholder_article.svg'" style="max-width: 80px;" class="card-img-top mx-auto my-2" alt="{{product.name}}">
           <div class="card-body p-1">
             <h5 class="card-title">{{product.name}}</h5>
           </div>
diff --git a/ClientApp/KachnaOnline/src/assets/placeholder_article.svg b/ClientApp/KachnaOnline/src/assets/placeholder_article.svg
new file mode 100644
index 00000000..487b78ce
--- /dev/null
+++ b/ClientApp/KachnaOnline/src/assets/placeholder_article.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1e3" height="1e3" version="1.1" viewBox="0 0 1e3 1e3" xmlns="http://www.w3.org/2000/svg">
+ <path d="m290.47 696-28.75-288h254.28a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-129.26l20-80h45.26a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-51.5a40 40 0 0 0-38.81 30.3l-24.43 97.7h-141.26a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h17.48l30.57 306.29a31.88 31.88 0 0 0 31.95 29.71h160a31.56 31.56 0 0 0 10.11-1.94 115.79 115.79 0 0 1-27.81-46.06zm417.53-152a16 16 0 1 0-16-16 16 16 0 0 0 16 16zm-80-16a16 16 0 1 0-16-16 16 16 0 0 0 16 16zm192 80c0-12.92-6.53-23.88-16-31.19a71.86 71.86 0 0 0-5.11-74.32c-33.43-47.62-100.48-78.43-170.89-78.49-70.36 0.06-137.41 30.87-170.82 78.49a71.83 71.83 0 0 0-5.18 74.32c-9.51 7.31-16 18.27-16 31.19a39.64 39.64 0 0 0 12.65 28.91 59.64 59.64 0 0 0-4.65 23.09 84.09 84.09 0 0 0 84 84h200a84.09 84.09 0 0 0 84-84 59.64 59.64 0 0 0-4.65-23.09 39.64 39.64 0 0 0 12.65-28.91zm-323.56-77.95c22.77-32.45 72.89-58 131.56-58.05s108.8 25.6 131.57 58.06a24.07 24.07 0 0 1-19.73 37.94h-223.67a24.07 24.07 0 0 1-19.73-37.95zm231.56 165.95h-200a36 36 0 0 1-36-36 12 12 0 0 1 12-12h248a12 12 0 0 1 12 12 36 36 0 0 1-36 36zm-180-152a16 16 0 1 0-16-16 16 16 0 0 0 16 16z" fill="#d6d6d6"/>
+</svg>