import attributesDialog from "../dialogs/attributes.js"; import utils from "../services/utils.js"; import linkService from "../services/link.js"; import messagingService from "../services/messaging.js"; import StandardWidget from "./standard_widget.js"; class AttributesWidget extends StandardWidget { constructor(ctx, state) { super(ctx, state); this.$title.text("Attributes"); const $showFullButton = $("").append("show dialog").addClass('widget-header-action'); $showFullButton.click(() => { attributesDialog.showDialog(); }); this.$headerActions.append($showFullButton); } async doRenderBody() { const attributes = await this.ctx.attributes.getAttributes(); const ownedAttributes = attributes.filter(attr => attr.noteId === this.ctx.note.noteId); if (attributes.length === 0) { this.$body.text("No attributes yet..."); return; } const $attributesContainer = $("
"); await this.renderAttributes(ownedAttributes, $attributesContainer); const inheritedAttributes = attributes.filter(attr => attr.noteId !== this.ctx.note.noteId); if (inheritedAttributes.length > 0) { const $inheritedAttrs = $("").append($("").text("Inherited: ")); const $showInheritedAttributes = $("") .attr("href", "javascript:") .text("+show inherited") .click(() => { $showInheritedAttributes.hide(); $inheritedAttrs.show(); }); const $hideInheritedAttributes = $("") .attr("href", "javascript:") .text("-hide inherited") .click(() => { $showInheritedAttributes.show(); $inheritedAttrs.hide(); }); $attributesContainer.append($showInheritedAttributes); $attributesContainer.append($inheritedAttrs); await this.renderAttributes(inheritedAttributes, $inheritedAttrs); $inheritedAttrs.append($hideInheritedAttributes); $inheritedAttrs.hide(); } this.$body.empty().append($attributesContainer); } async renderAttributes(attributes, $container) { for (const attribute of attributes) { if (attribute.type === 'label') { $container.append(utils.formatLabel(attribute) + " "); } else if (attribute.type === 'relation') { if (attribute.value) { $container.append('@' + attribute.name + "="); $container.append(await linkService.createNoteLink(attribute.value)); $container.append(" "); } else { messagingService.logError(`Relation ${attribute.attributeId} has empty target`); } } else if (attribute.type === 'label-definition' || attribute.type === 'relation-definition') { $container.append(attribute.name + " definition "); } else { messagingService.logError("Unknown attr type: " + attribute.type); } } } syncDataReceived(syncData) { if (syncData.find(sd => sd.entityName === 'attributes' && sd.noteId === this.ctx.note.noteId)) { // no need to invalidate attributes since the Attribute class listens to this as well // (and is guaranteed to run first) this.doRenderBody(); } } } export default AttributesWidget;