grandlyon-sau: use assets for services background image (#74716)

static/grandlyon-sau/_custom.scss

@@ -370,32 +370,30 @@ div.cell > div {
 					}
 				}
 			}
-			@each $service in (grandlyon-connect, trabool, toodego, cozy, ecolyo, pilote) {
-				div.#{$service} {
-					a {
-						background-image: url('img/service-#{$service}.png');
-						background-repeat: no-repeat;
-						background-size: 200px auto;
-						background-position: center top;
-						padding-top: 150px;
-						position: relative;
-						filter: grayscale(1);
-						&:hover {
-							filter: none;
-							&::after {
-								background-color: $primary-color;
-							}
-						}
+			div.service-sau.has-asset-picture {
+				a {
+					background-repeat: no-repeat;
+					background-size: 200px auto;
+					background-position: center 10%;
+					padding-top: 150px;
+					position: relative;
+					filter: grayscale(1);
+					&:hover {
+						filter: none;
 						&::after {
-							position: absolute;
-							top: 145px;
-							background-color: #000000;
-							display: block;
-							height: calc(100% - 145px);
+							background-color: $primary-color;
 						}
 					}
+					&::after {
+						position: absolute;
+						top: 145px;
+						background-color: #000000;
+						display: block;
+						height: calc(100% - 145px);
+					}
 				}
 			}
+
 		}
 	}
 }

static/grandlyon-sau/config.json

@@ -3,5 +3,14 @@
   "variables": {
     "theme_color": "#E42320",
     "favicon": "grandlyon-sau/img/favicon.png"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_CELL_ASSET_SLOTS.update": {
+        "data_linkcell": {
+          "picture": { "prefix": "Image" }
+        }
+      }
+    }
   }
 }

templates/variants/grandlyon-sau/combo/cells/service-sau/link-cell.html

@@ -0,0 +1,5 @@
+{% load assets %}
+{% get_asset cell=cell type='picture' as asset %}
+<div class="links-list">
+  <ul><li><a href="{{url}}"{% if asset %} style="background-image: url({{ asset.asset.url }})"{% endif %}>{{title}}</a></li></ul>
+</div>