From 3c967af9d237290a042e07704ae8e6dc3c8baa8b Mon Sep 17 00:00:00 2001
From: Milan <mc@radiopiloten.de>
Date: Fri, 10 Dec 2021 17:06:05 +0100
Subject: [PATCH] calcms.css: icons and image settings

---
 website/agenda/css/calcms.css            | 22 ++++++++++++++++++++--
 website/agenda/js/calcms.cust.js         |  1 -
 website/agenda/planung/css/default.css   |  4 ++++
 website/agenda/templates/event_list.html | 11 +++++++++++
 4 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/website/agenda/css/calcms.css b/website/agenda/css/calcms.css
index 2e9618b..9ea2f75 100644
--- a/website/agenda/css/calcms.css
+++ b/website/agenda/css/calcms.css
@@ -216,10 +216,18 @@ a.load-prev, a.load-next{
     font-weight: bold;
 }
 
+#calcms_list .icon {
+    width:20%;
+    padding: 1rem;
+    text-align: center;
+    text-align:left;
+}
+
 #calcms_list .time {
     width: 5%;
     min-width: 5rem;
     padding: 1rem;
+    padding-left: 0.5rem;
     padding-right: 0;
     text-align: center;
     font-size: 1.1rem;
@@ -299,6 +307,10 @@ a.load-prev, a.load-next{
         width: 0;
         display: none;
     }
+    #calcms_list .icon {
+        width: 0;
+        display: none;
+    }
 }
 
 #calcms_list .event.running:hover {
@@ -325,10 +337,16 @@ a.load-prev, a.load-next{
     border: 0;
 }
 
+#calcms_list .icon img {
+    width:100%;
+    height:auto;
+}
+
 #calcms_list .content figure {
     float: right;
-    margin-left: 1em;
-    margin-bottom: 20px;
+    margin: 3vw;
+    width:33%;
+    display:inline-block;
 }
 
 #calcms_list .content figcaption {
diff --git a/website/agenda/js/calcms.cust.js b/website/agenda/js/calcms.cust.js
index da58839..81a753e 100644
--- a/website/agenda/js/calcms.cust.js
+++ b/website/agenda/js/calcms.cust.js
@@ -83,7 +83,6 @@ var calcms_settings = new Array();
         calcms.set('comments_url', '/agenda/kommentare/');
         calcms.set('add_comment_url', '/agenda/kommentar_neu/');
         calcms.set('newest_comments_url', '/agenda/neueste_kommentare/');
-
         return true;
     }
 
diff --git a/website/agenda/planung/css/default.css b/website/agenda/planung/css/default.css
index 79b3861..dfc29b8 100644
--- a/website/agenda/planung/css/default.css
+++ b/website/agenda/planung/css/default.css
@@ -690,3 +690,7 @@ ul.tabContainer li:last-child{
     vertical-align:middle;
     display:inline;
 }
+
+.right{
+    margin-left:auto;
+}
diff --git a/website/agenda/templates/event_list.html b/website/agenda/templates/event_list.html
index 841a9ec..9f68238 100644
--- a/website/agenda/templates/event_list.html
+++ b/website/agenda/templates/event_list.html
@@ -41,6 +41,17 @@
             </TMPL_UNLESS>
         </span>
         <span class="location"><TMPL_VAR location_mapped></span>
+        <span class="icon">
+            <TMPL_IF .hide_event_images>
+                <TMPL_IF series_thumb_url>
+                    <img src="<TMPL_VAR series_thumb_url>" title="<TMPL_VAR series_image_label>" onerror="if(!this.src.match(/not-found/))this.src='<TMPL_VAR icon_url>/../not-found.svg'">
+                </TMPL_IF>
+            <TMPL_ELSE>
+                <TMPL_IF icon_url>
+                    <img src="<TMPL_VAR thumb_url>" title="<TMPL_VAR image_label>" onerror="if(!this.src.match(/not-found/))this.src='<TMPL_VAR icon_url>/../not-found.svg'">
+                </TMPL_IF>
+            </TMPL_IF>
+        </span>
     </div>
 </TMPL_IF>
 </TMPL_LOOP>