Modification dans widget

[Nemeraud]

Bonjour à tous

je n’arrive pas à avoir l’affichage à l’horizontal.

et comment avoir la date au format FR ?

merci

[PapiGege]

Bonjour,

j’avais posé la question

Presence Data

Bonsoir, j’ai lu que tu devais regarder tes widgets ce week-end alors pour infos Avant [Capture d’écran 2024-04-07 à 17.17.42] Les heures d’arrivée sont à coté de la photo et c’était très bien sur mon design. Maintenant en V 4,4 [Capture d’écran 2024-04-07 à 17.18.23] Impossible de mettre les heures sur le coté de la photo … Et la c’est moins bien. Et aussi peut-être la date en français, je suis un peut anglophobe. Ce n’est pas urgent, tu dois avoir d’autres choses plus importantes à f…

Ca marche pour moi

Gérard

[Nemeraud]

merci pour l’info, le plugin n’est plus maintenu ?

[Nemeraud]

Ca tout bon

j’ai ajouté la code pour la date et pour l’affichage à gauche

<div style="padding:10px;" class="cmd cmd-widget #history# PresenceData" data-type="info" data-subtype="binary" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
  	<div class="cmd-content">
        <span class="iconCmd"></span>
        <span class="donnees">
            <span class="datecmd"></span><br />
            <span class="timeCmd label label-default" data-type="info"></span>
        </span>
    </div>
<script>
  jeedom.cmd.update['#id#'] = function(_options){
    let cmd = $('.cmd[data-cmd_id=#id#]');
	let image = ('#image#' !='#'+'image#') ? "#image#":"default";
    let height = is_numeric('#height#') ? parseFloat('#height#'):90;
    let width = is_numeric('#width#') ? parseFloat('#width#'):90;
    let date = new Date(_options.valueDate.replace(' ', 'T'));
    let t = _options.valueDate.split(/[- :]/);
	//  let format = $.datepicker.formatDate('D d M', date);
     const options = {
      weekday: 'short',
      day: '2-digit',
      month: 'short'
    };
    let format = date.toLocaleDateString('fr-FR', options);
    let time = "à "+t[3]+":"+t[4];

    jeedom.cmd.displayDuration(_options.valueDate,  cmd.find('.timeCmd'));

    if (parseInt(_options.display_value) == 1) {
      cmd.find('.datecmd').html('Arrivée:'+'<br>'+format+'<br>'+time);
		  valueState = "on";
	} else {
      cmd.find('.datecmd').html('Départ:'+'<br>'+format+'<br>'+time);
		  valueState = "off";
		}

    if (image == "default" || image == "woman") {
    iconPath = "plugins/pimpJeedom/core/template/dashboard/cmd.info.binary.PresenceData/"+image+"_"+valueState+".png";
  } else {
    iconPath = "data/img/PresenceData/"+image+"_"+valueState+".png";
  }
    cmd.find('.iconCmd').empty().append('<img src="'+iconPath+'" height='+height+' width='+width+'>');

    cmd.attr('title','{{Date de valeur}} : '+_options.valueDate+'<br/>{{Date de collecte}} : '+_options.collectDate);
  }
  jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});

  if ('#vertical#'!= "checked"){
    $('.cmd[data-cmd_id=#id#] .iconCmd').css('float','left');
    $('.cmd[data-cmd_id=#id#] .donnees').css('float','right');
  }
  if ('#duration#'== "unchecked"){
    $('.cmd[data-cmd_id=#id#] .timeCmd').remove();
  }
</script>
  
<style>
.PresenceData div.cmd-content {
    display: flex;
    align-items: center;
}  
.PresenceData div.donnees {
  	width:100px;
  	height:95px;
	display: inline-block
  }
.PresenceData div.datecmd {
  	line-height:20px;
    font-size:14px;
  	margin-top:5px;
  }
.PresenceData span.iconCmd {
    margin-right: 10px;
    display: inline-block;
}  
</style>
</div>

[Nemeraud]

je sais pas si il manque pas qqchose pour que l’ensemble des widgets soient alignés, les 3 suivants sont plus bas, c’est moche…

[PapiGege]

Bonjour,

normalement # SalviAlf devait mettre à jour ces Widgets « Pim my jeedom » à jour après le passage en 4.0

Il doit être occupé à autre chose ou il peut être oublié.

Gérard

[PapiGege]

le post que j’ai donné concerne « Presence DATA » , il semblerai que tu à d’autre infos sur ta tuile.

gérard

[Nemeraud]

oui, j’ai pu appliquer les corrections pour la date en FR et la dispo à gauche

c’est plus dans la gestion de la présentation d’une vignette que je ne comprends pas la logique

j’ai fait un virtuel avec 2 commandes binaires, une commande avec le widget presencedata et l’autre le défaut, c’est sur qu’ils n’ont pas la mêmê hauteur

si je laisse l’affichage par défaut, la 2eme commande en verticalement centrée en haut

si je les places dans la cellule d’un tableau, elle se retrouve centrée en bas

Il faudrait un centrage verticale ou au moins la même chose dans les 2 dispositions pour un rendu homogène

[PapiGege]

je ne peut pas t’aider sur les lignes de code ou autre à modifier, je n’y connait rien.

Mais ceux qui on donné le code dans le message que je t’ai indiqué le peuvent surement.

Gérard

[Nemeraud]

c’est plus dans le domaine du core je pense, on va faire avec