[WIDGET] Parents

[wouterbatelaan-es]

I wanted to see where a note was cloned to. Apologies if that was already possible,
but I developed this widget for it. By default it is hidden unless the note is cloned elsewhere
(has more than one parent).

let TPL = `
<style>
.parents-widget {
    min-height: 10em;
    resize: vertical;
    width: 100%;
    font-family:var(--font-code);
}
</style>
<div class="parents parents-widget"></div>
`

// Set this to 1 if you want to show the widget
// if the node has only a single parent
let MIN_PARENT_COUNT = 2;

class ParentsWidget extends api.CollapsibleWidget {
    async getParents() {
        let parentsHtml = '';
        let parentCount = 0;
        try {
            //console.log('getParents ');
            const parentNotes = await api.runOnBackend((id) => {
                return api.sql.getRows(`
                    SELECT notes.noteId
                    FROM notes
                    JOIN branches                     
                    WHERE (branches.parentNoteId = notes.noteId)
                    AND branches.noteId = '`+id+`'
                    AND branches.isDeleted = 0
                    ORDER BY notes.title`);
            }, [this.note.noteId]);
            //console.log('parent notes = ' + notes);
            parentCount = parentNotes.length;
            for (const p of parentNotes) {
                var link = (await api.createNoteLink(p.noteId)).html();
                //console.log('parent note = ' + p.noteId, p.title);
                parentsHtml += "<li>"+link+"</li>";
            }
        }
        catch (e) {
            console.log('getParents' + e);
        }
        finally {
            this.parentsHtml = parentsHtml;
            this.parentCount = parentCount;
        }
    }

    get widgetTitle() {
        return "Parents";
    }

    get parentWidget() {
        return "right-pane";
    }

    async doRenderBody() {
        this.$body.html(TPL);
        this.$scratchpad = this.$body.find(".parents");
    }

    async refreshWithNote(note) {
        try {
            await this.getParents();
            this.toggleInt(this.parentCount >= MIN_PARENT_COUNT);
            this.$scratchpad.html(this.parentsHtml);
        } catch(e) { console.log('oops', e) }
    }

    entitiesReloadedEvent({loadResults}) {
        if (loadResults.isNoteReloaded(this.noteId) || loadResults.isNoteContentReloaded(this.noteId)) {
            this.refresh();
        }
    }
}

module.exports = new ParentsWidget();

[zadam]

Hi, FYI this is available in the "note paths" ribbon:

[wouterbatelaan-es]

Hi,

Thanks for letting me know, I didn't know the ribbon existed.
I just updated to the latest release (I was on 0.47.7).
Nice.