From c2fdca0f9dcfab1329f669c1e196e81eacb68d15 Mon Sep 17 00:00:00 2001
From: Eduardo humberto <eduardo.humberto1992@gmail.com>
Date: Thu, 15 Mar 2018 14:58:01 -0300
Subject: [PATCH] allow thumbnail in autocomplete filter type

---
 .../autocomplete/Autocomplete.vue             | 23 ++++++++++++++++++-
 .../filter-types/filter-types-mixin.js        |  2 +-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/classes/filter-types/autocomplete/Autocomplete.vue b/src/classes/filter-types/autocomplete/Autocomplete.vue
index bd0f5058a..63fe7f022 100644
--- a/src/classes/filter-types/autocomplete/Autocomplete.vue
+++ b/src/classes/filter-types/autocomplete/Autocomplete.vue
@@ -10,6 +10,16 @@
                 :loading="loading"
                 field="label"
                 @select="option => setResults(option) ">
+            <template slot-scope="props">
+                <div class="media">
+                    <div class="media-left" v-if="props.option.img">
+                        <img width="32" :src="`${props.option.img}`">
+                    </div>
+                    <div class="media-content">
+                        {{ props.option.label }}
+                    </div>
+                </div>
+            </template>
         </b-autocomplete>
         <br>
         <div class="field has-text-centered">
@@ -137,4 +147,15 @@
             },
         }
     }
-</script>
\ No newline at end of file
+</script>
+<style scoped>
+    #profileImage {
+        width: 32px;
+        height: 32px;
+        font-size: 35px;
+        color: #fff;
+        text-align: center;
+        line-height: 150px;
+        margin: 20px 0;
+    }
+</style>
\ No newline at end of file
diff --git a/src/classes/filter-types/filter-types-mixin.js b/src/classes/filter-types/filter-types-mixin.js
index 087c32dd6..8eff4e019 100644
--- a/src/classes/filter-types/filter-types-mixin.js
+++ b/src/classes/filter-types/filter-types-mixin.js
@@ -34,7 +34,7 @@ export const filter_type_mixin = {
                 .then(res => {
                     if (res.data.length > 0) {
                         for (let item of res.data) {
-                            this.options.push({label: item.title, value: item.id, img: ''});
+                            this.options.push({label: item.title, value: item.id, img: item.featured_image });
                         }
                     }
                 })