| 
									
										
										
										
											2019-05-01 23:06:18 +02:00
										 |  |  | import protectedSessionHolder from "./protected_session_holder.js"; | 
					
						
							|  |  |  | import server from "./server.js"; | 
					
						
							|  |  |  | import bundleService from "./bundle.js"; | 
					
						
							|  |  |  | import utils from "./utils.js"; | 
					
						
							| 
									
										
										
										
											2019-08-25 17:36:13 +02:00
										 |  |  | import optionsService from "./options.js"; | 
					
						
							| 
									
										
										
										
											2020-01-12 12:30:30 +01:00
										 |  |  | import appContext from "./app_context.js"; | 
					
						
							| 
									
										
										
										
											2020-01-25 09:56:08 +01:00
										 |  |  | import treeService from "./tree.js"; | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  | import noteDetailService from "./note_detail.js"; | 
					
						
							|  |  |  | import Component from "../widgets/component.js"; | 
					
						
							| 
									
										
										
										
											2020-01-25 14:37:12 +01:00
										 |  |  | import treeCache from "./tree_cache.js"; | 
					
						
							| 
									
										
										
										
											2019-05-01 23:06:18 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-08-19 23:29:42 +02:00
										 |  |  | let showSidebarInNewTab = true; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-08-25 17:36:13 +02:00
										 |  |  | optionsService.addLoadListener(options => { | 
					
						
							| 
									
										
										
										
											2019-08-22 23:31:02 +02:00
										 |  |  |     showSidebarInNewTab = options.is('showSidebarInNewTab'); | 
					
						
							| 
									
										
										
										
											2019-08-19 23:29:42 +02:00
										 |  |  | }); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  | class TabContext extends Component { | 
					
						
							| 
									
										
										
										
											2019-05-11 19:44:58 +02:00
										 |  |  |     /** | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  |      * @param {AppContext} appContext | 
					
						
							| 
									
										
										
										
											2020-01-12 19:05:09 +01:00
										 |  |  |      * @param {TabRowWidget} tabRow | 
					
						
							| 
									
										
										
										
											2019-08-16 21:29:44 +02:00
										 |  |  |      * @param {object} state | 
					
						
							| 
									
										
										
										
											2019-05-11 19:44:58 +02:00
										 |  |  |      */ | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  |     constructor(appContext, tabRow, state = {}) { | 
					
						
							|  |  |  |         super(appContext); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-11 19:44:58 +02:00
										 |  |  |         this.tabRow = tabRow; | 
					
						
							| 
									
										
										
										
											2019-08-16 21:29:44 +02:00
										 |  |  |         this.tabId = state.tabId || utils.randomString(4); | 
					
						
							| 
									
										
										
										
											2019-09-04 21:30:11 +02:00
										 |  |  |         this.state = state; | 
					
						
							| 
									
										
										
										
											2019-09-04 22:13:22 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-20 20:51:22 +01:00
										 |  |  |         this.trigger('tabOpened', {tabId: this.tabId}); | 
					
						
							| 
									
										
										
										
											2019-05-02 22:24:43 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-24 17:54:47 +01:00
										 |  |  |     async setNote(inputNotePath) { | 
					
						
							|  |  |  |         const notePath = await treeService.resolveNotePath(inputNotePath); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         if (!notePath) { | 
					
						
							|  |  |  |             console.error(`Cannot resolve note path ${inputNotePath}`); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         if (notePath === this.notePath) { | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-19 20:18:02 +01:00
										 |  |  |         await this.trigger('beforeNoteSwitch', {tabId: this.tabId}, true); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-09-04 22:45:12 +02:00
										 |  |  |         this.notePath = notePath; | 
					
						
							| 
									
										
										
										
											2020-01-25 09:56:08 +01:00
										 |  |  |         const noteId = treeService.getNoteIdFromNotePath(notePath); | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-25 14:37:12 +01:00
										 |  |  |         /** @property {NoteShort} */ | 
					
						
							|  |  |  |         this.note = await treeCache.getNote(noteId); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  |         /** @property {NoteFull} */ | 
					
						
							| 
									
										
										
										
											2020-01-25 14:37:12 +01:00
										 |  |  |         this.noteFull = await noteDetailService.loadNoteFull(noteId); | 
					
						
							| 
									
										
										
										
											2020-01-15 21:36:01 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-18 18:01:16 +01:00
										 |  |  |         //this.cleanup(); // esp. on windows autocomplete is not getting closed automatically
 | 
					
						
							| 
									
										
										
										
											2019-06-26 21:08:54 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-14 22:29:47 +02:00
										 |  |  |         setTimeout(async () => { | 
					
						
							|  |  |  |             // we include the note into recent list only if the user stayed on the note at least 5 seconds
 | 
					
						
							| 
									
										
										
										
											2019-05-21 21:47:28 +02:00
										 |  |  |             if (notePath && notePath === this.notePath) { | 
					
						
							|  |  |  |                 await server.post('recent-notes', { | 
					
						
							| 
									
										
										
										
											2019-09-04 22:45:12 +02:00
										 |  |  |                     noteId: this.note.noteId, | 
					
						
							| 
									
										
										
										
											2019-05-21 21:47:28 +02:00
										 |  |  |                     notePath: this.notePath | 
					
						
							|  |  |  |                 }); | 
					
						
							| 
									
										
										
										
											2019-05-14 22:29:47 +02:00
										 |  |  |             } | 
					
						
							|  |  |  |         }, 5000); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-24 20:15:53 +01:00
										 |  |  |         // should be done somewhere else ...
 | 
					
						
							| 
									
										
										
										
											2019-09-04 22:13:22 +02:00
										 |  |  |         bundleService.executeRelationBundles(this.note, 'runOnNoteView', this); | 
					
						
							| 
									
										
										
										
											2020-01-02 19:03:54 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-19 11:03:34 +01:00
										 |  |  |         if (this.note.isProtected && protectedSessionHolder.isProtectedSessionAvailable()) { | 
					
						
							|  |  |  |             // FIXME: there are probably more places where this should be done
 | 
					
						
							|  |  |  |             protectedSessionHolder.touchProtectedSession(); | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-18 18:01:16 +01:00
										 |  |  |         this.trigger('tabNoteSwitched', {tabId: this.tabId}); | 
					
						
							| 
									
										
										
										
											2020-01-24 17:54:47 +01:00
										 |  |  |         this.trigger('openTabsChanged'); | 
					
						
							| 
									
										
										
										
											2019-05-13 22:08:06 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-19 21:12:53 +01:00
										 |  |  |     async remove() { | 
					
						
							|  |  |  |         await this.trigger('beforeTabRemove', {tabId: this.tabId}, true); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         this.trigger('tabRemoved', {tabId: this.tabId}); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-21 21:43:23 +01:00
										 |  |  |     isActive() { | 
					
						
							|  |  |  |         return this.appContext.activeTabId === this.tabId; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-08-15 10:04:03 +02:00
										 |  |  |     getTabState() { | 
					
						
							|  |  |  |         if (!this.notePath) { | 
					
						
							|  |  |  |             return null; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         return { | 
					
						
							|  |  |  |             tabId: this.tabId, | 
					
						
							|  |  |  |             notePath: this.notePath, | 
					
						
							| 
									
										
										
										
											2020-01-15 22:27:52 +01:00
										 |  |  |             active: this.tabRow.activeTabId === this.tabId | 
					
						
							| 
									
										
										
										
											2019-08-15 10:04:03 +02:00
										 |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     stateChanged() { | 
					
						
							| 
									
										
										
										
											2020-01-24 17:54:47 +01:00
										 |  |  |         appContext.openTabsChangedListener(); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     noteDeletedListener({noteId}) { | 
					
						
							|  |  |  |         if (this.note && noteId === this.note.noteId) { | 
					
						
							|  |  |  |             this.note = null; | 
					
						
							|  |  |  |             this.notePath = null; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |             this.trigger('tabNoteSwitched', {tabId: this.tabId}); | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2019-08-15 10:04:03 +02:00
										 |  |  |     } | 
					
						
							| 
									
										
										
										
											2019-05-01 22:19:29 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-08 19:55:24 +02:00
										 |  |  | export default TabContext; |