Mentions: Show initials when no picture for contact

Combodo · Apr 5, 2021 · 5fa2caa · 5fa2caa
1 parent 8b25679
commit 5fa2caa
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 15 deletions.
diff --git a/application/utils.inc.php b/application/utils.inc.php
@@ -2581,7 +2581,7 @@ public static function GetCkeditorPref()
 				$sMentionItemUrl = utils::GetAbsoluteUrlAppRoot().'pages/UI.php?operation=details&class='.$sMentionClass.'&id={id}';
 
 				$sMentionItemPictureTemplate = (empty(MetaModel::GetImageAttributeCode($sMentionClass))) ? '' : <<<HTML
-<span class="ibo-vendors-ckeditor--autocomplete-item-image" style="background-image: url('{picture_url}');"></span>
+<span class="ibo-vendors-ckeditor--autocomplete-item-image" style="background-image: url('{picture_url}');">{initials}</span>
 HTML;
 				$sMentionItemTemplate = <<<HTML
 <li class="ibo-vendors-ckeditor--autocomplete-item" data-id="{id}">{$sMentionItemPictureTemplate}<span class="ibo-vendors-ckeditor--autocomplete-item-title">{friendlyname}</span></li>

diff --git a/css/backoffice/vendors/_ckeditor.scss b/css/backoffice/vendors/_ckeditor.scss
@@ -65,15 +65,17 @@ ul.cke_autocomplete_panel{
 		align-items: center;
 	}
 	.ibo-vendors-ckeditor--autocomplete-item-image{
-		width: $ibo-vendors-ckeditor--autocomplete-item-image--size;
-		height: $ibo-vendors-ckeditor--autocomplete-item-image--size;
-		background-position: center center;
-		background-size: 100%;
-		border-radius: 100%;
-		margin-right: $ibo-vendors-ckeditor--autocomplete-item-image--margin-right;
-		background-color: $ibo-vendors-ckeditor--autocomplete-item-image--background-color;
-		border: $ibo-vendors-ckeditor--autocomplete-item-image--border;
-	}
+    width: $ibo-vendors-ckeditor--autocomplete-item-image--size;
+    height: $ibo-vendors-ckeditor--autocomplete-item-image--size;
+    background-position: center center;
+    background-size: 100%;
+    border-radius: 100%;
+    margin-right: $ibo-vendors-ckeditor--autocomplete-item-image--margin-right;
+    background-color: $ibo-vendors-ckeditor--autocomplete-item-image--background-color;
+    border: $ibo-vendors-ckeditor--autocomplete-item-image--border;
+
+    @extend %ibo-fully-centered-content;
+  }
 	.ibo-vendors-ckeditor--autocomplete-item-title{
 		color: $ibo-vendors-ckeditor--autocomplete-item-title--text-color;
 		@extend %ibo-font-ral-bol-100;