userChrome.js Scripte für den Fuchs (Diskussion)

(function() {

    if (!window.gBrowser){
        return;
    }

    let newWindow = null;

    try {
       CustomizableUI.createWidget({
          id: 'Uhr-button',
          type: 'custom',
          defaultArea: CustomizableUI.AREA_NAVBAR,
          onBuild: function(aDocument) {         
            var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
			var buttonicon = "1.svg"
            var toolbaritem = aDocument.createXULElement('toolbarbutton');
            var props = {
                id: 'Uhr-button',
                class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                removable: 'true',
                label: 'Uhr',
                accesskey: '',
                tooltiptext: '',
                style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");'
             };            
             for (var p in props)
                toolbaritem.setAttribute(p, props[p]);            
             return toolbaritem; 
          }      
       });
    } catch(e) { };
	
    document.getElementById('link-button').addEventListener( 'click', function(event) {
		
		    
        if (event.button == 0) 
        {
        
         newWindow = null;
		 
		event.target.ownerGlobal.openTrustedLinkIn('https://uhr.ptb.de/',"tab");         
            
        } 
                
    }, true);
    
}) ();

	/* Uhr in Nav-Bar */
	
function doDatUhrCallback() {try{doDatUhr();}catch(ex){} }
 function convertUTCDateToLocalDate(date) {
  var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);

  var offset = date.getTimezoneOffset() / 60;
  var hours = date.getHours();

  newDate.setHours(hours - offset);

  return newDate;
}
 function doDatUhr() {
 var days = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
 var months = ["Jan", "Feb", "März", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Dez"];
 window.setTimeout(doDatUhrCallback, 1000);
	        var D = new Date();
            var day = days[D.getDay()];
            var month = months[D.getMonth()];
            var year = D.getFullYear();
            var hour = D.getHours();
            var minute = D.getMinutes();
            var second = D.getSeconds();

            var date = day + ", " + (D.getDate() < 10 ? "0" +D.getDate() : D.getDate()) + ". " + month + ". " + year + " ";
            var time = (hour < 10 ? "0" +hour : hour) + ":" + (minute < 10 ? "0" +minute : minute) + ":" + (second < 10 ? "0" +second : second);
            var timestr = date + time + " Uhr" + " ";
			var text = " Nightly 64 ";
            var status = document.getElementById("statusbar-clock-display");
            status.setAttribute("value", text + timestr);
			/* if (hours < 6 || hours > 20) {
			status.setAttribute("style", "color: white");
			}
			 else {
			status.setAttribute("style", "color: white");
			} */
			status.setAttribute("style", clockstyle);
			}

            var ClockStatus = document.getElementById("urlbar-container");
            var ClockLabel = document.createXULElement("label");
            ClockLabel.setAttribute("id", "statusbar-clock-display");
            ClockLabel.setAttribute("class", "statusbarpanel-text");
            ClockLabel.setAttribute("style", "padding-top:3px!important;font-size:19px;font-weight:bold;color:white!important;");
            ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
            doDatUhr();

(function() {
	if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	function doDatClock() {
		var timestr = new Date().toLocaleDateString( locale , options );
		if( count == 1 ) {
			var counter = new Date( 1000 * sec ).toISOString().substr( 11 , 8 ); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
			timestr = timestr + ' (' + counter + ')';
			sec++;
		}
		ClockLabel.setAttribute( 'value', timestr );
	}
	
	var count = 0; // if you don't want a counter set this to zero
	var agent = 1; // if you just want the clock set this to zero
	var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
	var personalText = '      >     designed by Andreas    <  '; // your personal text here
	var cssColor = 'white'; // Font Color

	var css = 'padding-top: 5px !important; padding-left: 0px; color: ' + cssColor + '; font-weight: 600; text-shadow: none;font-size:15px; width: 295px; margin-right:70px;';
	var cssA = 'margin-left:30px; width: auto;';

	var options = { 
		weekday: 'long', 
		year: 'numeric', 
		month: 'long', 
		day: 'numeric', 
		hour: '2-digit', 
		minute: '2-digit', 
		second: '2-digit' 
	};
	
	var sec = 0;

	var locale = language || window.navigator.languages[0];

	var position = document.getElementById('ExtraConfigMenu-button');

	var ClockLabel = document.createXULElement('label');
	ClockLabel.setAttribute('id', 'statusbar-clock-display');
	ClockLabel.setAttribute('class', 'statusbarpanel-text');
	ClockLabel.setAttribute('style', css);	
	position.parentNode.insertBefore(ClockLabel, position.nextSibling);

	if( agent == 1 ) {
		var AgentLabel = document.createXULElement('label');
		AgentLabel.setAttribute('id', 'statusbar-agent-display');
		AgentLabel.setAttribute('class', 'statusbarpanel-text');
		AgentLabel.setAttribute('style', css + cssA);
		var FFstr = window.navigator.userAgent.split(' ');
		var FF = FFstr[FFstr.length-1].replace( '/' , ' ' );
		var gAppInfo = Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);
		var text = "Nightly   >  " + gAppInfo.version + personalText;
        

		AgentLabel.setAttribute( 'value', text );
		position.parentNode.insertBefore(AgentLabel, position.nextSibling);
	}
	
	if( count == 1 ) {
		ClockLabel.addEventListener('dblclick', function() { sec = 0; });
	}
	
	window.setInterval( doDatClock , 1000 );
})();

// ==UserScript==
// @name           uhr-panelbutton.uc.js
// @compatibility  Firefox 134
// @include        main
// @version        1.0.1
// ==/UserScript==

(function() {
	if (!window.gBrowser)
		return;

	var uhr = {
	  urlobj: {
		MO_Linksklick: {url:"https://uhr.ptb.de/",width:500,height:500},
	  },
	  wfthrobber: "https://raw.github.com/ardiman/userChrome.js/master/wetterfuchsbutton/loading51.gif",  // alternativ z.B. wfthrobber: "chrome://global/skin/media/throbber.png",
	  createBtn: function() {
	   try {
		  CustomizableUI.createWidget({
			 id: 'uhr-toolbarbutton',
			 type: 'custom',
			 onBuild: function(aDocument) {
				var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
				var attributes = {
				   id: 'uhr-toolbarbutton',
				   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
				   type: 'button',
				   removable: 'true',
				   label: 'Uhr Panel',
				   tooltiptext: 'Aktuelle Uhrzeit',
				   style: 'list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACrklEQVQ4jX2T3UuTURzHn3+j/6ILrwq88cLoJgpiEYQUwcKErKAXWi+E1dIZrTRQWQQzYZqilWvGpPmyC3OMtnQ02gvao/Lsxbk9e9phY+fTxRNLM/rCFw6ccz7n+4XfUZS/tLL6HdvjN7Ra3TRbPTRbPbS09dM3MIymafx9viEhBLbHbzhxaxanb5OJcJGJcJG30RIjSzq2MZVWq5vXI6P7IUII2i45uTys4lrIM/dth4RWYTltkM4IYhsVxkN5XixUaLkZotc5tBdyu6ufs4NbjCzpLKcNvqxXWCtKUgXTyZIkGC/R517BMVukqSOA1ztDo/Ohdi/dvhz+uEEsK4llJdG8ZLVgruM7kicDIUanE3yIGXSMFDhs6cEwDBqvT0dLBFMV4r8vJpcjJJcjpISkz72CyxMjWZL44wbdvhwHTn0yU7S09XNnKrc3tpDkwmHks+uMTid45oqQLEmiGcmSWmcqatBkW+N2Vz/KwdOveOjViKzpaLpE3akR+pZn2p+i/doEJ6/Os5apouoSVZckcjX8X7c59jzH+U67Cej25cjrVURNEk8VcDjmeOla4t5gjPfjQapSUq6a1kWdhFbBMlgwAZb2R1weVsnuCKSU1OsSKXc5PIvM/GjsiZpkdV3niEPlvv0pSt/AMMd7V5kJbTUge1zImJDfgI1sGddCnqaOAIFAAEXTNFo7BrGNqWxky/sBu1KImiSSLnNhtMKxc/cQQpiz4BmbwNITxOnbJLX1E13U96XIffpAJF3GPi9ptnpYXFzcO429ziEsPUEeejX8X7dJbf1kZb1COiP4rlWZnEtjn5ccvT7+7/+gKIoyOfWOM1eecHEohNO3iftzFffnKo7ZIheHQljaH5m9/yfDMJicesfdrl46bzyg88YD7tufMjPz8U/nXfoFmxjSB7qU4KIAAAAASUVORK5CYII=)'
				};
				for (var p in attributes)
						toolbaritem.setAttribute(p, attributes[p]);
					
				toolbaritem.addEventListener('click', event => {
					if (event.button == 0) { 
							uhr.openPanel( 'MO_Linksklick', event, 'b' );
					}
				});
				
				return toolbaritem;
			 }
		  });
	   } catch(e) { };
	   
	   var css = '\
		  #uhr-toolbarbutton .toolbarbutton-icon {max-width: none !important;}\
	   ';
		   
	   var stylesheet = document.createProcessingInstruction('xml-stylesheet', 'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');

	   document.insertBefore(stylesheet, document.documentElement);
	   },
	  init: function() {
		
		this.createBtn();

		let panel = document.createXULElement('panel');  
		panel.id = "uhr-panel";
		panel.setAttribute('noautohide', "false"); 
		panel.setAttribute('type', "arrow"); 
		
		panel.addEventListener('popuphiding', event => {
			 uhr.clearPanel();
		});
		  
		panel.addEventListener('mousedown', event => {
			if (event.button == 1)  
				 uhr.openUrlFromPanel();
		});
		
		let element = document.getElementById('mainPopupSet');
	
		console.log("--------------------------mainPopupSet: " + element);	
		if(element)	
			element.appendChild(panel);	
			
		let vbox = document.createXULElement('vbox');    
		panel.appendChild(vbox);
		
		let browser = document.createXULElement('browser');  
		browser.id = "uhr-iframe";
		browser.setAttribute('type', 'content');     
		browser.setAttribute('flex', '1'); 
		browser.setAttribute('remote', 'true');
		browser.setAttribute('src', this.wfthrobber); 
		vbox.appendChild(browser);
		
	  },
	  myEventhandler: function (e,toDo) {
		switch (toDo) {
		 case "p":
		  e.preventDefault();
		  break;
		 case "s":
		  e.stopPropagation();
		  break;
		 case "b":
		  e.preventDefault();
		  e.stopPropagation();
		  break;
		}
	  },
	  clearPanel: function() {
		myiframe = document.getElementById("uhr-iframe");
		myiframe.parentNode.width = 146;
		myiframe.parentNode.height = 146;
		myiframe.setAttribute("src",this.wfthrobber);
	  },
	  openUrlFromPanel: function() {
		openWebLinkIn(document.getElementById("uhr-iframe").getAttribute("src"),"tab");
		document.getElementById("uhr-panel").hidePopup();
	  },
	  openPanel: function(bezeichner,e,toDo) {
		this.myEventhandler(e,toDo);
		var myiframe = document.getElementById("uhr-iframe");
		myiframe.parentNode.style.width = this.urlobj[bezeichner]["width"]+'px';
		myiframe.parentNode.style.height = this.urlobj[bezeichner]["height"]+'px';
		myiframe.setAttribute("src",this.urlobj[bezeichner]["url"]);
		var mypanel = document.getElementById("uhr-panel");
		mypanel.openPopup(document.getElementById("uhr-toolbarbutton"));
	  },
	};

uhr.init();	

})();