2021-01-22 19:41:11 +02:00
|
|
|
const Folder = require('@joplin/lib/models/Folder').default;
|
|
|
|
const Tag = require('@joplin/lib/models/Tag').default;
|
2020-11-07 17:59:37 +02:00
|
|
|
const BaseModel = require('@joplin/lib/BaseModel').default;
|
2017-10-08 00:17:10 +02:00
|
|
|
const ListWidget = require('tkwidgets/ListWidget.js');
|
2020-11-07 17:59:37 +02:00
|
|
|
const _ = require('@joplin/lib/locale')._;
|
2017-10-08 00:17:10 +02:00
|
|
|
|
|
|
|
class FolderListWidget extends ListWidget {
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
|
2017-10-22 19:12:16 +02:00
|
|
|
this.tags_ = [];
|
|
|
|
this.folders_ = [];
|
2017-10-23 22:34:04 +02:00
|
|
|
this.searches_ = [];
|
2017-10-22 19:12:16 +02:00
|
|
|
this.selectedFolderId_ = null;
|
|
|
|
this.selectedTagId_ = null;
|
2017-10-23 22:34:04 +02:00
|
|
|
this.selectedSearchId_ = null;
|
2017-10-22 19:12:16 +02:00
|
|
|
this.notesParentType_ = 'Folder';
|
2017-10-15 13:38:22 +02:00
|
|
|
this.updateIndexFromSelectedFolderId_ = false;
|
2017-10-22 19:12:16 +02:00
|
|
|
this.updateItems_ = false;
|
2018-05-09 13:39:27 +02:00
|
|
|
this.trimItemTitle = false;
|
2017-10-15 13:38:22 +02:00
|
|
|
|
2020-05-21 10:14:33 +02:00
|
|
|
this.itemRenderer = item => {
|
2020-03-14 01:46:14 +02:00
|
|
|
const output = [];
|
2017-10-23 23:48:29 +02:00
|
|
|
if (item === '-') {
|
|
|
|
output.push('-'.repeat(this.innerWidth));
|
|
|
|
} else if (item.type_ === Folder.modelType()) {
|
2018-05-09 13:39:27 +02:00
|
|
|
output.push(' '.repeat(this.folderDepth(this.folders, item.id)) + Folder.displayTitle(item));
|
2017-10-22 19:12:16 +02:00
|
|
|
} else if (item.type_ === Tag.modelType()) {
|
2019-09-19 23:51:18 +02:00
|
|
|
output.push(`[${Folder.displayTitle(item)}]`);
|
2017-10-23 22:34:04 +02:00
|
|
|
} else if (item.type_ === BaseModel.TYPE_SEARCH) {
|
2017-10-23 23:48:29 +02:00
|
|
|
output.push(_('Search:'));
|
|
|
|
output.push(item.title);
|
2018-05-09 13:39:27 +02:00
|
|
|
}
|
2019-07-30 09:35:42 +02:00
|
|
|
|
2017-10-22 19:12:16 +02:00
|
|
|
return output.join(' ');
|
2017-10-09 20:05:01 +02:00
|
|
|
};
|
2017-10-08 00:17:10 +02:00
|
|
|
}
|
|
|
|
|
2018-05-09 13:39:27 +02:00
|
|
|
folderDepth(folders, folderId) {
|
|
|
|
let output = 0;
|
|
|
|
while (true) {
|
|
|
|
const folder = BaseModel.byId(folders, folderId);
|
2020-02-21 20:01:15 +02:00
|
|
|
if (!folder || !folder.parent_id) return output;
|
2018-05-09 13:39:27 +02:00
|
|
|
output++;
|
|
|
|
folderId = folder.parent_id;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-10-08 00:17:10 +02:00
|
|
|
get selectedFolderId() {
|
|
|
|
return this.selectedFolderId_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set selectedFolderId(v) {
|
|
|
|
this.selectedFolderId_ = v;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-22 19:12:16 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
|
|
|
|
2017-10-23 22:34:04 +02:00
|
|
|
get selectedSearchId() {
|
|
|
|
return this.selectedSearchId_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set selectedSearchId(v) {
|
|
|
|
this.selectedSearchId_ = v;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-23 22:34:04 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
|
|
|
|
2017-10-22 19:12:16 +02:00
|
|
|
get selectedTagId() {
|
|
|
|
return this.selectedTagId_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set selectedTagId(v) {
|
|
|
|
this.selectedTagId_ = v;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-22 19:12:16 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
|
|
|
|
|
|
|
get notesParentType() {
|
|
|
|
return this.notesParentType_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set notesParentType(v) {
|
|
|
|
this.notesParentType_ = v;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-23 22:34:04 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
|
|
|
|
|
|
|
get searches() {
|
|
|
|
return this.searches_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set searches(v) {
|
|
|
|
this.searches_ = v;
|
|
|
|
this.updateItems_ = true;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-22 19:12:16 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
|
|
|
|
|
|
|
get tags() {
|
|
|
|
return this.tags_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set tags(v) {
|
|
|
|
this.tags_ = v;
|
|
|
|
this.updateItems_ = true;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-22 19:12:16 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
|
|
|
|
|
|
|
get folders() {
|
|
|
|
return this.folders_;
|
|
|
|
}
|
|
|
|
|
|
|
|
set folders(v) {
|
|
|
|
this.folders_ = v;
|
|
|
|
this.updateItems_ = true;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId();
|
2017-10-22 19:12:16 +02:00
|
|
|
this.invalidate();
|
|
|
|
}
|
2018-09-23 20:33:44 +02:00
|
|
|
|
|
|
|
folderHasChildren_(folders, folderId) {
|
|
|
|
for (let i = 0; i < folders.length; i++) {
|
2020-03-14 01:46:14 +02:00
|
|
|
const folder = folders[i];
|
2018-09-23 20:33:44 +02:00
|
|
|
if (folder.parent_id === folderId) return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
2019-07-30 09:35:42 +02:00
|
|
|
|
2017-10-29 18:22:53 +02:00
|
|
|
render() {
|
2017-10-22 19:12:16 +02:00
|
|
|
if (this.updateItems_) {
|
2017-10-23 23:48:29 +02:00
|
|
|
this.logger().debug('Rebuilding items...', this.notesParentType, this.selectedJoplinItemId, this.selectedSearchId);
|
|
|
|
const wasSelectedItemId = this.selectedJoplinItemId;
|
2017-10-23 22:34:04 +02:00
|
|
|
const previousParentType = this.notesParentType;
|
2017-10-23 23:48:29 +02:00
|
|
|
|
2018-09-23 20:33:44 +02:00
|
|
|
let newItems = [];
|
2020-05-21 10:14:33 +02:00
|
|
|
const orderFolders = parentId => {
|
2018-09-23 20:33:44 +02:00
|
|
|
for (let i = 0; i < this.folders.length; i++) {
|
|
|
|
const f = this.folders[i];
|
2019-01-10 21:17:38 +02:00
|
|
|
const folderParentId = f.parent_id ? f.parent_id : '';
|
|
|
|
if (folderParentId === parentId) {
|
2018-09-23 20:33:44 +02:00
|
|
|
newItems.push(f);
|
|
|
|
if (this.folderHasChildren_(this.folders, f.id)) orderFolders(f.id);
|
|
|
|
}
|
|
|
|
}
|
2019-07-30 09:35:42 +02:00
|
|
|
};
|
2018-09-23 20:33:44 +02:00
|
|
|
|
|
|
|
orderFolders('');
|
2017-10-23 23:48:29 +02:00
|
|
|
|
|
|
|
if (this.tags.length) {
|
|
|
|
if (newItems.length) newItems.push('-');
|
|
|
|
newItems = newItems.concat(this.tags);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.searches.length) {
|
|
|
|
if (newItems.length) newItems.push('-');
|
|
|
|
newItems = newItems.concat(this.searches);
|
|
|
|
}
|
|
|
|
|
2017-10-29 18:22:53 +02:00
|
|
|
this.items = newItems;
|
2017-10-23 23:48:29 +02:00
|
|
|
|
2017-10-23 22:34:04 +02:00
|
|
|
this.notesParentType = previousParentType;
|
2019-07-30 09:35:42 +02:00
|
|
|
this.updateIndexFromSelectedItemId(wasSelectedItemId);
|
2017-10-22 19:12:16 +02:00
|
|
|
this.updateItems_ = false;
|
|
|
|
}
|
2017-10-29 18:22:53 +02:00
|
|
|
|
|
|
|
super.render();
|
2017-10-15 13:38:22 +02:00
|
|
|
}
|
|
|
|
|
2017-10-23 23:48:29 +02:00
|
|
|
get selectedJoplinItemId() {
|
2017-10-23 22:34:04 +02:00
|
|
|
if (!this.notesParentType) return '';
|
|
|
|
if (this.notesParentType === 'Folder') return this.selectedFolderId;
|
|
|
|
if (this.notesParentType === 'Tag') return this.selectedTagId;
|
|
|
|
if (this.notesParentType === 'Search') return this.selectedSearchId;
|
2019-09-19 23:51:18 +02:00
|
|
|
throw new Error(`Unknown parent type: ${this.notesParentType}`);
|
2017-10-23 22:34:04 +02:00
|
|
|
}
|
2017-10-15 13:38:22 +02:00
|
|
|
|
2017-10-23 23:48:29 +02:00
|
|
|
get selectedJoplinItem() {
|
|
|
|
const id = this.selectedJoplinItemId;
|
|
|
|
const index = this.itemIndexByKey('id', id);
|
|
|
|
return this.itemAt(index);
|
|
|
|
}
|
|
|
|
|
2017-10-23 22:34:04 +02:00
|
|
|
updateIndexFromSelectedItemId(itemId = null) {
|
2017-10-23 23:48:29 +02:00
|
|
|
if (itemId === null) itemId = this.selectedJoplinItemId;
|
2017-10-23 22:34:04 +02:00
|
|
|
const index = this.itemIndexByKey('id', itemId);
|
|
|
|
this.currentIndex = index >= 0 ? index : 0;
|
2017-10-08 00:17:10 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-07-30 09:35:42 +02:00
|
|
|
module.exports = FolderListWidget;
|