Beiträge von Mira_Belle

# 1.Zielordner für ZIP-Download und Entpacken
$tempDir = "$env:temp\FF"

# 2. ZIP herunterladen und entpacken
if (!(Test-Path $tempDir)) {
    New-Item -Path $tempDir -ItemType Directory -Force
}
    pause
$zipUrl = "https://raw.githubusercontent.com/Endor8/userChrome.js/master/userChrome/Dateien/firefox-anpassungen.zip"
$zipPath = "$tempDir\firefox-anpassungen.zip"

if (!(Test-Path $tempDir)) {
    New-Item -Path $tempDir -ItemType Directory -Force
}

Invoke-WebRequest -Uri $zipUrl -OutFile $zipPath

Expand-Archive -Path $zipPath -DestinationPath $tempDir -Force

(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 = "folder-fat.svg";                     //  Custom  Folder Icon
  let icon2 = "bookmark-hollow.svg";                //  Custom  Link Icon
  //let icon3 = "arrow-right_II.svg";                 //  Custom  Arrow Icon
  let icon3 = "arrow-right.svg";

  // Custom settings
  let bm_font_size = 12; 
  let cs_font_weight = 700;
  //let cs_font_color = "#FFD700";
  //let cs_icon_color = "#C0C0C0";
  let bm_icon_size = 16;

  // NEU: Schriftfarbe getrennt definieren
  //let cs_font_color_1 = "#FFA500";                 // Farbe für Folder-Zähler (links)
  //let cs_font_color_2 = "#00FFFF";                 // Farbe für Link-Zähler (rechts)
  let cs_font_color_1 = "#FFD700";                 // Farbe für Folder-Zähler (links)
  let cs_font_color_2 = "#FFD700";                 // Farbe für Link-Zähler (rechts)

  // NEU: Symbolfarber getrennt definieren 
  //let cs_icon_color_1 = "#5fe575";                 // Farbe für "Ordner", 1.Symbol
  //let cs_icon_color_2 = "#fbf328";                 // Farbe für "Link", 2.Symbol
  //let cs_icon_color_3 = "#bbf700";                 // Farbe für den Pfeil
  let cs_icon_color_1 = "#C0C0C0";                 // Farbe für "Ordner", 1.Symbol
  let cs_icon_color_2 = "#C0C0C0";                 // Farbe für "Link", 2.Symbol
  let cs_icon_color_3 = "#C0C0C0";                 // Farbe für den Pfeil


  // Calculated settings
  let cs_font_size = `${bm_font_size}px`;
  let cs_icon_size = `${bm_icon_size}px`;
  let cs_width_one = `calc(${bm_icon_size}px + 1.4em)`;
  let cs_width_uno = `calc(${bm_icon_size}px)`;
  let cs_width_two = `calc(${bm_icon_size}px + 1.4em)`;
  let cs_width_due = `calc(${bm_icon_size}px)`;

  let useStyle1 = false; // <- HIER Weiche setzen: true = Variante 1, false = Variante 2

  // Symbole hinter den Zählern
  let cssBeforeBlock1 = `

    /* Counter #1 Folder */
    #bmContent::before {
      content: attr(data-value1);
      width: ${cs_width_one};
      align-items: center;
      display: flex;
      justify-content: end;
      margin-inline: 16px 4px;                        /* min. Abstand links für enge Popups, rechts zum 2ten Counter */
      background-image: url("${ProfilePath}/${icon1}")!important;
      background-position: center right calc(${cs_width_one} - ${cs_icon_size});
      background-repeat: no-repeat;
      background-size: ${cs_icon_size} ${cs_icon_size};     
      color: ${cs_font_color_1};                        /* Farbe der 1. Zahl */
      fill: ${cs_icon_color_1};                         /* Farbe des 1. Symbols */
    }

    /* Counter #2 Links */
    #bmContent::after {
      content: attr(data-value2);
      width: ${cs_width_two};
      align-items: center;
      display: flex;
      justify-content: end;
      margin-inline: -2px;
      background-image: url("${ProfilePath}/${icon2}") !important;
      background-position: center right calc(${cs_width_two} - ${cs_icon_size});
      background-repeat: no-repeat;
      background-size: ${cs_icon_size} ${cs_icon_size};            
      color: ${cs_font_color_2};                        /* Farbe der 2. Zahl */
      fill: ${cs_icon_color_2};                         /* Farbe des 2. Symbols */
    }
  `;

  // Symbole vor den Zählern
  let cssBeforeBlock2 = `

    /* Counter #1 Folder */
    #bmContent::before {
      content: attr(data-value1);
      width: ${cs_width_one};
      align-items: center;
      display: flex;
      justify-content: end;
      background-image: url("${ProfilePath}/${icon1}")!important;
      background-position: center right calc(${cs_width_uno} - ${cs_icon_size});
      background-repeat: no-repeat;
      background-size: ${cs_icon_size} ${cs_icon_size};     
      color: ${cs_font_color_1};                        /* Farbe der 1. Zahl */
      fill: ${cs_icon_color_1};                         /* Farbe des 1. Symbols */
      padding: 4px 20px 0px 10px;
      margin-inline: 0px -10px;
    }

  	#bmContent::after {
			content: attr(data-value2);
      width: ${cs_width_two};
      align-items: center;
      display: flex;
      justify-content: end;
      /*justify-content: flex-end; */
      background-image: url("${ProfilePath}/${icon2}")!important;
      background-position: center right calc(${cs_width_due} - ${cs_icon_size});
      background-repeat: no-repeat;
      background-size: ${cs_icon_size} ${cs_icon_size};            
      color: ${cs_font_color_2};                        /* Farbe der 2. Zahl */
      fill: ${cs_icon_color_2};                         /* Farbe des 2. Symbols */
			padding: 4px 22px 0 0;
		}
  `;

  function setFunction() {

    const css =`

      /* Counter rechtsbuendig */
      #bmContent {
        display: flex !important;
        margin-inline: auto 0 !important;
        font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
        font-size: ${cs_font_size} !important;
        font-weight: ${cs_font_weight} !important;
        height: ${cs_icon_size};
      }

      /* Dynamisch gewählter before-Block */
      ${useStyle1 ? cssBeforeBlock1 : cssBeforeBlock2}

      /* Pfeil */
      menupopup > menu::after {
        content: "";
        background-image: url("${ProfilePath}/${icon3}")!important;
        height: ${cs_icon_size};
        height: ${cs_icon_size};
        fill: ${cs_icon_color_3} !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;

          // Neues Element für Zaehler
          let bmCounta = item.childNodes[1];
            if (!bmCounta) return;                            // Falls undefiniert
          bmCounta.innerHTML = ""
          let bmContent = document.createElement("bmContent");
          bmContent.id = "bmContent";
          bmCounta.appendChild(bmContent);

          //let strCountOut1 = "" + menuCount + "";           //  Has no brackets
          //let strCountOut1 = "(" + menuCount + ")";         //  Has round brackets
          //let strCountOut1 = "[" + menuCount + "]";         //  Has square brackets
          let strCountOut1 = String(menuCount).padEnd(2, " ");
          bmContent.setAttribute('data-value1', strCountOut1);

          //let strCountOut2 = "" + menuitemCount + "";        //  Has no brackets
          //let strCountOut2 = "(" + menuitemCount + ")";      //  Has round brackets
          //let strCountOut2 = "[" + menuitemCount + "]";      //  Has square brackets
          let strCountOut2 = String(menuitemCount).padEnd(2, " ");
          bmContent.setAttribute('data-value2', strCountOut2);

        }, 100);
    }
  }
})();