Skript für Add-ons Update - Pfad zum Icon ändern

Mira_Belle

Ich buddle mal diesen Thread wieder hervor.

Habe versucht das mit dem Profilpfad umzusetzen, jedoch will es nicht so.

Z.Z nutze ich das Script in dieser Version.

JavaScript

/* Addons-UpDate-Check-Button */

// https://www.camp-firefox.de/forum/thema/135551-skript-f%C3%BCr-add-ons-update/?postID=1213378#post1213378
// Test: https://www.camp-firefox.de/forum/thema/135551-skript-f%C3%BCr-add-ons-update/?postID=1213646#post1213646

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

  CustomizableUI.createWidget({
    id: 'addons-update-button',
    defaultArea: CustomizableUI.AREA_NAVBAR,
    label: 'Add-ons Update',
    tooltiptext: 'Add-ons aktualisieren',
    onCommand: onCommand,
    onCreated: function(button) {

      button.style.listStyleImage = 'url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/iff60u96.default-release/chrome/icons/UpDate.png")';
    }
  });
 
  function onCommand(event) {
    event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
    addEventListener('pageshow', function onPageshow(event) {
      let document = event.target;
      if (document.URL != 'about:addons') return;
      removeEventListener('pageshow', onPageshow);
      document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
      document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
      content.setTimeout(function() { 
        let categories = document.getElementById('categories');
        categories.querySelector('button[viewid="addons://updates/recent"]').click();
        categories.querySelector('button[viewid="addons://updates/available"]').click();
      }, 1500); 
    });
  };
})();

Alles anzeigen

Wenn ich jedoch den Pfad für das Symbol in ...

JavaScript

let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
let buttonicon = "UpDate.png";
button.style.listStyleImage = "list-style-image: url('" + ProfilePath + buttonicon + "');"

... oder auch ...

JavaScript

let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/"); 
let buttonicon = "UpDate.png";
button.style.listStyleImage = 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',

... wird das Symbon einfach nicht angezeigt.

Was mach ich denn Falsch?

Wo ist der Fehler?

Sören Hentzschel

Vergleiche den alten Code mal ganz genau mit deinem neuen Code. list-style-image: gehört da nicht hin.

Mira_Belle

Oh, Käse, war/ist ein Missgeschick!

So sollte es ausschauen!

JavaScript

let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
let buttonicon = "UpDate.png";
button.style.listStyleImage = "url('" + ProfilePath + buttonicon + "');"

... oder auch ...

JavaScript

let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/"); 
let buttonicon = "UpDate.png";
button.style.listStyleImage = 'url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',

... wird das Symbon einfach nicht angezeigt.

Mira_Belle

Die Zeichensetzung, es ist die Zeichensetzung, über die ich gestolpert bin!

Siehe

Beitrag

RE: Allgemeine Frage(n) zu JavaScript

Bin der Sache einen Schritt näher gekommen!

Ein Fehler ist das Semikolon am Ende der Variablendefinition.

(Quelltext, 44 Zeilen)

Diese Version funktioniert.

Und diese entgüldige, nach einigen Tests, auch

(Quelltext, 40 Zeilen)

Jetzt muss ich nur noch schauen, was ich versehentlich so verändert habe,

dass es plötzlich funktioniert.

Mira_Belle

7. Januar 2023 um 13:50

Das folgende JavaScript funktioniert, so wie von mir gewünscht.

JavaScript

/* Addons-UpDate-Check-Button */

// https://www.camp-firefox.de/forum/thema/135551-skript-f%C3%BCr-add-ons-update/?postID=1213378#post1213378// Test: https://www.camp-firefox.de/forum/thema/135551-skript-f%C3%BCr-add-ons-update/?postID=1213646#post1213646// Test: https://www.camp-firefox.de/forum/thema/135803-allgemeine-frage-n-zu-javascript/?postID=1216977#post1216977

(function() {

// start customisation area----------------------------------
    let profilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'))
    let buttonIcon = "UpDate.png" // Name & Dateiendung des anzuzeigenden Symbols
// end customisation area-----------------------------------

  if (!window.gBrowser) return;

  CustomizableUI.createWidget({
    id: 'addons-update-button',
    defaultArea: CustomizableUI.AREA_NAVBAR,
    label: 'Add-ons Update',
    tooltiptext: 'Add-ons aktualisieren',
    onCommand: onCommand,
    onCreated: function(button) {
      button.style.listStyleImage = "url('" + profilePath + buttonIcon + "')";
      }
  });
 
  function onCommand(event) {
    event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
    addEventListener('pageshow', function onPageshow(event) {
      let document = event.target;
      if (document.URL != 'about:addons') return;
      removeEventListener('pageshow', onPageshow);
      document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
      document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
      content.setTimeout(function() { 
        let categories = document.getElementById('categories');
        categories.querySelector('button[viewid="addons://updates/recent"]').click();
        categories.querySelector('button[viewid="addons://updates/available"]').click();
      }, 1500); 
    });
  };
})();

Alles anzeigen

BarbaraZ-

Das liest sich gut.

Ab Februar werde ich mich mal in CSS einarbeiten und die Browser-Werkzeuge nutzen.

Step bei Step wird es mir dann gelingen. (*ganzsicherbin*)

Mira_Belle

Update

Da das Skript unter Version 116 nicht mehr funktionierte,

musste ich es umschreiben.

JavaScript

// Addons-UpDate-Check.uc.js
// Source file: https://www.camp-firefox.de/forum/thema/135803/?postID=1216977#post1216977
// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1217002#post1217002
// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1232102#post1232102
(function() {
    if (!window.gBrowser) return;
    try {
        CustomizableUI.createWidget({
          id: 'addons-update-button',
          defaultArea: CustomizableUI.AREA_NAVBAR,
          label: 'Add-ons Update',
          tooltiptext: 'Add-ons aktualisieren',
          onCommand: onCommand,
          onCreated: function(button) {
              let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");  // Pfadangabe zum Profilordner
              let buttonicon = "sync-16.svg"     // Name & Dateiendung des anzuzeigenden Symbols
              button.style.listStyleImage = 'url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'")';
          }
      });
    } catch(e) {
      return;
    }
   
    function onCommand(event) {
      event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
      addEventListener('pageshow', function onPageshow(event) {
        let document = event.target;
        if (document.URL != 'about:addons') return;
        removeEventListener('pageshow', onPageshow);
        document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
        document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
        content.setTimeout(function() {
          let categories = document.getElementById('categories');
          categories.querySelector('button[viewid="addons://updates/recent"]').click();
          categories.querySelector('button[viewid="addons://updates/available"]').click();
        }, 1500);
      });
    };
  })();

Alles anzeigen

Mira_Belle

Oh, sehe gerade, habe diese Version irgendwann mal etwas abgeändert!

JavaScript

// Addons-UpDate-Check.uc.js

// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1263412#post1263412

(function () {
  if (!window.gBrowser) return;
  try {
    CustomizableUI.createWidget({
      id: "addons-update-button",
      defaultArea: CustomizableUI.AREA_NAVBAR,
      label: "Add-ons Update",
      tooltiptext: "Add-ons aktualisieren",
            onCommand: onCommand,
    });
  } catch (e) {
    return;
  }

  let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, "chrome", "icons")); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
  let ButtonIcon = "sync.svg"; // Name & Dateiendung des anzuzeigenden Symbols!
  let sss = Components.classes[
    "@mozilla.org/content/style-sheet-service;1"
  ].getService(Components.interfaces.nsIStyleSheetService);
  let uri = Services.io.newURI(
    "data:text/css;charset=utf-8," +
      encodeURIComponent(`
 
        #addons-update-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") }
        #addons-update-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
          width: 28px !important;
          height: 28px !important;
          fill: #ffe10f !important;
          fill-opacity: 1 !important;
          }
 
       `),
    null,
    null
  );

  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

  function onCommand(event) {
    event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
    addEventListener('pageshow', function onPageshow(event) {
      let document = event.target;
      if (document.URL != 'about:addons') return;
      removeEventListener('pageshow', onPageshow);
      document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
      document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
      content.setTimeout(function() {
        let categories = document.getElementById('categories');
        categories.querySelector('button[viewid="addons://updates/recent"]').click();
        categories.querySelector('button[viewid="addons://updates/available"]').click();
      }, 1500);
    });
  };
})();

Alles anzeigen

Mira_Belle

Und hier eine neue Version!

JavaScript

// Addons-UpDate-Check.uc.js

// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1263412#post1263412

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

(function () {
  if (!window.gBrowser) return;
  try {
    CustomizableUI.createWidget({
      id: "addons-update-button",
      defaultArea: CustomizableUI.AREA_NAVBAR,
      label: "Add-ons Update",
      tooltiptext: "Add-ons aktualisieren",
            onCommand: onCommand,
    });
  } catch(e) { };

  function onCommand(event) {
    event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
    addEventListener('pageshow', function onPageshow(event) {
      let document = event.target;
      if (document.URL != 'about:addons') return;
      removeEventListener('pageshow', onPageshow);
      document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
      document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
      content.setTimeout(function() {
        let categories = document.getElementById('categories');
        categories.querySelector('button[viewid="addons://updates/recent"]').click();
        categories.querySelector('button[viewid="addons://updates/available"]').click();
      }, 1500);
    });
  };

  // Pfad zum Profilordner
  let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
  // Pfad in den entsprechenden Unterordner
  let IconPath = '/chrome/icons/';
  // Name & Dateiendung des anzuzeigenden Symbols!
  let ButtonIcon = "sync.svg";
  // Die Grafik wird geladen
  document.getElementById('addons-update-button').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
  document.getElementById('addons-update-button').style.fill = '#ffe10f';    // Hier wird die Iconfarbe direkt gesetzt

})();

Alles anzeigen

Mira_Belle

Nachtrag

Wenn jemand die Fallbacklösung im Skript haben möchte, muss nur die Zeilen ab
// Pfad zum Profilordner bis })(); komplett mit diesem Code austauschen.

JavaScript

    // Pfad zum Profilordner
    let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
    // Pfad in den entsprechenden Unterordner
    let IconPath = '/chrome/icons/';
    // Name & Dateiendung des anzuzeigenden Symbols!
    let ButtonIcon = "sync.svg";
    // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
    let img = new Image();
    img.src = "file:" + ProfilePath + IconPath + ButtonIcon;

    img.onload = function() {
        // Wenn die Grafik geladen werden kann, setze das listStyleImage
        document.getElementById('addons-update-button').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
        document.getElementById('addons-update-button').style.fill = '#ffe10f';    // Hier wird die Iconfarbe direkt gesetzt
    };

    img.onerror = function() {
        // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
        document.getElementById('addons-update-button').style.listStyleImage = 'url("chrome://global/skin/icons/warning.svg")';
        document.getElementById('addons-update-button').style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
    };

Alles anzeigen

2002Andreas

Zitat von Mira_Belle

.style.webkitAnimationFillMode = '#ffe10f';

Hallo Mira.

Ich musste obiges ändern zu:

.style.fill = '#ffe10f';

damit das eigene Icon gelb wurde.

Sören Hentzschel

Vor allem ist ein Farbwert auch überhaupt kein gültiger Wert für animation-fill-mode. Das kann so also nicht gewollt gewesen sein. Und das Webkit-Präfix für ein Firefox-Script verwundert ebenso.

Mira_Belle

Zitat von 2002Andreas

Hallo Mira.
Ich musste obiges ändern zu:
.style.fill = '#ffe10f';
damit das eigene Icon gelb wurde.

Ach Du heilige Sch......!
Da ist mir irgendwie was durcheinander geraden.
Natürlich muss es .style.fille = '#ffe10f'; heißen

milupo

Zitat von Mira_Belle

Natürlich muss es .style.fille = '#ffe10f'; heißen

Nö, style.fill.

Mira_Belle

Zitat von milupo

Nö, style.fill.

Danke, ist korrigiert. Wo bin ich denn mit meinen Gedanken?
Sollte wohl besser mal eine Pause machen.

milupo

Machst du vielleicht auch den Fehler, den ich auch oft mache? Den Text sofort abschicken, anstatt ihn sich erst einmal in der Vorschau anzusehen?

Mira_Belle

Zitat von milupo

Machst du vielleicht auch den Fehler, den ich auch oft mache? Den Text sofort abschicken, anstatt ihn sich erst einmal in der Vorschau anzusehen?

RE: Allgemeine Frage(n) zu JavaScript

¯\_(ツ)_/¯