fix propagation of noteTypeMimeChanged event to global scope to fix e.g. edit button switching depending on note type

This commit is contained in:
zadam 2022-10-14 20:36:40 +02:00
parent a4e99662cb
commit 4116fe0a20
2 changed files with 10 additions and 6 deletions

View file

@ -184,7 +184,7 @@ class NoteContext extends Component {
}
// "readOnly" is a state valid only for text/code notes
if (!this.note || this.note.type !== 'text' && this.note.type !== 'code') {
if (!this.note || (this.note.type !== 'text' && this.note.type !== 'code')) {
return false;
}

View file

@ -121,7 +121,7 @@ export default class NoteDetailWidget extends NoteContextAwareWidget {
async refresh() {
this.type = await this.getWidgetType();
this.mime = this.note ? this.note.mime : null;
this.mime = this.note?.mime;
if (!(this.type in this.typeWidgets)) {
const clazz = typeWidgetClasses[this.type];
@ -273,10 +273,14 @@ export default class NoteDetailWidget extends NoteContextAwareWidget {
}
async entitiesReloadedEvent({loadResults}) {
if (loadResults.isNoteContentReloaded(this.noteId, this.componentId)
|| (loadResults.isNoteReloaded(this.noteId, this.componentId) && (this.type !== await this.getWidgetType() || this.mime !== this.note.mime))) {
// we're detecting note type change on the note_detail level, but triggering the noteTypeMimeChanged
// globally, so it gets also to e.g. ribbon components. But this means that the event can be generated multiple
// times if the same note is open in several tabs.
this.handleEvent('noteTypeMimeChanged', {noteId: this.noteId});
if (loadResults.isNoteReloaded(this.noteId, this.componentId)
&& (this.type !== await this.getWidgetType() || this.mime !== this.note.mime)) {
this.triggerEvent('noteTypeMimeChanged', {noteId: this.noteId});
}
else {
const attrs = loadResults.getAttributes();
@ -294,7 +298,7 @@ export default class NoteDetailWidget extends NoteContextAwareWidget {
if (label || relation) {
// probably incorrect event
// calling this.refresh() is not enough since the event needs to be propagated to children as well
this.handleEvent('noteTypeMimeChanged', {noteId: this.noteId});
this.triggerEvent('noteTypeMimeChanged', {noteId: this.noteId});
}
}
}