Widget Distribution Energie

Bonjour a tous,

Merci beaucoup @Phpvarious pour ce widget, vraiment super!
J’aimerai qu’il soit fonctionnel en mode mobile et j’ai supprimé le morceau de code que tu montres ici…
Maintenant le widget s’affiche mais sans les annimations de sens de l’energie.
Y’a-t-il une possibilité de faire fonctionner cela?

Merci,

Sebastien

Hello,

Peux-tu copier les 20 premières ligne du code que tu as dans le fichier stp, ceci dans un bloc Texte préformaté.

<div class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#" style="width: 100%;">  
  <!-- Widget name : cmd.info.string.distribution_energy
    Auteur        : Phpvarious
    Version actuelle : 02/06/2023 22h00
    Lien          : https://phpvarious.github.io/documentation/widget/fr_FR/widget_scenario/distribution_energie/
  -->  
  <div class="widget#id#" id="widget#id#"></div>
  
  <script>
    var debug#id# = ('#debug#' == 1) ? true : false;
    var fullJs#id# = false
    var jeedomVersion#id# = 4.4
    
    if (debug#id#) console.log('┌─────────────────── Widget Distribution energy [#id#] Compatibilité V4.2 V4.3 V4.4 ───────────────')
    /* Compatibilité V4.2 V4.3 V4.4 */
    /**/ if (typeof jeedom.cmd.addUpdateFunction !== 'function') { // a partir de la 4.3
    /**/   if (debug#id#) console.log('| jeedom.cmd.addUpdateFunction no exist')
    /**/   jeedom.cmd.addUpdateFunction = function(id,func) { jeedom.cmd.update[id]=func; }
    /**/ }
    /* ------------------------------------------ */
    
    ////////////////////////// Général /////////////////////////
    var updateByCmd#id# = true
    var HideIfEmpty#id# = true

Comme dis j’ai retiré les lignes de 16 a 28 comme tu l’indiquais dans un post précédent.

Sebastien

J’avais besoin de connaitre la version, et m’assurer que tu avais bien supprimé les bonne lignes :grin:.

La je vois pas, il fonctionne correctement chez moi.

Quelle est la version de ton jeedom ?
Tu me confirme que ce même widget fonctionne correctement en mode desktop ?

Je suis en Jeedom 4.3.21, l’affichage en Desktop fonctionne (ne regarde pas les valeurs, c’est un Jeedom de test …):

Le code non modifie est ceclui-ci:

<div class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#" style="width: 100%;">  
  <!-- Widget name : cmd.info.string.distribution_energy
    Auteur        : Phpvarious
    Version actuelle : 02/06/2023 22h00
    Lien          : https://phpvarious.github.io/documentation/widget/fr_FR/widget_scenario/distribution_energie/
  -->  
  <div class="widget#id#" id="widget#id#"></div>
  
  <script>
    var debug#id# = ('#debug#' == 1) ? true : false;
    var fullJs#id# = false
    var jeedomVersion#id# = 4.4
    
    if (debug#id#) console.log('┌─────────────────── Widget Distribution energy [#id#] Compatibilité V4.2 V4.3 V4.4 ───────────────')
    /* Compatibilité V4.2 V4.3 V4.4 */
    /**/ if(typeof jeeFrontEnd === 'undefined') {
    /**/   if (debug#id#) console.log('| jeeFrontEnd no exist -> version <= 4.2')
    /**/   jeedomVersion#id# = 4.2
    /**/ }
    /**/ else
    /**/ {
    /**/   jeedomVersion#id# = jeeFrontEnd.jeedomVersion.substr(0, 3)
    /**/   if (debug#id#) console.log('| jeeFrontEnd -> version == ' + jeedomVersion#id#)
    /**/ }
    /**/ if (jeedomVersion#id# >= 4.4) {
    /**/   fullJs#id# = true
    /**/   if (debug#id#) console.log('| Full Js')
    /**/ }
    /**/ if (typeof jeedom.cmd.addUpdateFunction !== 'function') { // a partir de la 4.3
    /**/   if (debug#id#) console.log('| jeedom.cmd.addUpdateFunction no exist')
    /**/   jeedom.cmd.addUpdateFunction = function(id,func) { jeedom.cmd.update[id]=func; }
    /**/ }
    /* ------------------------------------------ */
    
    ////////////////////////// Général /////////////////////////
    var updateByCmd#id# = true
    var HideIfEmpty#id# = true

J’utilise un iPhone pour mes tests sous chrome.

Sebastien

Ok, on est d’accord que tu modifie pas ce même fichier pour la version mobile ?

Ben si justement …
Je ne modifie pas ce fichier pour la verion Desktop mais je retire ces lignes pour la version Mobile …

Ok :+1:,

Tu sait acceder a la console de dev sur ton navigateur ?

Surle telephone? y’a pas cette option je crois dans Chrome …

ah oui, tu es sur tel actuellement ?

Edit : lol je pense pas, au vu de tous ce que tu m’a posté

Ohhh desole, je susi passe en version mobile sur mon PC et ca fonctionne sur le PC !

Je viens aussi d’essayer avec Safari sur mon iphone et Chrome sur le tel Android de ma femme, ca ne fonctionne avec aucun appareil.

Ok, donc ca vient certainement du navigateur de l’iphone.

Je viens aussi d’essayer avec Safari sur mon iphone et Chrome sur le tel Android de ma femme, ca ne fonctionne avec aucun appareil.

Mais si je passe sur les telephones en version Desktop alors ca fonctionne.

Je vient de faire le test sur mon mobile avec chrome et aucun soucis de mon coté

Voici ce que ca donne en version Mobile sur telephone:

Mon iphone avec Chrome

Le tel Android de madame avec Chrome:
image

Tu peux tester dans la configuration de jeedom > onglet Interface > Tuiles

Oui, ca fonctionne comme cela !
Mais je souhaite 2 colonnes … tu penses pouvoir arranger ca?
Si possible de reduire les dimensions des cercles peut-etre?
J’adore ce widget car en un coup d’oeuil on voit tout sans avoir a reflechir …

Non c’est pas possible je pense, car le widget s’adapte a la taille que le core lui attribut.

Mince…
Et forcer juste cette tuile d’utiliser 1 seule colonne?
En tout cas merci pour ton temps ce soir, je t’ai fait un petit don :slight_smile:
Excelent widget, mes amis demandent a l’integrer deja !