Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

[Présentation] F$B33

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
Darkangel54360
Timide
Messages : 26
Inscription : 01 mai 2019, 19:53

Re: [Présentation] F$B33

Message par Darkangel54360 » 31 août 2019, 09:28

Bonjour à tous,

Ce post est vraiment une mine d'information, c'est clair !

@Woualy, j'avais déjà fais comme toi pour mettre l'animation GIF de meteo60 mais le problème que je rencontre est que ma page ne s'actualise pas toute seule donc l'animation peut rester au matin par exemple.

Peut on actualiser la page du design toutes les heures par exemple sans changer d'onglet du design et y revenir?
Ou alors actualiser juste la frame de l'animation?
Il doit bien y avoir cette fonction quelque part :)

En vous remerciant

Frank

Beetleboy
Timide
Messages : 4
Inscription : 04 juin 2019, 23:38

Re: [Présentation] F$B33

Message par Beetleboy » 03 sept. 2019, 19:47

bonjour a tous , je v radoter mais vraiment bon travail a tous et merci

Cependant un petit question comment réduire la longueur du bandeau noir au niveau des bouton d'accès :
Pièces jointes
Capture d’écran 2019-09-03 à 19.42.27.png
Capture d’écran 2019-09-03 à 19.42.27.png (310.77 Kio) Consulté 4959 fois

Thierry76
Timide
Messages : 6
Inscription : 11 avr. 2016, 09:13

Re: [Présentation] F$B33

Message par Thierry76 » 04 sept. 2019, 16:21

Bonjour à tous,

Merci pour ce partage, avec toutes ces informations sa ma motivée à me lancer dans la création de mon design.
Mais j'ai une petite question est-il possible de mettre 2 menus l'un verticale et l'autre horizontale sur la même page?

j'ai fais quelque essai mais à chaque fois mon menu horizontale passe à la verticale lorsque j'intègre mon 2 eme menu verticale.

Avatar de l’utilisateur
Antoinekl1
Actif
Messages : 3927
Inscription : 23 mai 2015, 08:14

Re: [Présentation] F$B33

Message par Antoinekl1 » 04 sept. 2019, 16:27

Thierry76 a écrit :
04 sept. 2019, 16:21
Bonjour à tous,

Merci pour ce partage, avec toutes ces informations sa ma motivée à me lancer dans la création de mon design.
Mais j'ai une petite question est-il possible de mettre 2 menus l'un verticale et l'autre horizontale sur la même page?

j'ai fais quelque essai mais à chaque fois mon menu horizontale passe à la verticale lorsque j'intègre mon 2 eme menu verticale.
Vous êtes passé à la V4 ?

sinon j'attendrais un peu avant de faire mes designs en V3
JEEDOM Smart Ultimate + 40 modules zwave
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6

phiphila
Timide
Messages : 49
Inscription : 05 avr. 2017, 07:10

Re: [Présentation] F$B33

Message par phiphila » 05 sept. 2019, 06:21

Bonjour a tous,

J'essaye tant bien que mal à me lancer a dédier une tablette en console domotique, c'est ce post qui m'a d’ailleurs décidé au vu de toutes ces possibilités.
Après quelques tests sur mon iPad Air, je rencontre mes premières difficultés, forcement, j'aimerais avoir le menu en bas et pas en haut, je me dis : je le déplace et voilà.... Bah non... Ce fut trop simple... Une zone blanche apparaît et de plus en plus que je descends ce fameux menu vers le bas de mon design...
Je fais l'acquisition alors d'une Samsung Tab A 2019, celle qui va réellement recevoir les designs, pour tester, et bien c'est pareil.

Voici quelques captures d'écrans pour imager mes propos :
Image
Cette capture pour montrer que si le menu est suffisamment haut tout est OK aucune bande blanche, ni sur les côtés ni en haut ou en bas.

Image
Sur celle-ci, on commence à voir une bande blanche en bas :(

Image
Et celle-ci pour montrer où j'aimerais placer mon menu sans la bande blanche qui apparaît et me décale la page...

J'ai essayé de trouver la solution tout seul, j'ai vraiment l'impression que le menu crée une zone transparente vers le bas, car quand je déplace un autre objet en dehors de mon fond d’écran cela donne la même chose.... Mais mes talents inexistants en CSS ne m'aident pas.
Si une âme charitable pouvait m'aider, ce serait vraiment un immense soulagement.

snapnick
Timide
Messages : 47
Inscription : 15 sept. 2017, 13:43

Re: [Présentation] F$B33

Message par snapnick » 05 sept. 2019, 09:37

Salut,

Ton bloc doit avoir un margin-bottom quelque part, ou la hauteur du bloc "monmenu" doit être plus grande que son parent ( menu_top ).
Du coup quand tu le mets au bord de ton design, ça doit déborder.

essayer de mettre un "height: 100%; margin-bottom:0" sur ton bloc monmenu.

Sinon tu peux le voir assez facilement en mode dev ( f12 ) et en ciblant l'objet en question :)

Nunchy
Timide
Messages : 2
Inscription : 17 juil. 2018, 16:44

Re: [Présentation] F$B33

Message par Nunchy » 05 sept. 2019, 10:23

Thierry76 a écrit :
04 sept. 2019, 16:21
Bonjour à tous,

Merci pour ce partage, avec toutes ces informations sa ma motivée à me lancer dans la création de mon design.
Mais j'ai une petite question est-il possible de mettre 2 menus l'un verticale et l'autre horizontale sur la même page?

j'ai fais quelque essai mais à chaque fois mon menu horizontale passe à la verticale lorsque j'intègre mon 2 eme menu verticale.

Salut Thierry76 !

Oui, c'est possible ! :)
2019-09-05_101403.jpg
2019-09-05_101403.jpg (95.66 Kio) Consulté 4831 fois
J'utilise le même fichier CSS pour les 2 : "m_perso" prévu pour le vertical mais qui permet, en redimensionnant, d'en garder un horizontal :
2019-09-05_102202.jpg
2019-09-05_102202.jpg (35.35 Kio) Consulté 4831 fois
Il faut bien rafraichir la page après, avec CTRL+F5

A+
Jeedom installé sous Docker/Syno DS716+
Modules tout KNX (maison neuve)

phiphila
Timide
Messages : 49
Inscription : 05 avr. 2017, 07:10

Re: [Présentation] F$B33

Message par phiphila » 05 sept. 2019, 15:47

snapnick a écrit :
05 sept. 2019, 09:37
Salut,

Ton bloc doit avoir un margin-bottom quelque part, ou la hauteur du bloc "monmenu" doit être plus grande que son parent ( menu_top ).
Du coup quand tu le mets au bord de ton design, ça doit déborder.

essayer de mettre un "height: 100%; margin-bottom:0" sur ton bloc monmenu.

Sinon tu peux le voir assez facilement en mode dev ( f12 ) et en ciblant l'objet en question :)
merci snapnick pour cette piste:
-J'ai réussi grâce a toi,
j'ai donc ajouté:
height:100%;
margin-bottom:0px;
dans ul.monmenu
Image

-Et modifié margin-bottom: 5px; par margin-bottom: -10px; dans div.imagette
Image

si ca peut aider des novices comme moi ^^

Code : Tout sélectionner

div.menu_top
{
	width:900px;
	height:70px;  
	background-color:rgba(0,0,0,0.6);
	border-bottom:2px solid rgba(0,0,0,1);
}

ul.monmenu
{
  height:100%; 
  margin-bottom:0px;
	padding-left:5px;
}

ul.monmenu ul.monmenu_sep
{
	list-style-type:none;
	color:rgba(255,255,255,0.8);
	font-family:Roboto;
	font-size: 16px;
	font-weight: normal;
}

li.monmenu
{
	display:inline-block;
	width: 100px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px; 
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
}

div.imagette
{
	text-align: center;
	margin-bottom: -10px;
	opacity: 1;
}

li.monmenu:hover
{
	background-color: rgba(255,255,255,0.2);
}

li.selected
{
	display:inline-block;
	width: 100px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,255,0,0.2); 
}

li.monmenu_sep
{
	display:inline-block;
	width: 100px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	border-right: 1px solid rgba(0,0,0,0.3);
}

div.bouton
{
	opacity: 1;
}

div.bouton:hover
{
	opacity: 0.5;
}

wini
Timide
Messages : 37
Inscription : 26 sept. 2018, 19:02

Re: [Présentation] F$B33

Message par wini » 06 sept. 2019, 21:13

Bonjour F$B33

Je n'arrive pas à faire fonctionner le script de changement de fond d'ecran, j'ai réessayer 2 fois avec un reboot de jeedom...

merci de ton aide...
Pièces jointes
php.png
php.png (64.62 Kio) Consulté 4739 fois
script.png
script.png (402.5 Kio) Consulté 4739 fois

wini
Timide
Messages : 37
Inscription : 26 sept. 2018, 19:02

Re: [Présentation] F$B33

Message par wini » 07 sept. 2019, 21:12

meute a écrit :
23 oct. 2018, 10:41
kaktusatomik a écrit :
03 août 2017, 16:16
Salut,
Joli travail !
Je commence à créer mon design en m'inspirant du tien :D .
J'ai créé un scénario pour le changement de fond d'écran en réutilisant ton travail. Cela résout le problème du cache car je modifie directement les plans jeedom.

Code : Tout sélectionner

$plans = array(4, 5); //les ID des designs à modifier
$chemin = 'http://192.168.1.11/montheme/images/meteo/'; //chemin vers les dossier jour & nuit
$id_condition = 131047; //ID de la commande "Numéro condition" du plugin Weather
$id_lever = 131043; //ID de la commande "Lever du soleil" du plugin Weather
$id_coucher = 131042;//ID de la commande "Coucher du soleil" du plugin Weather

$cmd_condition = cmd::byId($id_condition);
$condition = $cmd_condition->execCmd();
$cmd_lever = cmd::byId($id_lever);
$lever = $cmd_lever->execCmd();
$cmd_coucher = cmd::byId($id_coucher);
$coucher = $cmd_coucher->execCmd();

// On compare l'heure actuelle avec $coucher et $lever
$heure = round(date('Hi'));

if (($heure >= $lever) && ($heure <= $coucher)){
	$moment = "jour";
}
elseif (($heure <= $lever) || ($heure >= $coucher)){
	$moment = "nuit";
}

// on compare l'id condition aux valeurs d'openWeather
$numGroup = substr($condition, 0,1);

switch ($numGroup) {
	case '2':
		$valeur_condition = "Orage";
		break;
	case '3':
		$valeur_condition = "Brume";
		break;
	case '5':
		$valeur_condition = "Pluie";
		break;		
	case '6':
		$valeur_condition = "Neige";
		break;
	case '8':
    case '3':
		$valeur_condition = "Nuage";
		break;
	default:
		$valeur_condition = "defaut";
		break;
}


//Condiftions particulières
if(in_array($condition, array('905', '902', '900', '952', '953', '954', '955', '956', '957', '960', '961'))){
	$valeur_condition = "Vent"; 
} else if(in_array($condition, array('800', '951'))){
	$valeur_condition = "Soleil"; 
} else if($condition == '909'){
	$valeur_condition = "Pluie";
}

$file = $chemin.$moment.'/'.$valeur_condition.'.jpg';
$img_size = getimagesize($file);
$data = base64_encode(file_get_contents($file));
$sha512 = sha512($data);
$type = 'jpg';
foreach ($plans as $planId){
  $planHeader = planHeader::byId($planId);
  $planHeader->setImage('type', $type);
  $planHeader->setImage('size', $img_size);
  $planHeader->setImage('data', $data);
  $planHeader->setImage('sha512', $sha512);
  $planHeader->save();
}
J'ai également ajouté une action "gotodesign" à la fin du scenario qui recharge les designs ouverts pour appliquer la mise à jour (elle pourrait être conditionné par une variable afin de ne recharger que si nécessaire.
A noter qu'ici je mets mes images dans le répertoire de montheme afin de tout centraliser.
Hello,

J'ai modifié un peu le code pour ne faire le changement de wallpaper que lorsque c'est nécessaire et ajouter un peu de log:

Code : Tout sélectionner

[code]$plans = array(10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24); //les ID des designs à modifier
$chemin = 'http://XXX.XXX.XXX.XXX/montheme/images/meteo/'; //chemin vers les dossier jour & nuit
$id_condition = 2755; //ID de la commande "Numéro condition" du plugin Weather
$id_lever = 2751; //ID de la commande "Lever du soleil" du plugin Weather
$id_coucher = 2750; //ID de la commande "Coucher du soleil" du plugin Weather
$wall_changed = 0; //Changement de wall paper
$prev_wall = ''; //wall précédent

$prev_wall = $scenario->getData("prevWall"); // Récupère le wall précédent
$scenario->setLog("Wall précédent : ".$prev_wall); //Log

$cmd_condition = cmd::byId($id_condition);
$condition = $cmd_condition->execCmd();
$cmd_lever = cmd::byId($id_lever);
$lever = $cmd_lever->execCmd();
$cmd_coucher = cmd::byId($id_coucher);
$coucher = $cmd_coucher->execCmd();

// On compare l'heure actuelle avec $coucher et $lever
$heure = round(date('Hi'));

if (($heure >= $lever) && ($heure <= $coucher)){
	$moment = "jour";
}
elseif (($heure <= $lever) || ($heure >= $coucher)){
	$moment = "nuit";
}

// on compare l'id condition aux valeurs d'openWeather
$numGroup = substr($condition, 0,1);

switch ($numGroup) {
	case '2':
		$valeur_condition = "Orage";
		break;
	case '7':
		$valeur_condition = "Brume";
		break;
	case '5':
		$valeur_condition = "Pluie";
		break;		
	case '6':
		$valeur_condition = "Neige";
		break;
	case '8':
    case '3':
		$valeur_condition = "Nuage";
		break;
	default:
		$valeur_condition = "defaut";
		break;
}


//Condiftions particulières
if(in_array($condition, array('905', '902', '900', '952', '953', '954', '955', '956', '957', '960', '961'))){
	$valeur_condition = "Vent"; 
} else if(in_array($condition, array('800', '951'))){
	$valeur_condition = "Soleil"; 
} else if($condition == '909'){
	$valeur_condition = "Pluie";
}

$file = $chemin.$moment.'/'.$valeur_condition.'.jpg';

if ($file != $prev_wall) {
  $scenario->setLog("Nouveau Wall : ".$file); //Log
  $wall_changed = 1;
  $scenario->setData("prevWall",$file); // Sauvegarde le nouveau wall
  
  $img_size = getimagesize($file);
  $data = base64_encode(file_get_contents($file));
  $sha512 = sha512($data);
  $type = 'jpg';
  foreach ($plans as $planId){
    $planHeader = planHeader::byId($planId);
    $planHeader->setImage('type', $type);
    $planHeader->setImage('size', $img_size);
    $planHeader->setImage('data', $data);
    $planHeader->setImage('sha512', $sha512);
    $planHeader->save();
  }
}
else
{
  $scenario->setLog("Wall identique, pas de changement"); //Log
}

//stockage changement dans la variable
$scenario->setData("wallChanged",$wall_changed) ;
Ce qui vous permet aussi dans la suite du scénario de ne recharger les designs que si le wallpaper a changé, ça évite de se retrouver éjecté toutes les minutes vers la page "Home" des designs ...

Capture.PNG
salut,

j'ai intégré les données à un scénario mais il refuse de se lancer et de rester actif, je pense que j'ai du louper un truc mais je vois pas quoi...

je vous met en PJ les copies d'ecran...

Merci de votre aide
Pièces jointes
scenario.png
scenario.png (753.62 Kio) Consulté 4703 fois
scenario2.png
scenario2.png (273.3 Kio) Consulté 4703 fois
scenario1.png
scenario1.png (314 Kio) Consulté 4703 fois

Beetleboy
Timide
Messages : 4
Inscription : 04 juin 2019, 23:38

Re: [Présentation] F$B33

Message par Beetleboy » 08 sept. 2019, 18:34

LOL je ne sais toujours pas comment faire moi ? Personne peut m'aider ?

Avatar de l’utilisateur
Poumi
Actif
Messages : 660
Inscription : 21 mars 2019, 22:41

Re: [Présentation] F$B33

Message par Poumi » 08 sept. 2019, 18:40

Sur la capture tu n’as pas de déclencheur à ton scénario

wini
Timide
Messages : 37
Inscription : 26 sept. 2018, 19:02

Re: [Présentation] F$B33

Message par wini » 08 sept. 2019, 18:46

Poumi a écrit :Sur la capture tu n’as pas de déclencheur à ton scénario
J'ai ajouté un déclencheur mais mon thème reste sur le thème par défaut...
Ça me gonfle....

Avatar de l’utilisateur
Poumi
Actif
Messages : 660
Inscription : 21 mars 2019, 22:41

Re: [Présentation] F$B33

Message par Poumi » 08 sept. 2019, 18:51

J’ai pas exactement le même code que toi...

Regarde page 57


Édit: ce sujet vient d’arriver et risque de t’interesser: viewtopic.php?f=139&t=47479

Mips2648
Actif
Messages : 932
Inscription : 08 sept. 2018, 17:09

Re: [Présentation] F$B33

Message par Mips2648 » 08 sept. 2019, 18:59

Salut,

Pour simplifier la vie de tout ceux qui ont du mal à le mettre en place, je viens de sortir en beta mais parfaitement fonctionnel (fait ce matin, il est encore tout chaud), il sera en stable semaine prochaine, un plugin qui permet de faire ce changement d'image de fond: viewtopic.php?f=139&t=47479
Il faut juste créer un équipement, choisir les designs qui vont être gérés et l'équipement météo à utiliser et c'est tout, plus de code, plus de scénario, rien, le plugin se charge de tout.
Développeur et auteur des plugins suivants, (entre autre Arlo, Solaredge, Design Image, Gotify...) et aidant sur plein d'autres!

Si vous voulez contribuer, un don fait toujours plaisir : https://paypal.me/mips2648

Avatar de l’utilisateur
lr3674
Timide
Messages : 103
Inscription : 20 mars 2019, 15:11
Localisation : 78

Re: [Présentation] F$B33

Message par lr3674 » 02 oct. 2019, 16:03

Salut,

MERCI F$B33 pour ce partage qui donne envie de passer aux designs même si la v4 se profile. Pour un débutant comme moi, c'ets au delà du tip top :-)

J'ai commencé à m'y mettre mais j'ai un truc que je n'arrive pas à corriger malgré la lecture des 20 premières pages : quand je créé le menu via un bloc texte et que j'y colle le fichier html, mon menu est vertical :-( impossible de le mettre en horizontal même en faisant plusieurs essais sur des résolutions différentes.

Merci de votre aide.
Débutant dans jeedom, j'ai commencé en Juillet 2019

Avatar de l’utilisateur
HollyFredD
Timide
Messages : 92
Inscription : 14 janv. 2018, 12:54

Re: [Présentation] F$B33

Message par HollyFredD » 02 oct. 2019, 17:56

lr3674 a écrit :Salut,

MERCI F$B33 pour ce partage qui donne envie de passer aux designs même si la v4 se profile. Pour un débutant comme moi, c'ets au delà du tip top :-)

J'ai commencé à m'y mettre mais j'ai un truc que je n'arrive pas à corriger malgré la lecture des 20 premières pages : quand je créé le menu via un bloc texte et que j'y colle le fichier html, mon menu est vertical :-( impossible de le mettre en horizontal même en faisant plusieurs essais sur des résolutions différentes.

Merci de votre aide.
Il existe une version horizontale et une autre verticale.
Tu as juste copié la mauvaise :-)

Envoyé de mon OnePlus 6 en utilisant mes petits doigts


Avatar de l’utilisateur
lr3674
Timide
Messages : 103
Inscription : 20 mars 2019, 15:11
Localisation : 78

Re: [Présentation] F$B33

Message par lr3674 » 02 oct. 2019, 20:36

HollyFredD a écrit :
02 oct. 2019, 17:56
lr3674 a écrit :Salut,

MERCI F$B33 pour ce partage qui donne envie de passer aux designs même si la v4 se profile. Pour un débutant comme moi, c'ets au delà du tip top :-)

J'ai commencé à m'y mettre mais j'ai un truc que je n'arrive pas à corriger malgré la lecture des 20 premières pages : quand je créé le menu via un bloc texte et que j'y colle le fichier html, mon menu est vertical :-( impossible de le mettre en horizontal même en faisant plusieurs essais sur des résolutions différentes.

Merci de votre aide.
Il existe une version horizontale et une autre verticale.
Tu as juste copié la mauvaise :-)

Envoyé de mon OnePlus 6 en utilisant mes petits doigts
J'ai téléchargé le fichier design.zip en page 4 et j'ai suivi le tuto youtube. J'ai repris le code contenu dans le fichier menu.html.
J'ai même essayé avec le code du fichier m_menu.html et c'est pareil.

Ou alors il faut que j'aille modier quelque chose dans les fichiers .css?
Débutant dans jeedom, j'ai commencé en Juillet 2019

Avatar de l’utilisateur
SBO
Actif
Messages : 1371
Inscription : 17 sept. 2014, 18:31

Re: [Présentation] F$B33

Message par SBO » 09 nov. 2019, 10:44

Antoinekl1 a écrit :
12 juin 2019, 10:39
Antoinekl1 a écrit :
11 juin 2019, 15:28
Poumi a écrit :
01 juin 2019, 19:35

Bonjour,
Je suis parti sur ta méthode du coup, c’est mieux le menu centralisé :)

J’ai juste un soucis: la page en cours ne passe pas en selected sur le menu.
Je cherche mais je ne trouve pas où c’est fait...Si tu pouvais m’aiguiller Un peu ce serait cool 😎

Bonjour

Oui en effet, j'avais pas fait attention à ca, faut que je regarde, ça fonctionne sur le thème d'origine ?

C'est plus compliqué, car comme le code du menu est centralisé et n'est plus différent sur chaque design, il n'est pas possible de positionner la class "Selected" sur le bon menu, comme dans le script d'origine

je pensais pouvoir faire le test dans le JS centralisé, avec pas exemple la récupération de la page web en cours, mais dans le design la page ne change pas, donc pas possible de récupérer l'ID

il faudrait alors dans le code du menu du design, pouvoir ajouter une variable qui indiquerait l'ID du design afin de la JS centralisé puisse positionner le selected sur le bon menu

mais j'ai pas trop le temps et perso ce ne me dérange pas de ne pas avoir le menu qui indique la page active, je vois la page en dessous.

si qqun veux s'y coller :-)
Je suis en train de regarder comment faire, je suis une quiche en javascript donc cela va prendre du temps :D

la variable planHeader_id étant disponible, faut juste la récupérer (facile), et après mettre a jour le menu dynamiquement (la je me penche dessus, j'espère ne pas tomber)

Si quelqu'un à déjà avancé sur le sujet, merci de partager afin d'en faire profiter tout le monde
Ex-Bêta-Testeur | Jeedom | VM Debian 9

Pas de logs, pas d'infos, pas de réponse possible

Charte du forum | Doc jeedom | Trucs et astuces

bastgigi
Timide
Messages : 22
Inscription : 04 août 2018, 08:52

Re: [Présentation] F$B33

Message par bastgigi » 17 nov. 2019, 09:50

Bonjour, j ai un design sur une seule page et je me deplace via le menu dans cette page. Qq'un a reussi a adapté le changement de wallpaper sur ce type de design car moi il met le wallpaper sur toute la largeur ?
en gros il faut que j applique l'image au menu et non au design. je sèche.
Merci.

Répondre

Revenir vers « Présentation et Vitrine d'installations »

Qui est en ligne ?

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