add side panel management
This commit is contained in:
		
							parent
							
								
									d5af9376b9
								
							
						
					
					
						commit
						dca2281cd9
					
				
					 1 changed files with 50 additions and 0 deletions
				
			
		
							
								
								
									
										50
									
								
								scripts/GUI/sidepanel.js
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										50
									
								
								scripts/GUI/sidepanel.js
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,50 @@ | |||
| // Manage the sidepanel. 
 | ||||
| // The sidepanel is what I'll call the Sidebar. 
 | ||||
| export default class Sidebar { | ||||
| 	/*  | ||||
| 	Create a new sidebar.  | ||||
| 
 | ||||
| 	@param {string} PATH the path of the file to be displayed by the sidebar | ||||
| 	*/ | ||||
| 	constructor (PATH) { | ||||
| 		// Set side panel's URL. 
 | ||||
| 		chrome.sidePanel.setOptions({ path: PATH }); | ||||
| 		 | ||||
| 		// Grab the current tab ID. 
 | ||||
| 		chrome.tabs.query({ active: true, currentWindow: true }, function ([TAB]) { | ||||
| 			chrome.sidePanel.open({windowId: TAB.id}); | ||||
| 			this.root = PATH; | ||||
| 		}); | ||||
| 
 | ||||
| 		chrome.runtime.onConnect.addListener((CONNECTION) => { | ||||
| 			if ((CONNECTION.name).includes(`view=${PATH}`)) { | ||||
| 				this.focus(TRUE); | ||||
| 				CONNECTION.onDisconnect.addListener(async () => { | ||||
| 					this.focus(FALSE); | ||||
| 				}); | ||||
| 			} | ||||
| 		}); | ||||
| 	} | ||||
| 
 | ||||
| 	/*  | ||||
| 	Set the focused state of the side panel.  | ||||
| 
 | ||||
| 	@param {boolean} STATE the focused state | ||||
| 	*/ | ||||
| 	focus(STATE) { | ||||
| 		if (STATE != null && (typeof STATE).includes(`bool`)) {this.state = STATE;} | ||||
| 		else {chrome.sidePanel.setOptions({ path: this.root });}  | ||||
| 	} | ||||
| 
 | ||||
| 	// Close the side panel. 
 | ||||
| 	async close() { | ||||
| 		// Make sure that the panel is still active. 
 | ||||
| 		if (this.state) { | ||||
| 			// First, disable it to close it. 
 | ||||
| 			await chrome.sidePanel.setOptions({enabled: false}); | ||||
| 
 | ||||
| 			// Then, re-enable it. 
 | ||||
| 			await chrome.sidePanel.setOptions({enabled: true}); | ||||
| 		}; | ||||
| 	}; | ||||
| } | ||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue