2019-08-16 03:18:33 +08:00
|
|
|
import StandardWidget from "./standard_widget.js";
|
|
|
|
|
2019-07-21 17:32:38 +08:00
|
|
|
const TPL = `
|
|
|
|
<table class="note-info-table">
|
|
|
|
<tr>
|
2019-09-01 15:16:08 +08:00
|
|
|
<th>Note ID:</th>
|
|
|
|
<td colspan="3" class="note-info-note-id"></td>
|
2019-07-21 17:32:38 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
2019-09-01 15:16:08 +08:00
|
|
|
<th>Created:</th>
|
|
|
|
<td colspan="3" class="note-info-date-created"></td>
|
2019-07-21 17:32:38 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
2019-09-01 15:16:08 +08:00
|
|
|
<th>Modified:</th>
|
|
|
|
<td colspan="3" class="note-info-date-modified"></td>
|
2019-07-21 17:32:38 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
2019-09-01 15:16:08 +08:00
|
|
|
<th>Type:</th>
|
2019-07-21 17:32:38 +08:00
|
|
|
<td class="note-info-type"></td>
|
2019-09-01 15:16:08 +08:00
|
|
|
|
|
|
|
<th>MIME:</th>
|
2019-07-21 17:32:38 +08:00
|
|
|
<td class="note-info-mime"></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
`;
|
|
|
|
|
2019-08-16 03:18:33 +08:00
|
|
|
class NoteInfoWidget extends StandardWidget {
|
2019-08-17 16:45:20 +08:00
|
|
|
getWidgetTitle() { return "Note info"; }
|
2019-07-21 17:32:38 +08:00
|
|
|
|
2019-08-16 03:18:33 +08:00
|
|
|
async doRenderBody() {
|
|
|
|
this.$body.html(TPL);
|
2019-07-21 17:32:38 +08:00
|
|
|
|
2019-08-16 03:18:33 +08:00
|
|
|
const $noteId = this.$body.find(".note-info-note-id");
|
|
|
|
const $dateCreated = this.$body.find(".note-info-date-created");
|
|
|
|
const $dateModified = this.$body.find(".note-info-date-modified");
|
|
|
|
const $type = this.$body.find(".note-info-type");
|
|
|
|
const $mime = this.$body.find(".note-info-mime");
|
2019-07-21 17:32:38 +08:00
|
|
|
|
|
|
|
const note = this.ctx.note;
|
|
|
|
|
|
|
|
$noteId.text(note.noteId);
|
|
|
|
$dateCreated.text(note.dateCreated);
|
|
|
|
$dateModified.text(note.dateModified);
|
|
|
|
$type.text(note.type);
|
2019-09-04 04:06:49 +08:00
|
|
|
$mime.text(note.mime).attr("title", note.mime);
|
2019-07-21 17:32:38 +08:00
|
|
|
}
|
2019-08-07 04:39:27 +08:00
|
|
|
|
2019-09-04 03:31:39 +08:00
|
|
|
eventReceived(name, data) {
|
|
|
|
if (name === 'syncData') {
|
|
|
|
if (data.find(sd => sd.entityName === 'notes' && sd.entityId === this.ctx.note.noteId)) {
|
|
|
|
this.doRenderBody();
|
|
|
|
}
|
2019-08-07 04:39:27 +08:00
|
|
|
}
|
|
|
|
}
|
2019-07-21 17:32:38 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export default NoteInfoWidget;
|