Procédure d'installation du widgets tiers Solid Gauge

[leylek]

Bonjour,

Après avoir (enfin) compris l’interaction entre tuiles de base, virtuels et widgets, je tente d’obtenir de beaux widgets « solid gauge ».

J’ai récupérer le code de @Spine conformément à ce qui est écrit ici et l’ai importé comme Widget tiers conformément à la doc.

Le résultat est que … ma jauge disparaît…

Je n’ai pas touché les paramètres optionnels de ce widgets et d’ailleurs je ne saurais le faire car ils semblent écrits en dur dans le code du widget (à moins bien sûr de taper directement dedans mais quid si je veux d’autres paramètres pour d’autres instances de ce widget ?)

J’ai cru comprendre (ici) que je devais modifier en plus un fichier js. Mais les instructions diverses et variées que je lis dépassent de très loin mes compétences.

Quelqu’un aurait-il la bonté de me dire ce que je fais mal et/ou ce que je devrais faire en plus ou en mieux (ou en moins ! )

Merci !

[Phpvarious]

Bonsoir,

@leylek

Le résultat est que … ma jauge disparaît…

C’est tout a fait normale si tu n’a pas ajouté le code Js qui permet inclure la lib

@leylek

J’ai cru comprendre (ici) que je devais modifier en plus un fichier js. Mais les instructions diverses et variées que je lis dépassent de très loin mes compétences.

Dans Réglages/système/Personnalisation avancée tu double clic sur custom.js

ensuite tu copie / colle le code ci-dessous :

function includeJS(filenames, callback) {
  if (typeof filenames === 'string') {
    filenames = [filenames];
  }

  let loadedCount = 0;
  
  function loadScript(filename) {
    /*if (document.querySelector(`script[src="${filename}"]`)) {
      loadedCount++;
      if (loadedCount === filenames.length) {
        callback();
      }
      return;
    }
   */
    
    let sc = document.createElement('script');
    sc.src = filename;
    sc.type = 'text/javascript';
    sc.async = true;

    sc.onerror = function() {
      loadedCount++;
      if (loadedCount === filenames.length) {
        callback();
      }
      sc.onerror = null;
    };

    sc.onload = sc.onreadystatechange = function() {
      if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
        loadedCount++;
        if (loadedCount === filenames.length) {
          callback();
        }
        sc.onload = sc.onreadystatechange = null;
      }
    };

    document.body.appendChild(sc);
  }

  filenames.forEach(filename => loadScript(filename));
}

Puis tu sauvegarde.

Oublie pas d’activer les personnalisations avancée :

Plus qu’a vérifier si ca fonctionne

[leylek]

ça fonctionnel nickel. Merci…

J’avais bien vu le truc mais avec le nombres de posts et de versions qui traînent sur ce forum, il était difficile pour moi de savoir laquelle était la bonne.

En plus, je découvre enfin l’emplacement du custom.css qui me permettra sans doute de jouer avec l’esthétique générale de jeedom.

Merci