Show entity icon and type in the list of children entities on EntityModal.

This commit is contained in:
Fabio Manganiello 2023-03-22 21:26:59 +01:00
parent 239dd17f23
commit dd80dc998c
Signed by: blacklight
GPG key ID: D90FBA7F76362774

View file

@ -135,6 +135,10 @@
<div class="children-container-info" v-if="!childrenCollapsed"> <div class="children-container-info" v-if="!childrenCollapsed">
<div class="table-row" :class="{hidden: !child.name?.length || child.is_configuration}" <div class="table-row" :class="{hidden: !child.name?.length || child.is_configuration}"
v-for="child in children" :key="child.id"> v-for="child in children" :key="child.id">
<div class="title">
<EntityIcon :entity="entity" :icon="entity.meta?.icon" /> &nbsp;
{{ prettify(child.type) }}
</div>
<div class="value"> <div class="value">
<a class="url" @click="$emit('entity-update', child.id)" <a class="url" @click="$emit('entity-update', child.id)"
v-text="child.name" v-text="child.name"
@ -205,6 +209,7 @@ import Modal from "@/components/Modal";
import Icon from "@/components/elements/Icon"; import Icon from "@/components/elements/Icon";
import ConfirmDialog from "@/components/elements/ConfirmDialog"; import ConfirmDialog from "@/components/elements/ConfirmDialog";
import EditButton from "@/components/elements/EditButton"; import EditButton from "@/components/elements/EditButton";
import EntityIcon from "./EntityIcon"
import NameEditor from "@/components/elements/NameEditor"; import NameEditor from "@/components/elements/NameEditor";
import Utils from "@/Utils"; import Utils from "@/Utils";
import Entity from "./Entity"; import Entity from "./Entity";
@ -229,7 +234,9 @@ const specialFields = [
export default { export default {
name: "EntityModal", name: "EntityModal",
components: {Entity, Modal, EditButton, NameEditor, Icon, ConfirmDialog}, components: {
Entity, EntityIcon, Modal, EditButton, NameEditor, Icon, ConfirmDialog
},
mixins: [Utils], mixins: [Utils],
emits: ['input', 'loading', 'entity-update'], emits: ['input', 'loading', 'entity-update'],
props: { props: {