trilium/src/public/javascripts/widgets/note_info.js

59 lines
1.4 KiB
JavaScript
Raw Normal View History

2019-07-21 17:32:38 +08:00
const TPL = `
<table class="note-info-table">
<tr>
<th>Note ID</th>
<td class="note-info-note-id"></td>
</tr>
<tr>
<th>Created</th>
<td class="note-info-date-created"></td>
</tr>
<tr>
<th>Modified</th>
<td class="note-info-date-modified"></td>
</tr>
<tr>
<th>Type</th>
<td class="note-info-type"></td>
</tr>
<tr>
<th>MIME</th>
<td class="note-info-mime"></td>
</tr>
</table>
`;
class NoteInfoWidget {
/**
* @param {TabContext} ctx
* @param {jQuery} $widget
*/
constructor(ctx, $widget) {
this.ctx = ctx;
this.$widget = $widget;
this.$title = this.$widget.find('.widget-title');
this.$title.text("Note info");
}
async renderBody() {
const $body = this.$widget.find('.card-body');
$body.html(TPL);
const $noteId = $body.find(".note-info-note-id");
const $dateCreated = $body.find(".note-info-date-created");
const $dateModified = $body.find(".note-info-date-modified");
const $type = $body.find(".note-info-type");
const $mime = $body.find(".note-info-mime");
const note = this.ctx.note;
$noteId.text(note.noteId);
$dateCreated.text(note.dateCreated);
$dateModified.text(note.dateModified);
$type.text(note.type);
$mime.text(note.mime);
}
}
export default NoteInfoWidget;