From 71987c4fb4a0c50efc43759285094693d1674964 Mon Sep 17 00:00:00 2001
From: muli <muli@mrmuli.de>
Date: Sat, 24 Jun 2023 19:27:09 +0200
Subject: [PATCH] feat: Icons der Serivce-Cards laufen jetzt auch als
 Attachement.

---
 content/about/contents+en.lr                                | 6 +++---
 content/about/contents.lr                                   | 6 +++---
 {assets/images => content/about}/icon_connected_servers.svg | 0
 {assets/images => content/about}/icon_gears_bubble.svg      | 0
 {assets/images => content/about}/icon_processor.svg         | 0
 flowblocks/flow_services_cards.ini                          | 5 +++--
 templates/macros/services_cards.html                        | 3 ++-
 7 files changed, 11 insertions(+), 9 deletions(-)
 rename {assets/images => content/about}/icon_connected_servers.svg (100%)
 rename {assets/images => content/about}/icon_gears_bubble.svg (100%)
 rename {assets/images => content/about}/icon_processor.svg (100%)

diff --git a/content/about/contents+en.lr b/content/about/contents+en.lr
index 59c6bc05..d19314e5 100644
--- a/content/about/contents+en.lr
+++ b/content/about/contents+en.lr
@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Consulting
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Benefit from the broad IT know-how, the exchange of experience and the networking of our members and experts in the cooperative. The WTF cooperative is your competent contact.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Development
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: We realise your projects - whether web application, mobile app or hardware-related programming. We can also advise you on suitable business development programmes if required.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Operations
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: After the project, we do not leave you out in the cold with the result, but offer you services for the operation of the completed project and the administration of the infrastructure beyond the project.
 ----
diff --git a/content/about/contents.lr b/content/about/contents.lr
index c175cafc..0fa62cd6 100644
--- a/content/about/contents.lr
+++ b/content/about/contents.lr
@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Beratung
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Entwicklung
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Betrieb
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur.
 ----
diff --git a/assets/images/icon_connected_servers.svg b/content/about/icon_connected_servers.svg
similarity index 100%
rename from assets/images/icon_connected_servers.svg
rename to content/about/icon_connected_servers.svg
diff --git a/assets/images/icon_gears_bubble.svg b/content/about/icon_gears_bubble.svg
similarity index 100%
rename from assets/images/icon_gears_bubble.svg
rename to content/about/icon_gears_bubble.svg
diff --git a/assets/images/icon_processor.svg b/content/about/icon_processor.svg
similarity index 100%
rename from assets/images/icon_processor.svg
rename to content/about/icon_processor.svg
diff --git a/flowblocks/flow_services_cards.ini b/flowblocks/flow_services_cards.ini
index 45f236cf..3baf55cf 100644
--- a/flowblocks/flow_services_cards.ini
+++ b/flowblocks/flow_services_cards.ini
@@ -10,8 +10,9 @@ width = 1/2
 
 [fields.card_image]
 label = Card Icon
-description = Icon Pfad zB. images/circle_icon_fist.svg
-type = string
+description = Lade ein Bild hoch und wähle es hier aus
+type = select
+source = record.attachments.images
 width = 1/2
 
 [fields.card_text]
diff --git a/templates/macros/services_cards.html b/templates/macros/services_cards.html
index 890baa72..08b766ce 100644
--- a/templates/macros/services_cards.html
+++ b/templates/macros/services_cards.html
@@ -1,7 +1,8 @@
 {% macro render_services_card(card, index) %}
+{% set card_image = card.record.attachments.images.get(card.card_image) %}
             <div class="services_card {% if index%2 %}-odd{% else %}-even{% endif %}">
               <div class="services_card__image_box">
-                <img src="/{{ card.card_image }}" alt="" aria-hidden="true">
+                <img src="{{ card_image|url }}" alt="" aria-hidden="true">
               </div>
               <div class="services_card__text_box">
                 <h2>{{ card.card_title }}</h2>