Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[tuto] Design - menu slide - corps scroll

Cette partie est réservée à l'utilisation de l'interface web pour smartphone et tablettes
winhex
Actif
Messages : 3781
Inscription : 23 janv. 2015, 01:41

Re: [tuto] Design - menu slide - corps scroll

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

si tu veux un fond interractif

crée un virtuel info autre
des actions avec pour valeur soit le http d'une image
soit le lien

exemple
1 = https://img.bfmtv.com/c/1000/600/bdd/f7 ... b0953.jpeg
2 = https://upload.wikimedia.org/wikipedia/ ... G_2653.jpg
3 = /core/img/logo-jeedom-grand-nom-couleur.svg

une fois confirmé que tu as bien cette info qui apparait

mets le code dans l'info autre

j'affiche l'image soit via css (que tu as fait) soit img
à toi de garder via toutes les possibilités se qui t'interesse
ou pas

ensuite tu le mets dans ton design corp
soit dans une partie que tu n'utilises pas soit en le déplacant du chant position x = 110

le plus important c'est #section1 tu vas voir il est fixe donc ne bouge pas
$('#section1').css('background','url('+_options.display_value+') no-repeat fixed').css('background-size','cover');


pour l'avoir pour toutes les sections
comme sur le dégradé css plus haut
un id par dessus les autres (*)

de quoi t'amuser

Code : Tout sélectionner

<div class="tooltips cmd cmd-widget #history#" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#" style="display: block;">
<style>
 [data-cmd_id='#id#'] .cover {
  height: 300px;
  width: 200px;
   }


  </style>
  <center><span style="font-size : 12px;#hideCmdName#" class="cmdName">#name_display#</span>

        <div class="cover"></div>
    <br/>
    <div class="img"></div>
              </center>
  
	<script>
		jeedom.cmd.update['#id#'] = function(_options){

$('.cmd[data-cmd_id=#id#] .cover').css('background','url('+_options.display_value+') no-repeat center').css('background-size','cover')
;
/* methode img */

$('.cmd[data-cmd_id=#id#] .img').html('<img src='+_options.display_value+' height=300px width=200px >');                    
          
$('#section1').css('background','url('+_options.display_value+') no-repeat fixed').css('background-size','cover');
          /* image full écran = déformé
         $('#section1').css('background','url('+_options.display_value+') no-repeat').css('background-size','360px 650px');
          */
      if(_options.alertLevel){
			$('.cmd[data-cmd_id=#id#]').removeClass('label label-warning label-danger')
			if(_options.alertLevel == 'warning'){
				$('.cmd[data-cmd_id=#id#]').addClass('label label-warning');
			}else if(_options.alertLevel == 'danger'){
				$('.cmd[data-cmd_id=#id#]').addClass('label label-danger');
			}
			}
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>
selon le design corp menu tu auras un rendu différent aussi


(*)
------ // 1

j'ajoute un div section qui englobe tous les autres section1,2,...

<div id="section">
<!-- navbar-fixed-top -->
<div id="section1" class="container-fluid">
<h3 style="margin-left: 35px;">Résumés</h3>
</div>
....
....
</div> // pour la fin

----- // 2
dans le css
#section {
color: #fff;
}

#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10,
#section11, #section12, #section13, #section14, #section15, #section16, #section17, #section18, #section19, #section20
{padding-top:0px;height:630px;}

remplace toutes les id #section1,2

--------- // 3
dans le code plus haut du widget je modifie #section1 par #section
vide le cache
et te voila avec une image fixe que tu peux sénarisé ou ajout d'autre image en valeur action
Pièces jointes
Sans titre.png
Sans titre.png (351.98 Kio) Consulté 438 fois

guims78
Actif
Messages : 504
Inscription : 30 sept. 2017, 13:00

Re: [tuto] Design - menu slide - corps scroll

Message par guims78 » 11 oct. 2019, 11:03

Merci Winhex pour toutes ces explications et du temps passé.
Je vais essayé de digérer tout ça. ;-)

Est-ce que c'est une façon de contourner l'utilisation du widget de changement de backgound dynamique pour l'utiliser avec les menus slide ?

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 11 oct. 2019, 15:57

exactement !
de se que j'ai compris des possibilités du plug.
(ex peut on joindre un lien externe https ? je pense au lien d'une caméra public avec ca)

guims78
Actif
Messages : 504
Inscription : 30 sept. 2017, 13:00

Re: [tuto] Design - menu slide - corps scroll

Message par guims78 » 11 oct. 2019, 18:11

Je suis Nul !!
déjà sur le virtuel, je n'arrive pas à afficher une image.
Capture d’écran 2019-10-11 à 18.11.01.png
Capture d’écran 2019-10-11 à 18.11.01.png (126.57 Kio) Consulté 403 fois
ce qui donne :
Capture d’écran 2019-10-11 à 18.12.12.png
Capture d’écran 2019-10-11 à 18.12.12.png (18.12 Kio) Consulté 403 fois

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 11 oct. 2019, 19:47

tu as réalisé la 1er partie
afficher le lien en valeur

créé en utilisant les liens que j'ai mis
et ensuite tu modifieras

fais un backup au cas où avant

pour aide :
la suite création de widget
si besoin je te fais une video

guims78
Actif
Messages : 504
Inscription : 30 sept. 2017, 13:00

Re: [tuto] Design - menu slide - corps scroll

Message par guims78 » 12 oct. 2019, 22:24

Ok mais comment faire pour afficher une image stocker en interne ??

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 12 oct. 2019, 23:14

le.bouton 3 de mon exemple est l'icône jeedom (interne)
au lieu de /core/img/...
ton lien

guims78
Actif
Messages : 504
Inscription : 30 sept. 2017, 13:00

Re: [tuto] Design - menu slide - corps scroll

Message par guims78 » 13 oct. 2019, 10:34

C'est ce que je fais, mais au lieu d'afficher l'image, mon virtuel affiche le lien ! Je loupe un truc mais quoi ?

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 13 oct. 2019, 10:48

créé un widget (le code)
l'assigne à l'info
exemple pour du numérique là
https://youtu.be/dAEL_Zz7y9I

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 20 oct. 2019, 14:08

@GGR72700

voici ou j'en suis
Screenshot_20191020-134959_Chrome.jpg
Screenshot_20191020-134959_Chrome.jpg (25.84 Kio) Consulté 253 fois
mode bureau ça donne
Screenshot_20191020-141623_Chrome.jpg
Screenshot_20191020-141623_Chrome.jpg (31.36 Kio) Consulté 253 fois
le tableau de bord est une page scroll verticale

le menu de droite fixe
est un résumé qui disparaît si je clic sur le bandeau bleu tableau de bord.
il donne accès à des sections
les info (couleurs) sont le retour d'un véritable résumé

ça peux te servir
jai allégé la consigne (petite feuille)
les images sont intégrés dans des class
Screenshot_20191020-135921_Chrome.jpg
Screenshot_20191020-135921_Chrome.jpg (29.43 Kio) Consulté 253 fois

Code : Tout sélectionner

<div class="cmd" style="width:130px;"data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" >
	<center>
	<table WIDTH="83%" style="background-color: transparent!important;">
		<tr>
			<td ROWSPAN=2 WIDTH="20%">
			<div  class="nest__icon#id# nest_stop"></div >
			</td>
            
			<td ROWSPAN=2 WIDTH="55%">
			<input style="opacity:1!important;vertical-align:middle;font-size: 1.3em; font-weight: 500;background-color: transparent!important;border-color:transparent!important;" type="text" class="value form-control" value="#state# #unite#" disabled style=""/>
           			<span style="font-size: 8px;margin-left: 8px;#hideCmdName#">#name_display#</span>

              </td>

			<td VALIGN=bottom >
			<a style="cursor: pointer;" class="btn-sm bt_plus" data-toggle="button" aria-pressed="false" autocomplete="off" ><i class="fa fa-2x fas fa-angle-up"></i></a>
			</td>
            
		</tr>         
		<tr>
	
 
			<td>
			<a style="cursor: pointer;" class="btn-sm bt_minus" ><i class="fa fa-2x fas fa-angle-down"></i></a>
			</td>
            
		</tr>
	</table>
	</center>
            
<style>
  .nest__icon#id# {
  width:20px;
  height: 20px;
/* image
    background: url(plugins/widget/core/template/dashboard/cmd.action.slider.winhex_consigne_tel/nest-leaf.png) no-repeat center center;
    */
    
      background-repeat: no-repeat;
    background-position: center;
background-size: cover;
}
    .nest_eco {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABECAYAAADJGMg/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEYyQTFERkU4RTUzMTFFNTlCMjk5RjZBMEU5QjlDNkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEYyQTFERkQ4RTUzMTFFNTlCMjk5RjZBMEU5QjlDNkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3QkIxNjBBOTdEMjExRTRBMzQxRTk5Q0JDOTkxNTA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3QkIxNjBCOTdEMjExRTRBMzQxRTk5Q0JDOTkxNTA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bN7+UgAADcVJREFUeNrtXHlU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');
  }
  .nest_stop {
  background-image:url('data:image/png;base64,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');
  }
  .nest_nuit {
  background-image:url('data:image/png;base64,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');
    }
    .nest_soleil {
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABECAYAAADJGMg/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAk8SURBVHja7Vx5bBRlFH/KaRXwBhEFvCNeiICCHEpQTBD5gwICmoiJGJVIgmBiQBQSPCICEjQFpO3uzFaRS6JYgVRAapFDIAREEPwDIqDlKi09dmfG3/t2Zvl26XZn76+mm7zsLt355n2/793vDUQKvUwftTe9tEiQRnlWPl1NTa8oYBXRXZZOlkPmEurYhEoTWMGXtYxuNVdTm2yDZVl0mbpS4aEbDS/Nhr05L2zO13RFtsCCvXvC1Gk73keBjxuUAyug0RgwVys2qtFZfH7OmkGXZxosHNodhkaHxPUa1YDmKAdWlZc6gclfcaImM4rPe8F410yCZc6nVkbQkwYEDzqdwsE9pJ6tgo2wPDQcIFU4mwWzG6w8yskYWD7qjfufFNfqZOD7+7ChLdU07hZdDoBmOSeLdxPMz4Q6Nk83WNZP1BxStSJ0UBr9Cdt5r9ruH4YdjK6RmP67rpAesyi2d0oGLEjReByOP3StRjMgVc3UDx906gFmj9nqwNL1rbUqdjSeKFg1kCBI1fHQdT76Hde2ocbwgp1qAabfc7wjqyXUc3as2Adq0wm/LcZmi8V7IV3n4l45MOIFIdXX6QyHDo0rGkdgCqY3hNTRS7UA46kGN45QAx70SofcBJa4R19Qecioa/SxuZZaNb5ovhDRvEYHQLyRo3gfk+p74BA80oEcri2gbtlIW1qmwkBCpYbwaVtF1KWh9UToAclijypohk0UU3V7Yv2fcRjVAZ2mxxsIJw/UGsrBzVeAiXks5tYOapGOuIxtEugRSEVuwENvmRx26PSRoGDq9C5oIv6Wi/eHo+WcHIyCz/6sukkd7BJhOu5347kvpi4emmbrvwk6bccvt6UMJC/djTXnY+0/cJ9yOy0xZU8ohQAmflMDj8q/24fPn/L1cW3IpQcHTxux/kl45X5u1e8qMLYcF1WEMY1NiQ36IAkJRMW8LjY7FF5xLaiuPmDcEtapYlsFXgbzuglLEiSyLh8OQqdF4Kla2uumcy48cUgNYWMGYoEylrAIRssBZiHHRK4lSacBWGsL3iuTAekS0LAeeCnG53vilTQEz11xrY81x8lnQ1mHTsvirlYghWgd8NE4LFaKhatlRvGdVWMh7MSDHFdFi+Zx81dBp1IJUj2gHYVxf4kPOWZo4qNuQkO8dD5iP1WgdSz9Vm4Sjg2LXYObjMBNtl9iTzQ6znWjerxge2ziG1MPBzltgCEABi0GCG2jZAe3A4w8zixkbTGCNrEM//5MokXLqMkqJOlF3GAnG2X7Zru58Bdhnzrg37+PVOG0AwZbKILSCMDYOYGf/bK64bsf33fCmY1NWxDLtsHuwgzDzVbi8zA5tmGVBMNF+Js/k0CFSRgMtlzpEM4lKOWGEayEbOMA2cqnDqn2qg15uGZySiKKbzp9GC0MyCBgZsBL78iAsW0Fb6U43MkseRkDKZrEgcHxOLXKbAIlqdkx8yvqGRl0qpE4e+kmnOhWFYCSAFsay0Nms2FRoxJYHIdx4KpWdQEGHmHFJpWAkioRJUpVTJEMd5dLuoqpYoCTcGXAgpf5REWgHILjma6GVHG4oNE+lcGC1H/HAXXymy2ifjCET8dBvWQbAEY6pzv3S1oVddqBPPXaiByxo7mUbnFLnJUQpOJgnAZzizzHgFjmUQB4TmnJ0umA3B3nuS9u0eGQDbfEaV3yYLG0aeEZvIJqeJjLOGFg6RdbZy6lcw9XBxYCgFVuyeSWllT8w4kNaQRg/SV3p+1ccTVocxyUL/RX5HhuKaIhAJvXR3k1hPZwiSasIMmtNoDmmlKRCXDXRnUDD/5+M79UYE6LVRL6vE9xA/9DtGpu5oNSjeYoHjrMUifd8dEDzqyBgukO19Z6qJNIc/VUo82KSlUpd7jVGgTx0UhuhiomVTUIGQZl06A342g44KHRYfEWF/90KlPIA3LnSZNb+pwfpiRHdFkNbRvQaCpAOcSdFGTzE5xatohdfDTO0NUoK4sWnYf6hPhDfAje34a0zavh9n+65uRFAKdTrsGzCVLdChH9LrOAbg5rlelihiGQ5VCBh28/CEv4g0WAM/YMR7nJZSWe7EmVpInN++hJ0HIAdUFihttJB3HT1y/p0eVRDqRLz3TPUAYK7wXyDIQYztVoLviti+xkG9xnjHdypp5Jl06QnHxOZSKak2e43VXJPbcos1Bc/sC16zPeZA1KdEF9T5OJcaIiGmXwcJ00mCJGOL10FrSAh+/iKkFzdxmLvcYFPbn/J0Dj5mkhDXCzIBjugjU0I0MqaTdQCyu57tTwKML1sLWT8NutMm+2thxmSastpO4x92iuAFAaFRtaOPJYaLflpYHxPo/DKonrpxpprkrwgwoBnaa4TXZF8QDSh32NNbgiIYMW9KIn8Lc3G0yRuOePixewEbcnjHfCg0wGyu2SsXt+nYZjvfWG82xPKmcbdPqRp/4SDTzZQfHUIdRwh+O8eDYNZmhEzJFLnksyglMlM8UsQIpcLDsCfvgJa+9Ptr1vH2SJ30ODcfrtknZknIFg3wDpDYB2gg/2X7fda7ePjyTEWJ6YV32Wi2mQtD1g7jTejRgpC7v7f0Bl+P0XPOeeriqCONQ4H9BKyewoVPhlLg7WJ84iE+DTRIDI8/EAbwpoLjzpYm67A5Qlpia+T8Iag/C3O9nORFmrJf4+GnZrgtIPZTaQWA8FVYAugD6PNmSWAkngYd5f7KbCEUjFfY0LLLhnnHSJY5u4ycHTg2lK4LvhXkek8CEvkadoszkk8oLj+bCBqoCPRroZ5hc1/nxqzeR2Go+vETNhdqDJlQ8/PFmjAErYIS140rZx3uRWqricYmm0kYlHwOO6p07bpJz1hNtp6uy28qVnacTIoo+GuL6eRxcvglwRp+r3kLtM9ni2uuqINCKsRIPNfxZPrpUMWPb100L5qEZn/TymraJ35KFc2KlSCahLppjTDdYFjTrjul1ShL9Zyf+qAPZmglNWtifuno83BUkWLJHz6fSKaZeTjGCeNy+rw7b1hQpg7Kh0oiVuHvNNNVhOfot1VkrG3l9XQP1VUsHe2NxeO86p5ud+ElonBWA5yTFA4uIkJ9rrAFYvdSSL551gGxBPTRSljQQfkEwVWPZafcUjJo3lwfJsgvW/fzWB1QRW2rzq44aPlgnSyaMaf/8BPxkTe7kYReoAAAAASUVORK5CYII=');
  }
      .nest_canard {
  background-image:url('data:image/png;base64,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');
    }
      .bt_minus,.bt_plus  {
  padding:0px;

}
</style>

<script>
    // mis en forme tableau
    // http://hypermedia.univ-paris8.fr/jean/internet/ex_table.html
  // convertisseur base64
  // https://www.base64-image.de/
                                     
$('.cmd[data-cmd_uid=#uid#] .bt_plus').on('click', function () {
	$('.cmd[data-cmd_id=#id#] .bt_plus').css("color", "red");
	jeedom.cmd.update['#id#']({display_value:parseFloat($('.cmd[data-cmd_uid=#uid#] .value').val()) + 0.5});
	$('.cmd[data-cmd_uid=#uid#] .value').trigger('change');
});

$('.cmd[data-cmd_uid=#uid#] .bt_minus').on('click', function () {  
	$('.cmd[data-cmd_id=#id#] .bt_minus').css("color", "red");
	jeedom.cmd.update['#id#']({display_value:parseFloat($('.cmd[data-cmd_uid=#uid#] .value').val()) - 0.5});
	$('.cmd[data-cmd_uid=#uid#] .value').trigger('change');
});

$('.cmd[data-cmd_uid=#uid#] .value').on('change', function () {
	if (typeof timerHandle !== 'undefined') {
		clearTimeout(timerHandle);
		timerHandle = setTimeout(function() {
			jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
			$('.cmd[data-cmd_id=#id#] .bt_plus').css("color", "");
			$('.cmd[data-cmd_id=#id#] .bt_minus').css("color", "");  
		}, 1000)
	} else {
		timerHandle = setTimeout(function() {
			jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
			$('.cmd[data-cmd_id=#id#] .bt_plus').css("color", "");
			$('.cmd[data-cmd_id=#id#] .bt_minus').css("color", "");  
		}, 1000)
	}    
});

jeedom.cmd.update['#id#'] = function(_options){
//	jeedom.cmd.byId({ // Récupération de l'id
//		id: #id#,
//		success:  function(resulat) {    
//			valeur#id#=(resulat.configuration.value); 
//			valeur#id#=valeur#id#.replace(/#/g,''); // retré de #
//			jeedom.cmd.execute({ // Récupération de la valeur  
//				id: valeur#id#,
//				success:  function(valeur_courante) {   
//					$('.cmd[data-cmd_uid=#uid#] .valeur').val(valeur_courante.toFixed(1)+' #unite#');
//				}
//			});   
//		}
//	});  
//$(".nest__icon#id#").removeClass();

  if (_options.display_value == '0') {
	//	$(".nest__icon#id#").css('background-image', 'url(plugins/widget/core/template/dashboard/cmd.action.slider.winhex_consigne_tel/off.png');
	$(".nest__icon#id#").removeClass().addClass('nest__icon#id# nest_stop');
    } else if (_options.display_value >= '1' && _options.display_value <= '18') {
      	$(".nest__icon#id#").removeClass().addClass('nest__icon#id# nest_eco');
	//	$(".nest__icon#id#").css('background-image', 'url(plugins/widget/core/template/dashboard/cmd.action.slider.winhex_consigne_tel/nest-leaf.png)');
	} else if (_options.display_value >= '18.5' && _options.display_value <= '19.5') {
      	$(".nest__icon#id#").removeClass().addClass('nest__icon#id# nest_nuit');
      //	$(".nest__icon#id#").css('background-image', 'url(plugins/widget/core/template/dashboard/cmd.action.slider.winhex_consigne_tel/moon.png)');
	} else if (_options.display_value >= '20' && _options.display_value <= '21') {
	$(".nest__icon#id#").removeClass().addClass('nest__icon#id# nest_soleil');
	//	$(".nest__icon#id#").css('background-image', 'url(plugins/widget/core/template/dashboard/cmd.action.slider.winhex_consigne_tel/sun-7568.png)');
	} else if (_options.display_value >= '21.5') {
      	$(".nest__icon#id#").removeClass().addClass('nest__icon#id# nest_canard');   
	//	$(".nest__icon#id#").css('background-image', 'url(plugins/widget/core/template/dashboard/cmd.action.slider.winhex_consigne_tel/duck.png)');
	}  

	var valeur = parseFloat(_options.display_value).toFixed(1);   
	$('.cmd[data-cmd_id=#id#] .value').val(valeur+'#unite#');
}

jeedom.cmd.update['#id#']({display_value:'#state#'});

</script>
  </div>

le site de convertisseur est dans le code
Dernière édition par winhex le 20 oct. 2019, 18:49, édité 1 fois.

GGR72700
Timide
Messages : 57
Inscription : 24 sept. 2018, 10:55

Re: [tuto] Design - menu slide - corps scroll

Message par GGR72700 » 20 oct. 2019, 14:32

@winhex,
Argh je m étouffe encore une fois !!! Ça a l air cannon! Moi qui me disait je ne touche plus au design, c est pas trop mal je pars la dessus et bien tu me colles le doute !!!

Mais je suis à la ramasse, je pensais pouvoir avancer un peu la semaine dernière mais le travail en a voulu autrement. J ai reçu mes Shelly pour les radiateurs depuis une semaine et ils n ont pas bougés d un cm... snif...

J hésite entre te demander ton code et si je mets le doigts dedans je suis reparti pour tout refaire ou bien ne pas tester et rester sur mon design actuel mais je m en voudrai de ne pas essayer.

Pour les thermostats, j ai regardé vite fait mais je me tâte aussi à tester le plugin thermostat sinon je vais avoir un sacré paquet de scénarios pour gérer mon installation qui compte une dizaines de radiateurs. En fait, j aurai voulu intégrer un PID dans les Shelly pour faire un contrôle fin (un peu comme le mode temporel du plug mais je me suis rendu compte que c était relativement compliqué et donc certainement peu fiable...)

Bref, déjà que je ne savais pas trop où aller, et bien grâce à toi c est encore un peu plus flou

Pour le moment, j essaye d avancer sur le montage physique de la tablette et j en chie un peu pour avoir un truc propre. J essaye de faire le cadre en impression 3D en plusieurs pièces mais le travail de finition est prenant, j aurai peut être du sortir la CNC pour le coup. Le problème c est que je veux faire un truc dans lequel la tablette vient se clipser mais qu une fois dedans on est l impression que c est un simple écran: pas simple... un truc un peu comme ça: https://www.basalte.be/fr/products/eve/ipad-air


À bientôt


Envoyé de mon iPhone en utilisant Tapatalk

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 20 oct. 2019, 17:49

on est pareil : tendance à s'eparpiller avec des difficultés à finaliser, et comme ça ne suffit pas
(entreprendre beaucoup de projet en même temps).

tes projets sont top,

donc sans te donner de conseil
priorise du plus simple ou utile
au plus énergivores.

facile à dire : c'est ma résolution !
dur de la tenir au grès des lectures, essai, idée.

je mettrai le code si tu veux t'y amusé (pour voir) mais c'est pas ta priorité là.
Dernière édition par winhex le 20 oct. 2019, 17:57, édité 1 fois.

GGR72700
Timide
Messages : 57
Inscription : 24 sept. 2018, 10:55

Re: [tuto] Design - menu slide - corps scroll

Message par GGR72700 » 20 oct. 2019, 17:52

Oui ce n est pas la priorité mais c est vraiment tentant de tester...


Envoyé de mon iPhone en utilisant Tapatalk


GGR72700
Timide
Messages : 57
Inscription : 24 sept. 2018, 10:55

Re: [tuto] Design - menu slide - corps scroll

Message par GGR72700 » 20 oct. 2019, 18:50

Ah trop fort ! Je n ai plus le choix il faut que j essaye ça au plus vite !!!! Merci beaucoup de partager tout cela et surtout prendre le temps d expliquer.

A plus


Envoyé de mon iPhone en utilisant Tapatalk

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 20 oct. 2019, 20:03

j'actualiserai au fur et à mesure

@+

GGR72700
Timide
Messages : 57
Inscription : 24 sept. 2018, 10:55

Re: [tuto] Design - menu slide - corps scroll

Message par GGR72700 » 21 oct. 2019, 14:39

@ Winhex
Salut, Je viens de tester vite fait et franchement ça claque !!!!
il y a quelques petits trucs qui ne fonctionnent pas quand on met sur l'iphone mais ça va me donner une raison de changer et passer sur Android !
Quand on essaye de scroller alors qu'on est dans une section, il se recalle tout seul automatquement sur la section 1 (tableau de bord). sinon sur Android ou autre c'est nikel!
Je sens que je vais essayer de porter un peu mon design actuel la dessus pour voir si ça peut coller sans tout casser.

il va faussi falloir que je reprenne les images pour les mettre en local sinon le jour ou tu changeras je vais me retrouver avec un design mis à jour tout seul :)
Par contre, je ne comprends pas bien le but du menu image (il est très bien fait cependant).
Je vois qu'il permet de pointer vers d'autres sections que celles mise avec le menu flottant mais a part ça... est ce pour palier à la limite de taille du menu flottant et donc appeler d'autres section directement ? ou alors j'ai raté un truc...

merci encore
Guillaume (GGR72700)

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 21 oct. 2019, 16:36

oui c'est ça
des sections pour pièces dans menu design

redondance d'une autre manière pour des sections d'équipements (menu flotant)

j'ai plus bas un autre menu des fois que le waf ou autres (acces enfant) ne comprennes pas tous et accès à d'autres truc cam,..
Screenshot_20191021-155753_Chrome.jpg
Screenshot_20191021-155753_Chrome.jpg (733.22 Kio) Consulté 216 fois
c'est le même sur le principe avec 2 ,3 modif de class et lui les images sont resté local

et dans le tableau de bord ou dans les sections déjà utilisé par d'autres par les 3 précédents menu
acces a une section pour

genre un widget qui prends tous l'écran (comme une application) j'ai de la place pour.

ou un tableau exemple lampes
icône / image de l'état | lieu "lampes salon" | on/off |

et dans le script au clic section x interdire le scroll
(pour plus tard)

j'ai volontairement mis se menu avec image github pour test de rapidité (le partage est aussi plus simple) mais je l'ai déjà remis en local

là je suis avec les logs pour les actions passé
et ensuite sur le même principe sans ressemblé à un log des infos futile avec ou sans scroll (permetant d'avoir un tableau de bord evolutif) sans créé des virtuels. mais j'en mettrais aussi
Dernière édition par winhex le 21 oct. 2019, 16:57, édité 1 fois.

GGR72700
Timide
Messages : 57
Inscription : 24 sept. 2018, 10:55

Re: [tuto] Design - menu slide - corps scroll

Message par GGR72700 » 21 oct. 2019, 16:56

Re

Bon, il y a quand meme un truc qui m'échappe ou que je ne comprends pas concernant les résumés:
Tu creer un widget avec le code que tu m'as donné mais tu l'appliques à quoi pour aller chercher le résumé ?
J'ai bien compris comment tu faisais le lien entre le widget et le menu mais je ne vois pas sur quelle commande appliquer ce widget pour remonter le résumé de mes volets par exemple... je suis trop nul... snif

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

Re: [tuto] Design - menu slide - corps scroll

Message par winhex » 21 oct. 2019, 17:01

dans résumé que jeedom créé

dans objet on ajoutes des équipement
dans configuration il y a une rubrique résumé

tu auras un équipement résumé attaché à objet aucun
les petits icones que tu as en haut à côté de l'heure
ou à côté du nom objet

pour mes volets
jai ajouté une info numérique pour mes volets
(#[Volet Roulant][VR Cuisine][etat]#!=1?1:0) + (#[Volet Roulant][Volet Roulant S.A.M.][etat]#!=1?1:0) +(#[Volet Roulant][Volet Roulant Salon][etat]#!=1?1:0)+(#[Volet Roulant][VR Adrien Nord][etat]#!=1?1:0)+(#[Volet Roulant][VR Adrien Ouest][etat]#!=1?1:0)
vu que chez moi c'est du rfx
0 = ouvert
1 = fermé
2 = stop (donc entre ouvert)

j'ai le nombre non fermé != différent de 1
pour du zwave >= 1?1:0

j'ai pas encore intégré dans le menu flottant
le changement d'icône selon etat
c'est encore via personnalisation (vieille version jeedom)
volet, porte, fenêtre et porte garage

Répondre

Revenir vers « Portail web smartphone & tablettes »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités