blacklight/platypush
1
0
Fork 0
forked from platypush/platypush
Code Issues Pull requests Projects Releases Packages Wiki Activity

Include links both to the parent and children entities in EntityModal.

Browse source
This commit is contained in:
Fabio Manganiello 2023-03-22 16:20:29 +01:00
parent 99cfd247a5
commit 5dd95362a1
Signed by: blacklight
GPG key ID: D90FBA7F76362774
2 changed files with 53 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
platypush/backend/http/webapp/src/components/panels/Entities/Index.vue
View file

@ -17,6 +17,8 @@
<div class="groups-canvas">
<EntityModal
:entity="entities[modalEntityId]"
:parent="entities[entities[modalEntityId].parent_id]"
:children="childrenByParentId(modalEntityId)"
:visible="modalVisible"
:config-values="configValuesByParentId(modalEntityId)"
@close="onEntityModal"

61
platypush/backend/http/webapp/src/components/panels/Entities/Modal.vue
View file

@ -90,12 +90,11 @@
</div>
</div>
<div class="table-row" v-if="entity.parent_id">
<div class="table-row" v-if="parent">
<div class="title">Parent</div>
<div class="value">
<a href="#"
@click="$emit('entity-update', entity.parent_id)"
v-text="entity.parent_id"
<a class="url" @click="$emit('entity-update', parent.id)"
v-text="parent.name"
/>
</div>
</div>
@ -120,7 +119,31 @@
</div>
</div>
<div class="extra-info-container">
<div class="section children-container" v-if="Object.keys(children || {}).length">
<div class="title section-title" @click="childrenCollapsed = !childrenCollapsed">
<div class="col-11">
<i class="fas fa-sitemap" /> &nbsp;
Children
</div>
<div class="col-1 pull-right">
<i class="fas"
:class="{'fa-chevron-down': childrenCollapsed, 'fa-chevron-up': !childrenCollapsed}" />
</div>
</div>
<div class="children-container-info" v-if="!childrenCollapsed">
<div class="table-row" v-for="child in children" :key="child.id">
<div class="value">
<a class="url" @click="$emit('entity-update', child.id)"
v-text="child.name"
/>
</div>
</div>
</div>
</div>
<div class="section extra-info-container">
<div class="title section-title" @click="extraInfoCollapsed = !extraInfoCollapsed">
<div class="col-11">
<i class="fas fa-circle-info" /> &nbsp;
@ -150,7 +173,7 @@
</div>
</div>
<div class="config-container"
<div class="section config-container"
v-if="computedConfig.length">
<div class="title section-title"
@click="configCollapsed = !configCollapsed">
@ -195,6 +218,7 @@ const specialFields = [
'external_url',
'id',
'image_url',
'is_configuration',
'meta',
'name',
'plugin',
@ -213,6 +237,14 @@ export default {
required: true,
},
parent: {
type: Object,
},
children: {
type: Object,
},
visible: {
type: Boolean,
default: false,
@ -238,6 +270,7 @@ export default {
editName: false,
editIcon: false,
configCollapsed: true,
childrenCollapsed: true,
extraInfoCollapsed: true,
specialFields: specialFields,
}
@ -326,6 +359,10 @@ export default {
.body {
padding: 0;
@include from($desktop) {
min-width: 45em;
}
.table-row {
box-shadow: none;
padding: 0.5em;
@ -386,9 +423,7 @@ export default {
}
}
.config-container,
.extra-info-container
{
.section {
margin: 0;
.section-title {
@ -410,8 +445,14 @@ export default {
}
.value {
&.url {
&.url, a {
text-align: right;
text-decoration: underline;
opacity: 0.8;
&:hover {
opacity: 0.6;
}
}
.entity-image {