Alerte foudre en temps réel sur Jeedom

Discussions Générales
41

Salut,

Pas bien compris. Tu ne le vois pas parce-que que tu ne l’as pas mis :upside_down_face: ou parce qu’il y a un souci technique ou qu’il est trop grand pour rentrer dans le dashboard sans scroller ?

Je n’ai pas fait de widget pour la partie mobile parce que je ne utilise pas et du coup je ne vois pas trop comment faire mais je tenterai de voir ce qu’il existe que d’autres plugins.

Avant la stable je ne ferai plus d’évolution mais, oui, il faudra sûrement continuer de travailler la partie widget (template).
C’est très souvent là où je passe le pluq de temps pour un résultat, qui souvent me déçoit. Quand on a pas une âme de « graphiste » ça se sent bien :face_with_hand_over_mouth:.

Widget trop grand, oui, C’est un peu pour ça que j’ai introduis un widget plus vertical mais il faudra sûrement continuer d’y travailler et en proposer d’autres. Permettre de cacher certains éléments est une option, c’est ce que j’avais fini par faire sur SolCast.

Donc attendons la stable puis si tu veux m’aider sur les widgets ça sera avec plaisir :grin:

2 « J'aime »
42

Oui, voici quelques détails :

Ah bah s’il n’y a pas de widget, c’est normal qu’il ne s’affiche pas :smiley:

Pas de souci, ton plugin mérite largement de passer en stable :+1:

Voici mes suggestions pour ne pas perdre d’information et rendre le visuel plus petit :

image
image688×541 33.1 KB

  • 1 & 2 : Ces infos ne sont pas nécessaires en permanence :
    pourquoi pas une info-bulle au survol ou un (i) en haut à droite (cf 3) ;
  • 3 : Déplacer le lien vers la carte vers le coin doit (ou gauche) de la tuile, un peu comme ce que bouton Power du plugin squeezebox :
    image ;
  • 4 : Le graph devrait s’ajuster automatiquement à la taille de la tuile ; on pourrait aussi imaginer inverser les 2 axes du graph et ajouter les infos en mode chute d’eau (nouvelle info en haut), laissant l’utilisateur masquer le bas du graph s’il ne l’intéresse pas ;
  • 5 : Ces informations sont pertinentes mais pourraient gagner à être plus compactes, que dirais-tu de cercles plus petits et de taille polices plus petites ?

Ce ne sont là que des idées, j’aime beaucoup ce que tu as fais et je peux regarder pour te proposer un PR dans ce sens ce weekend si ça t’intéresse.

Bad

2 « J'aime »
43

Oui, je confirme, il n’y a rien dans la partie mobile :slight_smile:

  • 1 & 2 & 3 : C’est malin, en effet :+1:
  • 4 : Le graph s’ajuste horizontalement mais pas verticalement car je voulais conserver une bonne visibilité vu qu’il y a de nombreux points d’impacts. Faut voir ce que ça donne avec ta proposition de chute d’eau, je suis pas contre essayer des choses :slight_smile:
  • 5 : Oui j’ai peut-être utilisé une police un peu grosse et donc fait des cercles un peu trop grand, on y gagnerait de la place en réduisant ça.
    Disons que ma réflexion de base était calqué sur le graphique. Comme il est là (et grand), autant utiliser l’espace disponible mais si le graphique est repensé alors il faut effectivement s’attaquer aux restes des infos.

J’attends demain soir pour pousser la branche stable en validation Jeedom et si tu as le temps et l’énergie de faire un PR ce week-end, je regarderais avec attention. Normalement et sauf si tu fonctionnes vraiment différemment il devrait suffire de créer de nouveau(x) html.

Merci :slightly_smiling_face:

44

Bonjour,

Pour ma Smart, le plugin est trop gourmand. Charge 1 min 0,4 → 1,6 et température CPU +4° → 70°.
Il y a beaucoup trop de données venant de blitzortung en ce moment.
En utilisant un iframe, la charge est dans le navigateur qui affiche le widget.

Si ça peut intéresser, j’ai fait un widget avec des paramètres optionnels permettant d’afficher l’iframe proposé par blitzortung sur cette page: Map and image examples

image
image1313×637 106 KB

Mise en place:

  • Il faut modifier les règles CSP pour autoriser l’iframe venant de map.blitzortung.org

    image
    image782×21 769 Bytes

  • La source du widget à placer dans data/customTemplates/dashboard/cmd.info.string.blitzortung.html à la racine de Jeedom :

Source du widget. Cliquez pour ouvrir 
<div class="cmd cmd-widget #history#" data-type="info" data-subtype="string" data-template="default" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <div class="content-xs">
    <span class="cmdName #hide_name#">#name_display#</span>
    <strong class="state"></strong>
  </div>
  <template>
    <div>type : map ({{map, stat1, stat2 Défaut: map}})</div>
    <div>latitude : 48 ({{Défaut: 48}})</div>
    <div>longitude : 6 ({{Défaut: 6}})</div>
    <div>zoomFactor : 8 ({{de 0 à 12. Défaut: 8}})</div>
    <div>width : 500 ({{Largeur de la tuile. Défaut: 500}})</div>
    <div>height : 500 ({{Hauteur de la tuile. Défaut: 500}})</div>
    <div>mapStyle : ({{Style de la carte 0(satellite), 2 ou 3(relief). Défaut: 0}})</div>
    <div>station : ({{Station de surveillance. Défaut: 1279}})</div>
  </template>
  <script>
    jeedom.cmd.addUpdateFunction('#id#',function(_options) {
      let cmd = $('.cmd[data-cmd_id=#id#]')
      let type = 'map';
      if('#' +'type#' != '#type#') type = '#type#';
      let station = '1279';
      if('#' +'station#' != '#station#') station = '#station#';
      let zoomFactor = is_numeric('#zoomFactor#') ? parseInt('#zoomFactor#') : 8;
      let latitude = is_numeric('#latitude#') ? parseFloat('#latitude#') : 48;
      let longitude = is_numeric('#longitude#') ? parseFloat('#longitude#') : 6;
      let width = is_numeric('#width#') ? parseInt('#width#') : 500;
      let height = is_numeric('#height#') ? parseInt('#height#') : 500;
      let mapStyle = is_numeric('#mapStyle#') ? parseInt('#mapStyle#') : 0;
      let iframe = '';
      if(type == 'stat1')
        iframe = '<img style="background-color: #300000" src="https://map.blitzortung.org/statistic_1.php?time_zone=2&station=' +station +'&background_transparent=1" alt="statistic_1.php">';
      else if(type == 'stat2')
        iframe = '<img style="background-color: #002000;" src="https://map.blitzortung.org/statistic_2.php?time_zone=2&station=' +station +'&labels_extension=1&background_transparent=1" alt="statistic_2.php">';
      else
        iframe = '<iframe src="https://map.blitzortung.org/index.php?interactive=1&NavigationControl=1&FullScreenControl=0&Cookies=0&InfoDiv=0&MenuButtonDiv=1&ScaleControl=1&LinksCheckboxChecked=1&LinksRangeValue=10&MapStyle=' +mapStyle +'&MapStyleRangeValue=0&Advertisment=0#' +zoomFactor +'/' +latitude +'/' +longitude +'" width="' +width +'" height="' +height+'"></iframe>';
      cmd.find('.state').empty().append(iframe);
    });
    jeedom.cmd.refreshValue([{cmd_id :'#id#',display_value: '#state#', valueDate: '#valueDate#', collectDate: '#collectDate#', alertLevel: '#alertLevel#', unit: '#unite#'}])
  </script>
</div>
  • Dans un virtuel, créer une commande info de type Autre et lui affecter ce widget blitzortung.
3 « J'aime »
45

Hello,

Je te contact en PV pour essayer un truc que j’avais en tête.