tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adds placeholder and smaller icons to relationship auto-complete. Adds placeholder image when thumbnail not available in relationship autocomplete.

This commit is contained in:
Mateus Machado Luna 2018-07-05 11:15:17 -03:00
parent dca744ef0c
commit a8eb5c1e31
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/admin/tainacan-admin-i18n.php
View File

@ -346,6 +346,7 @@ return apply_filters( 'tainacan-admin-i18n', [
'info_updated_at' => __( 'Updated at', 'tainacan' ),
'info_editing_metadata_values' => __( 'Editing metadata values...', 'tainacan' ),
'info_updating_metadata_values' => __( 'Updating metadata values...', 'tainacan' ),
'info_type_to_search' => __( 'Type to search...', 'tainacan' ),
// Tainacan Metadatum Types
'tainacan-text' => __( 'Text', 'tainacan' ),

6
src/classes/filter-types/autocomplete/Autocomplete.vue
View File

@ -6,17 +6,19 @@
:id="id"
v-model="selected"
:data="options"
expanded
@input="search"
:loading="isLoading"
field="label"
@select="option => setResults(option) ">
@select="option => setResults(option) "
:placeholder="$i18n.get('info_type_to_search')">
<template slot-scope="props">
<div class="media">
<div
class="media-left"
v-if="props.option.img">
<img
width="32"
width="24"
:src="`${props.option.img}`">
</div>
<div class="media-content">

7
src/classes/filter-types/filter-types-mixin.js
View File

@ -1,6 +1,11 @@
import { tainacan as axios } from '../../js/axios/axios';
export const filter_type_mixin = {
data () {
return {
thumbPlaceholderPath: tainacan_plugin.base_url + '/admin/images/placeholder_square.png'
}
},
props: {
filter: {
type: Object // concentrate all attributes metadatum id and type
@ -51,7 +56,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: item.thumbnail.thumb });
this.options.push({label: item.title, value: item.id, img: ( item.thumbnail.thumb ? item.thumbnail.thumb : this.thumbPlaceholderPath ) });
}
}
})