refactoring and cleanup
This commit is contained in:
parent
12f6f3bdc3
commit
4d0b744f55
|
|
@ -1741,9 +1741,6 @@ function noteApp() {
|
||||||
handleFolderClick(el) {
|
handleFolderClick(el) {
|
||||||
this.toggleFolder(el.dataset.path);
|
this.toggleFolder(el.dataset.path);
|
||||||
},
|
},
|
||||||
handleFolderDragStart(el, event) {
|
|
||||||
this.onItemDragStart(el.dataset.path, 'folder', event);
|
|
||||||
},
|
|
||||||
handleFolderDragOver(el, event) {
|
handleFolderDragOver(el, event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
this.dragOverFolder = el.dataset.path;
|
this.dragOverFolder = el.dataset.path;
|
||||||
|
|
@ -1772,13 +1769,10 @@ function noteApp() {
|
||||||
this.deleteFolder(el.dataset.path, el.dataset.name);
|
this.deleteFolder(el.dataset.path, el.dataset.name);
|
||||||
},
|
},
|
||||||
|
|
||||||
// Item (note/image) handlers - read from dataset
|
// Item (note/media) handlers - read from dataset
|
||||||
handleItemClick(el) {
|
handleItemClick(el) {
|
||||||
this.openItem(el.dataset.path, el.dataset.type);
|
this.openItem(el.dataset.path, el.dataset.type);
|
||||||
},
|
},
|
||||||
handleItemDragStart(el, event) {
|
|
||||||
this.onItemDragStart(el.dataset.path, el.dataset.type || 'note', event);
|
|
||||||
},
|
|
||||||
handleItemHover(el, isEnter) {
|
handleItemHover(el, isEnter) {
|
||||||
const path = el.dataset.path;
|
const path = el.dataset.path;
|
||||||
if (path !== this.currentNote && path !== this.currentMedia) {
|
if (path !== this.currentNote && path !== this.currentMedia) {
|
||||||
|
|
@ -1816,7 +1810,7 @@ function noteApp() {
|
||||||
data-path="${esc(folder.path)}"
|
data-path="${esc(folder.path)}"
|
||||||
data-name="${esc(folder.name)}"
|
data-name="${esc(folder.name)}"
|
||||||
draggable="true"
|
draggable="true"
|
||||||
ondragstart="window.$root.handleFolderDragStart(this, event)"
|
ondragstart="window.$root.onItemDragStart(this.dataset.path, 'folder', event)"
|
||||||
ondragend="window.$root.onItemDragEnd()"
|
ondragend="window.$root.onItemDragEnd()"
|
||||||
ondragover="window.$root.handleFolderDragOver(this, event)"
|
ondragover="window.$root.handleFolderDragOver(this, event)"
|
||||||
ondragenter="window.$root.handleFolderDragOver(this, event)"
|
ondragenter="window.$root.handleFolderDragOver(this, event)"
|
||||||
|
|
@ -1909,7 +1903,7 @@ function noteApp() {
|
||||||
data-name="${esc(note.name)}"
|
data-name="${esc(note.name)}"
|
||||||
data-type="${note.type}"
|
data-type="${note.type}"
|
||||||
draggable="true"
|
draggable="true"
|
||||||
ondragstart="window.$root.handleItemDragStart(this, event)"
|
ondragstart="window.$root.onItemDragStart(this.dataset.path, this.dataset.type || 'note', event)"
|
||||||
ondragend="window.$root.onItemDragEnd()"
|
ondragend="window.$root.onItemDragEnd()"
|
||||||
onclick="window.$root.handleItemClick(this)"
|
onclick="window.$root.handleItemClick(this)"
|
||||||
class="note-item px-2 py-1 text-sm relative"
|
class="note-item px-2 py-1 text-sm relative"
|
||||||
|
|
|
||||||
|
|
@ -1542,6 +1542,7 @@
|
||||||
@mouseout="if(currentNote !== note.path && currentMedia !== note.path) $el.style.backgroundColor='transparent'"
|
@mouseout="if(currentNote !== note.path && currentMedia !== note.path) $el.style.backgroundColor='transparent'"
|
||||||
>
|
>
|
||||||
<span class="truncate" style="display: block; padding-right: 30px;" :title="note.name">
|
<span class="truncate" style="display: block; padding-right: 30px;" :title="note.name">
|
||||||
|
<span x-show="note.type === 'note' && isNoteShared(note.path)" style="opacity: 0.6; margin-right: 2px;" title="Shared">🔗</span>
|
||||||
<span x-text="getMediaIcon(note.type)"></span>
|
<span x-text="getMediaIcon(note.type)"></span>
|
||||||
<span x-text="note.name"></span>
|
<span x-text="note.name"></span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue