Improve icon display
This commit is contained in:
		
							parent
							
								
									a723791d1b
								
							
						
					
					
						commit
						fa97743fc8
					
				
					 1 changed files with 41 additions and 41 deletions
				
			
		|  | @ -13,43 +13,42 @@ class IconIndicator { | ||||||
| 		BrowserIcon.enable();		 | 		BrowserIcon.enable();		 | ||||||
| 
 | 
 | ||||||
| 		// Enable icon changes if enabled within the settings. 
 | 		// Enable icon changes if enabled within the settings. 
 | ||||||
| 		global.read([`settings`, `general`, `showApplicable`]).then((PREFERENCE) => {(PREFERENCE) | 		(Tabs.query(null, 0)).then((TAB) => { | ||||||
| 			? fetch(CONFIG).then((response) => response.json()).then((jsonData) => { | 			// Get the URL of the tab. 
 | ||||||
| 				const ICON_COLORS = jsonData; | 			const LOCATION = TAB.url; | ||||||
| 
 | 
 | ||||||
| 				/* | 			global.read([`settings`, `general`, `showApplicable`]).then((PREFERENCE) => {(PREFERENCE) | ||||||
| 				Show an iconified summary of the results.  | 				? fetch(CONFIG).then((response) => response.json()).then(async (jsonData) => { | ||||||
|  | 					const ICON_COLORS = jsonData; | ||||||
| 	 | 	 | ||||||
| 				@param {string} location the URL of the page | 					/* | ||||||
| 				@param {string} ID the tab's ID | 					Show an iconified summary of the results.  | ||||||
| 				*/ |  | ||||||
| 				function showDetails(location, ID) { |  | ||||||
| 					let LOCATION = location;  |  | ||||||
| 					// If the tab data is ready, change the icon to reflect the results. 
 |  | ||||||
| 					global.read([`sites`, LOCATION, `status`]).then(async (STATUS) => { |  | ||||||
| 						if (STATUS) { |  | ||||||
| 							(STATUS[`error`]) ? BrowserIcon.set({ |  | ||||||
| 									"BadgeText": await (new texts(`extensionIcon_error`)).symbol, |  | ||||||
| 									"BadgeBackgroundColor": ICON_COLORS[`error`] |  | ||||||
| 								}, {"tabId": ID}) : false; |  | ||||||
| 
 |  | ||||||
| 							if (STATUS[`done`]) { |  | ||||||
| 								global.read([`sites`, LOCATION, `analysis`, `Rating`, `Trust`]).then(async (RESULTS) => { |  | ||||||
| 									(RESULTS) ? BrowserIcon.set({ |  | ||||||
| 											"BadgeText": await (new texts(`extensionIcon_product_`.concat(RESULTS))).symbol, |  | ||||||
| 											"BadgeBackgroundColor": ICON_COLORS[`product_`.concat(RESULTS)] |  | ||||||
| 										}, {"tabId": ID}) : false; |  | ||||||
| 								}) |  | ||||||
| 							}; |  | ||||||
| 						}; |  | ||||||
| 					}); |  | ||||||
| 				} |  | ||||||
| 	 |  | ||||||
| 				 |  | ||||||
| 				(Tabs.query(null, 0)).then(async (TAB) => { |  | ||||||
| 					// Get the URL of the tab. 
 |  | ||||||
| 					let LOCATION = TAB.url; |  | ||||||
| 		 | 		 | ||||||
|  | 					@param {string} location the URL of the page | ||||||
|  | 					@param {string} ID the tab's ID | ||||||
|  | 					*/ | ||||||
|  | 					function showDetails(location, ID) { | ||||||
|  | 						let LOCATION = location;  | ||||||
|  | 						// If the tab data is ready, change the icon to reflect the results. 
 | ||||||
|  | 						global.read([`sites`, LOCATION, `status`]).then(async (STATUS) => { | ||||||
|  | 							if (STATUS) { | ||||||
|  | 								(STATUS[`error`]) ? BrowserIcon.set({ | ||||||
|  | 										"BadgeText": await (new texts(`extensionIcon_error`)).symbol, | ||||||
|  | 										"BadgeBackgroundColor": ICON_COLORS[`error`] | ||||||
|  | 									}, {"tabId": ID}) : false; | ||||||
|  | 	 | ||||||
|  | 								if (STATUS[`done`]) { | ||||||
|  | 									global.read([`sites`, LOCATION, `analysis`, `Rating`, `Trust`]).then(async (RESULTS) => { | ||||||
|  | 										(RESULTS) ? BrowserIcon.set({ | ||||||
|  | 												"BadgeText": await (new texts(`extensionIcon_product_`.concat(RESULTS))).symbol, | ||||||
|  | 												"BadgeBackgroundColor": ICON_COLORS[`product_`.concat(RESULTS)] | ||||||
|  | 											}, {"tabId": ID}) : false; | ||||||
|  | 									}) | ||||||
|  | 								}; | ||||||
|  | 							}; | ||||||
|  | 						}); | ||||||
|  | 					} | ||||||
|  | 
 | ||||||
| 					BrowserIcon.set({ | 					BrowserIcon.set({ | ||||||
| 							"BadgeText": await (new texts(`extensionIcon_website_loading`)).symbol, | 							"BadgeText": await (new texts(`extensionIcon_website_loading`)).symbol, | ||||||
| 							"BadgeBackgroundColor": ICON_COLORS[`loading`] | 							"BadgeBackgroundColor": ICON_COLORS[`loading`] | ||||||
|  | @ -58,12 +57,11 @@ class IconIndicator { | ||||||
| 					showDetails(LOCATION, TAB.id); | 					showDetails(LOCATION, TAB.id); | ||||||
| 					observe((changes) => { | 					observe((changes) => { | ||||||
| 						showDetails(LOCATION, TAB.id); | 						showDetails(LOCATION, TAB.id); | ||||||
| 					}) | 					}); | ||||||
| 				}); | 				}) | ||||||
|  | 				: false; | ||||||
| 			}) | 			}) | ||||||
| 			: false; |  | ||||||
| 		}) | 		}) | ||||||
| 
 |  | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	/*  | 	/*  | ||||||
|  | @ -75,10 +73,12 @@ class IconIndicator { | ||||||
| 		// Enable icon changes if enabled within the settings. 
 | 		// Enable icon changes if enabled within the settings. 
 | ||||||
| 		global.read([`settings`, `general`, `showApplicable`]).then((PREFERENCE) => { | 		global.read([`settings`, `general`, `showApplicable`]).then((PREFERENCE) => { | ||||||
| 			(Tabs.query(null, 0)).then(async (TAB) => { | 			(Tabs.query(null, 0)).then(async (TAB) => { | ||||||
| 				BrowserIcon.set({ | 				(PREFERENCE) | ||||||
|  | 				? BrowserIcon.set({ | ||||||
| 						"BadgeText": await (new texts(`extensionIcon_website_unsupported`)).symbol, | 						"BadgeText": await (new texts(`extensionIcon_website_unsupported`)).symbol, | ||||||
| 						"BadgeBackgroundColor": await fetch(CONFIG).then((response) => response.json()).then((jsonData) => {return (jsonData[`N/A`]);}) | 						"BadgeBackgroundColor": await fetch(CONFIG).then((response) => response.json()).then((jsonData) => {return (jsonData[`N/A`]);})}, | ||||||
| 					}, {"tabId": TAB.id}); | 					{"tabId": TAB.id}) | ||||||
|  | 				: false; | ||||||
| 			}) | 			}) | ||||||
| 		}) | 		}) | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue