Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Toute la communauté vous remercie

partage widget info

Réservé à l'utilisation et la création de widgets dans JEEDOM
winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 19 mars 2016, 01:06

4 info textuelles en plus des unités
Untitled~2.gif
Untitled~2.gif (803.82 Kio) Consulté 1167 fois

volontairement en brut (pour aide de création/adaptation)
je test la fonction data "nul besoin de réactualisé ou d'attendre un évenement"
application du même widget pour tous mais obligation d'utilisé les mêmes nom

le virtuel

Switch
indexTODAYmini
indexTODAYmax
indexYESmini
indexYESTmax
switch.png
switch.png (93.59 Kio) Consulté 1167 fois
on applique le même widget pour tous
maj 21/10/2016
tile_switch.png
tile_switch.png (63.04 Kio) Consulté 854 fois

Code : Tout sélectionner

<div id="conso1" class="cmd" data-cmd_id="#id#" data-type="info" data-subtype="string">
        <span class='cmdName#id#' style="font-weight: bold;font-size : 12px;">#name_display#</span>
	<div>   		
  <div id="switchIndex#id#">
              <span id="switchTODAY#id#" class="switch#id# bold bleu">Aujourd'hui</span>  <br />  
              <span id="switchYEST#id#" class="switch#id# bold gris">hier</span>
			</div>
			<div id="indexConso#id#">
              <span id="indexTODAYmini#id#" class="index bleu bold" style="top:0px;"><span id="indexTODAYmax#id#" class="unit rose"></span></span>
             <span id="indexYESmini#id#" class="index bleu bold" style="top:-40px;"><span id="indexYESTmax#id#" class="unit rose"></span></span>
          
      </div>

		</div>
 


    <style>
.bold {font-weight:bold !important;}
.bleu {color: #white !important;}
      .rose {color: #ff9900 !important;}
.gris {color: #8C8C8C !important;}

#conso1 > div {
    height: 45px;
    padding-right: 5px;
    padding-top: 1px;
    width: 40px;
	margin-top: 0px;
}
#switchIndex#id# {
	position: absolute;
	left:17px;
	top:60px;
	cursor:pointer;
	z-index:5;
}
#indexConso#id# {
top:25px;
left: 20px;
 width: 80px; 
	position: relative;
	overflow: hidden;
	height: 40px;
}
.switch#id# {
	font-size: 12px;
}
#indexConso#id# > .index {
	margin-bottom: 0px !important;
	position: absolute;
	right:0px;
}
.dataDisabled {
	opacity:.3;
}
# {display:inline-block; vertical-align: top; }
      .index {
	display: block;
	text-align:right;
	padding-right: 5px;
	font-size:22px;
}
span.index > .unit {
	font-size:14px;
	vertical-align: 18px;
  
}

  </style>

<script>

$(".iconCmd#id#").empty(); 
    // les-expressions-regulieres ex : if ("#name#".match(/^PC/i) || "#name#".match(/^Ordi/i))
      if ("#name_display#".match(/Switch/)) {
      $(".cmdName#id#").hide(); // cache du nom

        var indexConso1 = "#indexTODAYmini#id#";
        var indexConso2 = "#indexTODAYmax#id#";
        var indexConso3 = "#indexYESmini#id#";
        var indexConso4 = "#indexYESTmax#id#";

   }; 
  
// methode sans data 

  
  if ("#name_display#".match(/TODAYmini/)) {
    $(".cmd[data-cmd_id=#id#]").hide(); // cache du virtuel pour TODAYmni

 // $("#indexTODAYmini3765").data("test2", "#state#"); // methode Data [enreg] // http://www.w3schools.com/jquery/misc_data.asp
    
// propre à se widget : efface old #state# pour nouveau car prepend ajjoute devant  
 $(indexConso1).contents().filter(function() {
//    $('#indexTODAYmini3765').contents().filter(function() {
  return this.nodeType == 3;
})
.remove(); 	
//   $( "#indexTODAYmini3765" ).prepend( $( "#indexTODAYmini3765" ).data( "test2" )); // methode data [affichage]
	$(indexConso1).prepend("#state#"); // methode sans data [affichage]
//	$("#indexTODAYminiunit3765").text("#unite#"); // sans var

    };  
  
  
  // methode avec 

if ("#name_display#".match(/TODAYmax/)) {
    $(".cmd[data-cmd_id=#id#]").hide();

 $(indexConso2).data("var2", "#state#");
$(indexConso2).contents().filter(function() {
  return this.nodeType == 3;
})
.remove(); 	
   $(indexConso2).prepend( $(indexConso2).data( "var2" ));
//	$("#indexTODAYmax3755").prepend("#state#");


    };
  if ("#name_display#".match(/YESmini/)) {
    $(".cmd[data-cmd_id=#id#]").hide();
       $(indexConso3).data("var3", "#state#");
    $(indexConso3).contents().filter(function() {
  return this.nodeType == 3;
})
.remove(); 
   $(indexConso3).prepend( $(indexConso3).data( "var3" ));
//	$("#indexYESmini3765").prepend("#state#");

    };
  
  if ("#name_display#".match(/YESTmax/)) {
    $(".cmd[data-cmd_id=#id#]").hide();
//   $("#indexYESTmax3765").data("test4", "#state#"); // sans var
    $(indexConso4).data("var4", "#state#");
        $(indexConso4).contents().filter(function() {
  return this.nodeType == 3;
})
.remove(); 
//   $( "#indexYESTmax3765" ).prepend( $( "#indexYESTmax3765" ).data( "test4" )); // sans var
       $(indexConso4).prepend( $(indexConso4).data( "var4" ));
//	$("#indexYESTmax3765").prepend("#state#");


    };

  	$("#switchTODAY#id#").click(function () {
		if($(this).hasClass("gris")) {
			$(".switch#id#").toggleClass("gris");
			$(".switch#id#").toggleClass("bleu");
            $("#indexYESmini#id#").stop().animate({top:"-40px"}, 300);
            $("#indexYESTmax#id#").stop().animate({top:"-20px"}, 300);
			$("#indexTODAYmini#id#").stop().animate({top:"0px"}, 300);
            $("#indexTODAYmax#id#").stop().animate({top:"20px"}, 300);
          

		}
	});
  
  	$("#switchYEST#id#").click(function () {
		if($(this).hasClass("gris")) {
			$(".switch#id#").toggleClass("gris");
			$(".switch#id#").toggleClass("bleu");
		    $("#indexYESmini#id#").stop().animate({top:"0px"}, 300);
            $("#indexYESTmax#id#").stop().animate({top:"20px"}, 300);    
			$("#indexTODAYmini#id#").stop().animate({top:"40px"}, 300);
            $("#indexTODAYmax#id#").stop().animate({top:"50px"}, 300);
		}
	});


  </script>

		</div>


Dernière édition par winhex le 27 oct. 2016, 21:11, édité 1 fois.

team18fr
Actif
Messages : 1043
Inscription : 11 oct. 2014, 18:41

Re: partage widget info

Message par team18fr » 17 avr. 2016, 19:04

Salut je voulais utiliser ton widget pour VMC il fonctionne bien mais ça me décale d'autre icones dans mon dashboard.
Et aussi celui du nest j'ai bien pris les fichiers et tout apparait dans mes widgets, j'ai aussi le plugin du nest mais aprés rien ne change je dois obligatoirement faire un virtuelle ?

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 17 avr. 2016, 20:24

1 change
img {
par
.fan#id# {

etant par pour longtemps encore sur une vieille version jeedom.
j'en sais rien. test / essai / adapte / modifie.
je reviendrais le dire et modifierai les widgets

team18fr
Actif
Messages : 1043
Inscription : 11 oct. 2014, 18:41

Re: partage widget info

Message par team18fr » 17 avr. 2016, 23:03

Je ne comprends pas ta réponse tu me dis de changer img { par .fan#id# { mais quand je regarde le code c'est déjà .fan#id# {

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 17 avr. 2016, 23:49

j'ai modifié (tu doit voir en fin de message édité)

c'est dans les balises style qu'il faut modifié

team18fr
Actif
Messages : 1043
Inscription : 11 oct. 2014, 18:41

Re: partage widget info

Message par team18fr » 18 avr. 2016, 12:01

Merci ma VMC à une belle allure grâce à toi.
Pour le widget du nest j'ai fais un virtuel et ça fonctionne mais tu les fait pointer vers quoi pour le premier je l'ai fais pointer vers la consigne du nest mais pour les deux autres ??

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: Re : partage widget info

Message par winhex » 18 avr. 2016, 13:16

tu as la consigne
numérique

tu as la couleur
noir = off
rouge = en marche
binaire (si tu vois du bleu c'est la config de base sans mise à jour)

et l'icône du bas
pour différents mode confort/nuit
alphabétique

team18fr
Actif
Messages : 1043
Inscription : 11 oct. 2014, 18:41

Re: partage widget info

Message par team18fr » 19 avr. 2016, 14:50

Merci. Je vois bien du bleu ou je peux trouver cette mise à jour.
Sinon dans la vidéo le virtuelle a 3 infos la première pointe vers la consigne mais pour les 2 autres je ne vois pas vers quoi elle pointe. Pour moi au niveau de l’icône j'ai toujours la feuille par exemple.

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: Re : partage widget info

Message par winhex » 19 avr. 2016, 16:01

chez moi ça pointe (raccourci) sur des autre virtuel
j'utilise se widget en accueil
et si je veux modifié (eteinds/changement de consigne,… ) j'entre dans un design avec commande

tu peux créé pour voir 1 virtuel
2 info événement
1 info binaire et action on/off
1 info alpha avec différent mode

Avatar de l’utilisateur
aragornier
Actif
Messages : 2211
Inscription : 02 janv. 2015, 20:38
Localisation : Montpellier

Re: partage widget info

Message par aragornier » 27 oct. 2016, 20:42

Merci encore pr ce super partage

Envoyé de mon SM-A300FU en utilisant Tapatalk
JEEDOM POWER
3 jeedom sur RPI3 + 1 GEN8 pour VM et stockage
26 modules Zwave + 12 modules Rfxcom + 9 modules Xiaomi Home + téléinfo + 2 kodi + 4 cam IP + 1 hub harmony + 1 orvibo + 4 prises S20 , ect...

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 27 oct. 2016, 21:12

j'actualise vu les modif faite pour ceux que j'utilise toujours

quelques trucs en plus
widget ouvrant pour design 2d
viewtopic.php?f=26&t=20862

icone
viewtopic.php?t=20597

Steph13
Timide
Messages : 132
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: partage widget info

Message par Steph13 » 28 oct. 2016, 09:05

@winhex : Peux-tu préciser comment on modifie le code de chaque tuile car je ne trouve pas.
Est ce dans le plugin widget ? ou autre ?
Merci pour le partage.
Système : Jeedom sous RPi 2 + Mod RFXCom + Zwave [AEON LABS - Contrôleur USB Z-Wave Plus Z-Stick (GEN5)]
Matériel : Micromodule Fil Pilote Qubino ZMNHJD1 + EVERSPRING Détecteur de fumée Z-Wave SF812
Autres: Daikin Online controller
Niveau : débutant

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 28 oct. 2016, 13:22

tu as 2 possibilités
- dans le plug widget
- dans les paramètres avancés de la tuile (là ou tu as toutes les infos/actions en haut à gauche)
il y a un coche pour individualisé (dashboard/design,…)

Steph13
Timide
Messages : 132
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: partage widget info

Message par Steph13 » 28 oct. 2016, 13:57

Merci pour l'info.
J'ai eu du mal à trouver la 2eme possibilité mais j'ai trouvé.

Tu as l'air de bien t'y entendre . ;)
Système : Jeedom sous RPi 2 + Mod RFXCom + Zwave [AEON LABS - Contrôleur USB Z-Wave Plus Z-Stick (GEN5)]
Matériel : Micromodule Fil Pilote Qubino ZMNHJD1 + EVERSPRING Détecteur de fumée Z-Wave SF812
Autres: Daikin Online controller
Niveau : débutant

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: Re : partage widget info

Message par winhex » 28 oct. 2016, 16:51

une histoire de test et de recherche
tu caches le nom de la toile en design et tu vois que tu peux caché celui du dashboard.

hep comment le remettre ? clic clic clic
de partout
et c'est quoi ça ? clic clic clic
c'est là qu'on voit que jeedom est bien foutu

Steph13
Timide
Messages : 132
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: partage widget info

Message par Steph13 » 28 oct. 2016, 22:37

Je crois que je n'ai pas bien compris comment modifier le style.
Est ce que c'est bien la :

1.
Image
2.
Image
3.
Image

Si c'est bien la, je ne comprends pas, les modifications du code ne sont pas prises en compte.
Système : Jeedom sous RPi 2 + Mod RFXCom + Zwave [AEON LABS - Contrôleur USB Z-Wave Plus Z-Stick (GEN5)]
Matériel : Micromodule Fil Pilote Qubino ZMNHJD1 + EVERSPRING Détecteur de fumée Z-Wave SF812
Autres: Daikin Online controller
Niveau : débutant

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 29 oct. 2016, 00:44

look
https://drive.google.com/file/d/0B1VCT0 ... sp=sharing

si tu ne peux pas enregistré un widget et que tu passes par se mode en paliatif c'est que tu as un soucis
deshinstall / réhinstall le plug
et si c'est toujours pareil : voir en shell unix (putty) les droits et permission
1
Donner au chemin jeedom les droits utilisateur www-data

Code : Tout sélectionner

sudo chown -R www-data:www-data /var/www
2 (commande qu'on trouve sur certain tuto d'installation manuel)
donner les droits “root” à l’utilisateur “www-data”

Code : Tout sélectionner

sudo su -
echo "www-data ALL=(ALL) NOPASSWD: ALL" | (EDITOR="tee -a" visudo)
---

j'en profite pour mettre un autre
winhex_num_dash.png
winhex_num_dash.png (56.93 Kio) Consulté 864 fois

Code : Tout sélectionner

<div class="#history# tooltips cmd cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" title="#collectDate#" style="display: block;">
    <center class="blocFing">       
      <span class="label stateFing#id#">#state#</span>
            <span class="label uniteFing#id#">#unite#</span>
      <span class="label nameFing#id#">#name#<br/><span class="timeCmd#uid#" style="padding : 3px;border-radius: 4px;"></span></span>
                <span class="label nameFing#id#" style="#displayHistory# font-size: 13px;">
<span title='Min' style="color: #6699ff;" class='tooltips'>#minHistoryValue#</span> | <span title='Max' style="color: #cc0000;" class='tooltips'>#maxHistoryValue#</span> <br/> 
              "Min | Max"   </span>
               <span class="#tendance#"></span> 

  </center>

  <style>
 .stateFing#id# {
display: inline-block;
text-align: right;
  font-size: 22px; 
  margin-right : 27px;
min-width: 5px;
width: 10%;
}   
    .uniteFing#id#{
display: inline-block;
vertical-align: top;
white-space: normal;
  overflow:hidden;
  word-break:break-word;
}
.nameFing#id# {

display: inline-block;
  border-radius: 0.4em;
    padding:0 4px;
  vertical-align: top;
font-weight: bold;
font-size: 13px;
text-align: center;
width: 30%;
  color: white;
}
.nameFing#id# .timeCmd#uid#{
  color: #A7A7A7;
}

.blocFing {
white-space: nowrap;
text-align: left;
min-width: 200px;
  padding:0 4px;
}
.label{
    white-space: normal;
          color: white;
    }
  </style>
  <script>
      jeedom.cmd.displayDuration('#valueDate#', $('.timeCmd#uid#'));
    </script>
</div>
en design avec un effet glass en dessous
winhex_num.png
winhex_num.png (67.95 Kio) Consulté 864 fois
crée html / text

Code : Tout sélectionner

 <div>
<style>

.glass3 {
  position: relative;

  outline: none;
  border: none;
  background: rgba(0, 0, 0, .12);
  width: 100%;
  height: 50px;
  border-radius: 33px;
  box-shadow: inset 0 -1px rgba(255, 255, 255, .5), inset 0 5px 5px rgba(0, 0, 0, .4);
  text-align: left;
  text-shadow: 0 1px 0 #000;
  padding-left: 30px;
}



  </style>  

</div>

<div class="well glass3 col-sm-9" style="width: 100%; height: 100%;">
  <div class="panel-group" role="tablist" aria-multiselectable="true" style="height: 100%;">
  </div>
</div>
j'en ai différent si besoin
viewtopic.php?f=50&t=1182&p=304183&hilit=glass#p304183
Dernière édition par winhex le 29 oct. 2016, 11:13, édité 1 fois.

Steph13
Timide
Messages : 132
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: partage widget info

Message par Steph13 » 29 oct. 2016, 09:55

Super j'ai réussi à faire apparaitre ton dernier design mais je n'ai pas de max/min de température ????

Image

En fait il faut appliquer le code à tous les paramètres ?

La commande rafraichir ne sert à rien non ?
Système : Jeedom sous RPi 2 + Mod RFXCom + Zwave [AEON LABS - Contrôleur USB Z-Wave Plus Z-Stick (GEN5)]
Matériel : Micromodule Fil Pilote Qubino ZMNHJD1 + EVERSPRING Détecteur de fumée Z-Wave SF812
Autres: Daikin Online controller
Niveau : débutant

winhex
Actif
Messages : 2553
Inscription : 23 janv. 2015, 01:41

Re: partage widget info

Message par winhex » 29 oct. 2016, 11:01

historique activé et dans la configuration une option à activé

oui et non ça dépend, si tu mets une variable, cela sert pour actualiser

Steph13
Timide
Messages : 132
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: partage widget info

Message par Steph13 » 29 oct. 2016, 12:12

Honnêtement je sèche , j'ai bien activé dans paramètre mais après plus rien....
Image
et
Image

Désolé je suis un peux perdu.
Système : Jeedom sous RPi 2 + Mod RFXCom + Zwave [AEON LABS - Contrôleur USB Z-Wave Plus Z-Stick (GEN5)]
Matériel : Micromodule Fil Pilote Qubino ZMNHJD1 + EVERSPRING Détecteur de fumée Z-Wave SF812
Autres: Daikin Online controller
Niveau : débutant

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité