github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-30 08:47:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix m2o interface display issues (#11567)

Browse Source 
* Fix display of newly created entry in nested m2o interface

* Fix display of updated existing m2o entry
This commit is contained in:
ian
2022-02-16 22:42:43 +08:00
committed by GitHub
parent 4fd26f2b60
commit 1876fed65c
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/src/interfaces/select-dropdown-m2o/select-dropdown-m2o.vue
View File

@@ -211,7 +211,7 @@ export default defineComponent({
watch(
() => props.value,
(newValue) => {
async (newValue) => {
// When the newly configured value is a primitive, assume it's the primary key
// of the item and fetch it from the API to render the preview
if (
@@ -230,12 +230,17 @@ export default defineComponent({
// If value is already fullfilled, let's fetch all necessary
// fields for display template
else if (
!currentItem.value &&
typeof newValue === 'object' &&
newValue[relatedPrimaryKeyField.value!.field]
) {
fetchCurrent(newValue[relatedPrimaryKeyField.value!.field]);
else if (!currentItem.value && typeof newValue === 'object') {
if (newValue[relatedPrimaryKeyField.value!.field]) {
await fetchCurrent(newValue[relatedPrimaryKeyField.value!.field]);
if (currentItem.value) {
// Override with locally updated values
Object.assign(currentItem.value, newValue);
}
} else {
// Display newly created entry in nested m2o
currentItem.value = newValue;
}
}
},
{ immediate: true }