diff --git a/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js b/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js
index 8d58c40..9dc075e 100644
--- a/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js
+++ b/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js
@@ -154,10 +154,12 @@
function renderElem(idx) {
var isActive = idx === resultIdx;
- var text = results[idx].title;
+ var elem = results[idx];
- var $elem = $('
').addClass('eac-popup-item clickable')
- .text(text);
+ var $elem = $('
').addClass('eac-popup-item clickable');
+ if(elem.mainPhotoPath)
+ $elem.append($('
![]()
').prop('src', elem.mainPhotoPath).addClass('eac-popup-icon'));
+ $elem.append($('
').text(elem.title));
if (isActive)
$elem.addClass('active');
diff --git a/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss b/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss
index 8efded9..6c704e7 100644
--- a/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss
+++ b/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss
@@ -3,6 +3,7 @@
position: absolute;
border: 1px #d4d4d4 solid;
border-radius: 4px;
+ background: #ffffff;
z-index: 100;
.eac-popup-item {
@@ -18,6 +19,12 @@
&:not(:last-child) {
border-bottom: 1px #aaa solid;
}
+
+ .eac-popup-icon {
+ width: 24px;
+ height: 24px;
+ margin-right: 8px;
+ }
}
.eac-popup-empty {