[S'inspirer] Postez votre Dashboard

[MicroFire]

Effectivement, le problème viens des #, par contre en faisant comme ça, le virtuel est modifier que toutes les 5 min.
Voici un model pour que le widget réagisse en temps réelle:

2015-11-22 (2).png (43.24 Kio) Consulté 2935 fois

et pour le scénario:

2015-11-22 (3).png (70.04 Kio) Consulté 2935 fois

Je l'utilise quotidiennement sans problème.

Bonne nuit

[xtemmos]

Exact, j'utilise ça pour les présences en temps réel par par pièce dans la maison, mais c'est vrai que pour savoir si je suis ou non à la maison, toutes les 5 minutes me suffisent, et ca alourdi moins le système. Bonne nuit aussi!

[carlierd]

Impecable !

Pour ma culture perso, pourquoi il y avait des # dans ton screenshot ?

Merci.

[xtemmos]

Parce que je met des # dans ma variable aussi quand je teste, mais je supprime les # quand j'ai validé que tout fonctionne et que je décide de garder la variable définitivement.

[carlierd]

Ok !! Merci pour les informations

[carlierd]

@MicroFire : désolé ton pst c'était noyé dans les autres et j'étais malheureusement passé à côté !

Tu peux détaillé un peu ta méthode ? J'ai compris pour le scénario (même si pour la localisation c'est pas encore super clair) mais pour le widget, tu as une info avec un calcul et une commande ?

Merci.

David.

[carlierd]

@OlivierD : maintenant que le plugin "Google Calendar" ne fonctionne plus, tu fais comment ? Avec le plugin Agenda ?
Merci.
David.

Merci Spawn!

J'ai un scénario qui se déclenche tout les matins à 5h00.

Il réinitialise toutes les variables à 0 (voir un peu plus bas pour les variables).

Il va lire les events du jours sur le plugin Google Agenda (je n'ai pas acheter le plugin Agenda):
Si le titre vaut une valeur précise : "Ordure - Poubelle jaune", il passe la variable poubelle_jaune à 1.
Si le titre vaut une valeur précise : "Ordure - Poubelle verte", il passe la variable poubelle_verte à 1.

La-dessus j'ai créé un virtuel avec deux infos de type binaire donc les valeurs sont variable(poubelle_jaune) et variable(poubelle_verte).

Et ensuite un petit widget pour chacune basé sur la valeur de l'info.

C'est au final relativement simple quand on connait un peu de php, d'html et de js!

[domoggvad]

Bonsoir @Sshafi,
je viens de tester cette procedure mais elle ne fonctionne pas, je n'ai aucun fond ni en dash ni en plan
merci

A tout hasard, Y'a t'il pas moyen de n'avoir que le dashboard avec une image de fond, et tout les autres menu avec le théme par défaut de jeedom ?

Pour pouvoir faire les modifs juste sur le dashboard, il faut passer du côté javascript de la perso avancée. Quelque chose comme ça devrait le faire :

Code : Tout sélectionner

$(document).ready (function(){
	if (window.location.href.indexOf("p=dashboard") > -1) {
		setTimeout( function(){
			$(document.body).css({
				'background-image':'url("/core/img/fond-ecran.jpg")',
				'background-size':'1370px 850px',
				'background-repeat':'no-repeat',
				'background-attachment':'fixed',
				'color':'rgb(244, 192, 28)'
			});
		},500);
	}
});

[Sshafi]

Bonsoir @Sshafi,
je viens de tester cette procedure mais elle ne fonctionne pas, je n'ai aucun fond ni en dash ni en plan
merci

Désolé, j'avais oublié de te répondre
Je viens de tester le code chez moi et il marche bien.
Tu le mets bien dans Personnalisation Avancés > Desktop > Javascript ?
Tu as bien une image fond-ecran.jpg dans le répertoire /core/img/ de jeedom ?
Tu accède à ton jeedom en tapant http://IP/ ou http://IP/jeedom/ ?
Peux-tu essayer en augmentant la valeur 500 (1000 par exemple) à la fin du code ? Le fond mettra peut-être un peu plus de temps à s'afficher mais c'est pour tester.

[domoggvad]

Bonjour @Sshafi
Je suis vraiment un B...., je n'avais pas modifier l’emplacement de l'image, qui est Img sur ma box de prod et imgt sur celui de test et comme je ne fais les tests que sur celui de test.
ça fonctionne, donc je vais tout mettre en prod.
Désolé et Merci encore pour ta dispo

[Sshafi]

Lol, pas de soucis ça arrive

From Tapatruc...

[galiceau]

Bonjour @Technopaul
Dans Administration- personnalisation avancée et dans CSS, tu mets ça, bien sur il faut copier la photo que tu veux mettre dans un répertoire


body {
/** background-color: #3A2C0E; **/
background-image: url("/core/img/fond-ecran.jpg");
background-size: 1370px 850px;
background-repeat: no-repeat;
background-attachment: fixed;
color: rgb(244, 192, 28);
}
legend {
background-color: rgba(0, 0, 0, 0.17);
text-align: center;
border-bottom: 2px solid #A17734;
color: rgb(244, 192, 28);
}

.scenario-widget {
background-color: rgba(0, 0, 0, 0.17);
}

Pour avoir une image de fond qui prend toute la page en fonction de la fenetre :

Code : Tout sélectionner

background-size: cover;

[galiceau]

Bonjour @Technopaul
Dans Administration- personnalisation avancée et dans CSS, tu mets ça, bien sur il faut copier la photo que tu veux mettre dans un répertoire


body {
/** background-color: #3A2C0E; **/
background-image: url("/core/img/fond-ecran.jpg");
background-size: 1370px 850px;
background-repeat: no-repeat;
background-attachment: fixed;
color: rgb(244, 192, 28);
}
legend {
background-color: rgba(0, 0, 0, 0.17);
text-align: center;
border-bottom: 2px solid #A17734;
color: rgb(244, 192, 28);
}

.scenario-widget {
background-color: rgba(0, 0, 0, 0.17);
}

Pour avoir une image de fond qui prend toute la page en fonction de la fenetre :

Code : Tout sélectionner

background-size: cover;

[domoggvad]

merci @galiceau pour l'astuce,
je viens de l'adopter, mais côté java, pour avoir un fond pour les vues et un autre côté plan
l'idée n'est pas de moi, j'ai juste compilé celle de @Sshafi et @skyline-ch et maintenant la tienne

$(document).ready (function(){
if((window.location.href.indexOf("p=dashboard") > -1) || (window.location.href.indexOf("p=view") > -1)) {
$('.eqLogic-widget').css({
'border-radius':'15px',
'background-color':'rgba(0, 0, 0, 0.17)',
'box-shadow':'0px 3px 10px #0d0d0d'
});
setTimeout( function(){
$(document.body).css({
'background-image':'url("/core/img/fond-ecran.jpg")',
'background-size':'cover',
/**'background-size':'1370px 850px',**/
'background-repeat':'no-repeat',
'background-attachment':'fixed',
'color':'rgb(244, 192, 28)'
});
},100);

}
});

[extrapitou]

Du coup on peux enlever la ligne /**...... **/ non?

En tout cas bravo à tous vous êtes des ouf du code CSS/java/php/html, desfois jme dis que j'ai vraiment raté ma voie :/ me reste plus qu'à prendre de cours

Envoyé avec TapataCash !

[galiceau]

Du coup on peux enlever la ligne /**...... **/ non?

En tout cas bravo à tous vous êtes des ouf du code CSS/java/php/html, desfois jme dis que j'ai vraiment raté ma voie :/ me reste plus qu'à prendre de cours

Envoyé avec TapataCash !

Sauf s'il veut se rappeler à de bon souvenir

Envoyé de mon Nexus 6 en utilisant Tapatalk

[domoggvad]

Oui, j ai testé, et partagé juste après, je n'ai pas enlevé la ligne en commentaire ...

de mon téléphone

[blustorm]

Voilà mon dashboard en cours.
Comme ça peut se voir, j'aime la simplicité et les comics!

dash

dash.png (382.93 Kio) Consulté 2236 fois

[domoggvad]

salut @blustorm
Très original, c'est ce qui fait la force de jeedom, faire une config à son image, ses besoins, j'aime bien ton relevé de température.
certains widgets ne me parlent pas, peut être présence , travail, maison, le chat ??

[blustorm]

J'ai codé la majorité des widgets.
Je recherche des images parlantes pour indiquer les états mais bon des fois c'est pas terrible! Par exemple le chat correspond au fait que le motion detector fibaro ne détecte personne.
Les deux personnages c'est selon la géolocalisation de ma femme et moi.
Travail et Maison sont cliquables et sont liés à des virtuels qui me permettent d'indiquer si je suis en vacances et si y'a la maison doit être en mode sécurité. Depuis la fin de la récupération xml de google agenda, je ne sais plus comment m'interfacer avec un calendrier.