Beiträge von grisu2099

/* Restore 'Space & Separator' items script for Firefox 102+ by Aris

  Default browser scripts always remove spaces and separators from default palette, so
  because of that they are added to an own toolbar now.

   - spaces and separators can be moved to any toolbar
   - to remove spaces or separators move them into palette
   - configuration toolbar behaves like a default toolbar, items and buttons can be placed on it
   - configuration toolbar is not visible outside customizing mode
   - default "Flexible Space" item is hidden from palette and added to configuration toolbar
   [!] BUG: do not move spaces, flexible spaces or separator to configuration toolbar or it will cause glitches
   [!] BUG: do not move main 'space'-item to palette or it will be hidden until customizing mode gets reopened

   [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)*/


ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
var appversion = parseInt(Services.appinfo.version);

var AddSeparator = {
  init: function() {

	if (location != 'chrome://browser/content/browser.xhtml')
      return;

	/* blank tab workaround */
	try {
	  if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
	} catch(e) {}
	  
	var tb_config_label = "Konfigurationsleiste";
	var tb_spacer_label = "Leerraum";
	var tb_sep_label = "Trenner";
	var tb_spring_label = "Flexibler Leerraum";
	  
	try {
	 if(document.getElementById('configuration_toolbar') == null) {
		
	  var tb_config = document.createXULElement("toolbar");
	  tb_config.setAttribute("id","configuration_toolbar");
	  tb_config.setAttribute("customizable","true");
	  tb_config.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
	  tb_config.setAttribute("mode","icons");
	  tb_config.setAttribute("iconsize","small");
	  tb_config.setAttribute("toolboxid","navigator-toolbox");
	  tb_config.setAttribute("lockiconsize","true");
	  tb_config.setAttribute("ordinal","1005");
	  tb_config.setAttribute("defaultset","toolbarspacer,toolbarseparator");
	  
	  document.querySelector('#navigator-toolbox').appendChild(tb_config);
	  
	  CustomizableUI.registerArea("configuration_toolbar", {legacy: true});
	  CustomizableUI.registerToolbarNode(tb_config);
	  
	  var tb_label = document.createXULElement("label");
	  tb_label.setAttribute("label", tb_config_label+": ");
	  tb_label.setAttribute("value", tb_config_label+": ");
	  tb_label.setAttribute("id","tb_config_tb_label");
	  tb_label.setAttribute("removable","false");
	  
	  tb_config.appendChild(tb_label);
	  
	  
	  var tb_spacer = document.createXULElement("toolbarspacer");
	  tb_spacer.setAttribute("id","spacer");
	  tb_spacer.setAttribute("class","chromeclass-toolbar-additional");
	  tb_spacer.setAttribute("customizableui-areatype","toolbar");
	  tb_spacer.setAttribute("removable","false");
	  tb_spacer.setAttribute("label", tb_spacer_label);
	  
	  tb_config.appendChild(tb_spacer);
	
	  
	  var tb_sep = document.createXULElement("toolbarseparator");
	  tb_sep.setAttribute("id","separator");
	  tb_sep.setAttribute("class","chromeclass-toolbar-additional");
	  tb_sep.setAttribute("customizableui-areatype","toolbar");
	  tb_sep.setAttribute("removable","false");
	  tb_sep.setAttribute("label", tb_sep_label);
 	  
	  tb_config.appendChild(tb_sep);
	  
	 
	  var tb_spring = document.createXULElement("toolbarspring");
	  tb_spring.setAttribute("id","spring");
	  tb_spring.setAttribute("class","chromeclass-toolbar-additional");
	  tb_spring.setAttribute("customizableui-areatype","toolbar");
	  tb_spring.setAttribute("removable","false");
	  tb_spring.setAttribute("flex","1"); 
	  tb_spring.setAttribute("label", tb_spring_label);
	  	  
	  tb_config.appendChild(tb_spring);
	    
	  // CSS  -  top 142px bei horizontalen Tabs  -  top 104px bei vertikalen
	  var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

	  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
		#configuration_toolbar {
			appearance: none !important;
			background-color: rgb(110,110,110) !important;
			position: absolute !important;
			top: 142px !important;
			width: 1920px !important;
			color: yellow !important;
			min-height: 25px !important;
			}
		#main-window:not([customizing]) #configuration_toolbar {
			visibility: collapse;
			}
		#main-window[customizing] #configuration_toolbar #tb_config_tb_label {
			font-weight: bold !important;
			margin: 3px 0 0 500px !important;
			}
		#main-window[customizing] #configuration_toolbar :is(#spacer,#separator,#spring) {
			margin-inline-start: 20px;
			}
		#main-window[customizing] #configuration_toolbar :is(#wrapper-spacer,#wrapper-separator,#wrapper-spring) .toolbarpaletteitem-label {
			display: block !important;
			margin-inline-end: 20px;
			}
		#main-window[customizing] #wrapper-spacer #spacer {
			margin: 2px 0 !important;
			}
		#main-window[customizing] #configuration_toolbar #wrapper-spring #spring {
			margin: -1px 0 !important;
			min-width: 80px !important;
			}
		#main-window[customizing] #configuration_toolbar > * {
			padding: 0 20px !important;
			}
		#main-window[customizing] #configuration_toolbar #wrapper-spring {
			padding: 2px 20px !important;
			}
		#main-window[customizing] #configuration_toolbar > :is(#wrapper-spacer,#wrapper-separator) {
			border: 1px solid red !important;
			margin-block: 2px !important;
			margin-inline: 20px !important;
			}
		#main-window[customizing] #configuration_toolbar toolbarseparator {
			appearence: none !important;
			margin: 0 !important;
			}
		#main-window[customizing] toolbarseparator {
			border-left: 1px solid red !important;
			}
		#main-window[customizing] #configuration_toolbar > :is(#wrapper-spring) {
			border: 1px solid red !important;
			margin-block: 2px !important;
			margin-inline: 20px 1420px !important;
			}
		#main-window[customizing] toolbarspacer {
			border: 1px dotted lightgreen !important;
			margin: 0 !important;
			}
		toolbar[orient="vertical"] toolbarseparator {
			appearance: none !important;
			}
		toolbar[orient="vertical"] toolbarspacer {
			appearance: none !important;
			height: 18px !important;
			width: 18px !important;
			}
		#customization-palette toolbarpaletteitem[id^="wrapper-customizableui-special-spring"],
		#customization-palette-container :is(#spring,#wrapper-spring) {
			display: none !important;
			}
		#main-window:not([customizing]) toolbar:not(#configuration_toolbar) toolbarspring {
			max-width: 100% !important;
			}
		#main-window[customizing] #configuration_toolbar toolbarspring {
			max-width: 10% !important;
			}
		#menubar-items + spacer {
			display: none !important;
			}
	  `), null, null);

	  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	 }
	} catch(e){}

  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddSeparator.init(), false);
/* Use the below code instead of the one above this line, if initialization issues occur on startup */
/*
setTimeout(function(){
  AddSeparator.init();
},2000);
*/

	// bmcount testa neu D TEST! für Mira
	// basiert auf Sript von BrokenHeart
	// https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1269879#post1269879
	// funktioniert in Nightly 139

	(function() {

		if (!window.gBrowser)
			return;

		setTimeout(function() {
			setFunction();
		},50);

			//Custom icons in profile/chrome/icons folder
		let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
		let icon1 = "Ordner.png"
		let icon2 = "Stern.svg"

		let cs_font_size = 12
		let cs_font_weight = 600
		let cs_font_color = "rgb(144,238,144)"

		function setFunction() {

			const css =`

				#bmContent {
					font-family: "Courier New", monospace !important;
					font-size: ${cs_font_size}px !important;
					font-weight: ${cs_font_weight} !important;
					display: flex !important;
					height: 16px !important;
					margin-inline: auto -1px !important;
				}
				#bmContent::before {
					content: attr(data-value1) "   /";
					background: url("${ProfilePath}/${icon1}") no-repeat 8px 0;
					color: ${cs_font_color};
					align-items: center;
					display: inline-flex;
					justify-content: flex-end;
					width: 23px;
					padding: 4px 0 0 10px;
					margin-inline: 20px 2px;
				}
				#bmContent::after {
					content: attr(data-value2);
					background: url("${ProfilePath}/${icon2}") no-repeat right 0;
					background-size: 16px 16px;
					color: ${cs_font_color};
					align-items: center;
					display: flex;
					justify-content: flex-end;
					width: 23px;
					padding: 4px 17px 0 0;
					/* border: 1px solid red; */
				}

					/* ::before oder ::after ausblenden, wenn der Zähler 0 anzeigen würde */
				#bmContent[data-value1="0"]::before,
				#bmContent[data-value2="0"]::after {
					display: none !important;
				}
			`;

			const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
			const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
			sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

			let bmbMenu = document.getElementById('bookmarks-menu-button');
			let bookMenu = document.getElementById('bookmarksMenu');
			let persToolBar = document.getElementById('PersonalToolbar');

			if(bmbMenu)
				bmbMenu.addEventListener('popupshowing', onPopupShowing );
			if(bookMenu)
				bookMenu.addEventListener('popupshowing', onPopupShowing );
			if(persToolBar)
				persToolBar.addEventListener('popupshowing', onPopupShowing );
		}

		function onPopupShowing(aEvent) {

			let popup = aEvent.originalTarget;
			for (let item of popup.children) {
				if (item.localName != 'menu' || item.id?.startsWith('history'))
					continue;
				setTimeout(() => {
					let itemPopup = item.menupopup;
					itemPopup.hidden = true;
					itemPopup.collapsed = true;
					itemPopup.openPopup();
					itemPopup.hidePopup();
					let menuitemCount = 0;
					let menuCount = 0;
					for (let subitem of itemPopup.children) {
						if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
							if (subitem.localName == 'menuitem') {
								menuitemCount++;
							} else if (subitem.localName == 'menu') {
								menuCount++;
							}
						}
					}
					itemPopup.hidden = false;
					itemPopup.collapsed = false;

					let bmCounta = item.childNodes[1];
					bmCounta.innerHTML = ""
					let bmContent = document.createElement("bmContent");
					bmContent.id = "bmContent";
					bmCounta.appendChild(bmContent);

					let strCountOut1 = menuCount;
					bmContent.setAttribute('data-value1', strCountOut1);

					let strCountOut2 = menuitemCount;
					bmContent.setAttribute('data-value2', strCountOut2);
				}, 100);
			}
		}

	})();