Page 2 sur 2

Re: Mon design façon Material

Publié : 10 oct. 2018, 10:27
par geo___
excellent, merci beaucoup jared pour ce partage, c'est genial, y a plus qu'a...

Re: Mon design façon Material

Publié : 12 oct. 2018, 21:26
par winhex
Si vous testez, n'hésitez à me faire des commentaires ou poser des questions
je pensais que tu étais partis sur des iframes
ou jouant du deplacement sur page (scrollTo)
avec flickity

mais là c'est de la création complète
mais tu l'avais précisé
mais il vous faudra un minimum de connaissance en HTML-CSS-JS...
mais je pensais pas à se point.

en tous cas merci pour le partage, ya du taf

Re: Mon design façon Material

Publié : 16 oct. 2018, 11:53
par mortyre
Bonjour Jared,

Je viens d'essayer cela fonctionne super bien !!! J'adore super rapide et efficace, bravo et merci pour le partage de ton travail :-)

Je vais essayer de l'adapter à la résolution de mon écran Nexus.

Je voudrais savoir si depuis tu as avancé et si tu as crée d'autres types dans le répertoire html comme par exemple :
- volets roulants
- thermostat
- caméra
- détecteur divers (co2, inondation, ...)
- gestion mode (absent, vacance, ...)
- résumé (nombre fenêtres ouvertes, nombres lumières allumées, ...)

NB : sur la gestion de mouvement et ouverture porte j'ai vu que tu indiquais le dernier mouvement. C'est fonctionnel mais uniquement si la page était ouverte, donc du coup on n'a pas réellement les dernières ouvertures. Dans mon design j'utilise : jeedom.cmd.displayDuration('#valueDate#', $('.timeCmd#uid#'));

MErci d'avance de ton retour.

Re: Mon design façon Material

Publié : 24 oct. 2018, 12:06
par mortyre
Hello, un petit up pour ce post intéressant, suis je le seul a avoir essayé ?

Re: Mon design façon Material

Publié : 26 oct. 2018, 11:50
par jared
Salut,

En effet au début j'ai commencé à vouloir utiliser des iframe pour intégrer d'autres designs, mais ça plantait, c'était assez lourd... et plus j'avançais plus je me rendait compte des limitations du mode design, pour me rendre à l'évidence que pour obtenir ce que je voulais, il me fallait tout refaire ou presque...
J'ai aussi fait une mini app android qui ne fait qu'afficher la page en grand et rafraichir les données lors du réveil de l'app (quand elle reviens de l'arrière plan)

Merci mortyre pour le conseil du mouvement ! Sinon j'en ai fait un vite fais pour les volets roulants, je le partagerai à mon retour de vacances.
Après quand on a compris le fonctionnement, je pense que c'est assez simple d'ajouter différent modules...

J'ai d'autres priorités pour le moment mais j'ai prévu de simplifier le code

Re: Mon design façon Material

Publié : 27 oct. 2018, 00:43
par Dapolux
Hello,

C'est effectivement du très beau boulot!

Question bête, pour tes lumières RGB, tu utilises quoi comme widget pour tes 2 sliders?

Re: Mon design façon Material

Publié : 27 oct. 2018, 15:09
par mortyre
@Dapolux Il refait lui même les widgets

@ jared j'ai regarder ton code pour m'en inspirer mais c'est pas si évident de rajouter des modules (vr, thermostat, ...), pas faute d'avoir essayé

Re: Mon design façon Material

Publié : 06 janv. 2019, 10:43
par wojc
Super design jared.
J'ai juste un souci au niveau de l'éclairage. J'ai remplacer les id par les miennes mais lorsque je veux activer une lumière simple, elle s'allume au click, mais je ne peux plus l'éteindre. Y a t'il une solution.
Merci.

Re: Mon design façon Material

Publié : 08 janv. 2019, 19:12
par jared
wojc a écrit :
06 janv. 2019, 10:43
Super design jared.
J'ai juste un souci au niveau de l'éclairage. J'ai remplacer les id par les miennes mais lorsque je veux activer une lumière simple, elle s'allume au click, mais je ne peux plus l'éteindre. Y a t'il une solution.
Merci.
Tu as bien remplacé les 3 id ? (un pour l'état, un pour le on et un pour le off)

Re: Mon design façon Material

Publié : 09 janv. 2019, 13:07
par wojc
Oui, j'ai remplacé les 3 id. J'ai une lumière sur deux qui fonctionne. Un petit truc aussi, l'image de l’ampoule reste éteinte même si la lumière est allumée. J'ai loupé quelque chose?
Merci pour ton aide.

Re: Mon design façon Material

Publié : 09 janv. 2019, 18:10
par jared
Je viens me réaliser que ma commande info est un numeric entre 0 et 100 (comme un dimmer), le problème vient peut etre de la

Re: Mon design façon Material

Publié : 11 janv. 2019, 16:48
par wojc
Bonjour, cela ne change rien. JE ne comprend pas.
Merci quand même.

Re: Mon design façon Material

Publié : 11 janv. 2019, 17:32
par romanais
Je découvre ce sujet, ça claque en effet ! Bravo !

Re: Mon design façon Material

Publié : 30 janv. 2019, 19:59
par mib68
jared a écrit :
26 oct. 2018, 11:50
Salut,

En effet au début j'ai commencé à vouloir utiliser des iframe pour intégrer d'autres designs, mais ça plantait, c'était assez lourd... et plus j'avançais plus je me rendait compte des limitations du mode design, pour me rendre à l'évidence que pour obtenir ce que je voulais, il me fallait tout refaire ou presque...
J'ai aussi fait une mini app android qui ne fait qu'afficher la page en grand et rafraichir les données lors du réveil de l'app (quand elle reviens de l'arrière plan)

Merci mortyre pour le conseil du mouvement ! Sinon j'en ai fait un vite fais pour les volets roulants, je le partagerai à mon retour de vacances.
Après quand on a compris le fonctionnement, je pense que c'est assez simple d'ajouter différent modules...

J'ai d'autres priorités pour le moment mais j'ai prévu de simplifier le code

Salut Jared,

Tout d'abord je souhaite te félicité pour ce design il est top pour les smartphone. Petite question à tu progressé sur l'integration des volets roulants ?
Est il possible d'integrer des lancement de scénario dans le design ?

Merci d'avance

Re: Mon design façon Material

Publié : 01 févr. 2019, 18:33
par jared
Merci min68!
J'ai fait un html pour les volets. ci-joint les fichiers.
Il faut que je trouve d'autres flèches car je les trouve finalement très moches ;-)

edit : ligne à ajouter dans smartphone.js dy type :

Code : Tout sélectionner

addEq(frame, "shutterChambre", "eq.shutter.html", [['title', 'Volet chambre'], ['id', '1320'], ['positionId', '1319'], ['stopActionId', '1324'], ['downActionId', '1318'], ['upActionId', '1317']]);

Re: Mon design façon Material

Publié : 03 févr. 2019, 23:16
par mib68
jared a écrit :
01 févr. 2019, 18:33
Merci min68!
J'ai fait un html pour les volets. ci-joint les fichiers.
Il faut que je trouve d'autres flèches car je les trouve finalement très moches ;-)

edit : ligne à ajouter dans smartphone.js dy type :

Code : Tout sélectionner

addEq(frame, "shutterChambre", "eq.shutter.html", [['title', 'Volet chambre'], ['id', '1320'], ['positionId', '1319'], ['stopActionId', '1324'], ['downActionId', '1318'], ['upActionId', '1317']]);
Merci ça fonctionne parfaitement,

J'ai encore une petite question comment fait on pour adapter la taille du design car mon écran est beaucoup plus petit que le tien

Re: Mon design façon Material

Publié : 04 févr. 2019, 11:44
par jared
Désolé j'ai un peu à l'arrache et j'ai tout adapté à ma résolution d'écran et il faudra adapté pas mal de trucs je pense.
Commence par créer le design avec la bonne résolution et vas-y à taton au fur et à mesure...

Re: Mon design façon Material

Publié : 22 mars 2019, 11:57
par ptitlouis34
Bonjour,
Merci pour le partage : cela fait une petite dizaine de jours que je travaille avec ce design : super fluide, et pile poil dans mes besoins!!
Par contre, je n'arrive pas à maîtriser les sources liées à l'alarme. Malgré la lecture, relecture des fichiers .html, je n'arrive pas à trouver la significations des variables id, immediateid. Peut-être que je n'ai pas cela sur mon alarme (j'ai une somfy protect/myfox) et je n'en ai donc pas l'utilité..
Mais du coup, j'ai des statuts d'alarme un peu bizarre, et elle ne passe jamais à "Armée". Quelqu'un peut m'éclairer ?
Merci par avance !
Anne-Sophie

Re: Mon design façon Material

Publié : 01 avr. 2019, 22:09
par systemdomotique
Hello, j'ai vraiment adhérer à ton approche et pour te dire j'ai refondu ton code pour intégrer le boostrap histoire de ne pas galérer avec les dimensions et refait un peu à ma sauce ^^

J'en ai profiter pour garder toutefois ta structure sur les widgets, j'ai ajouté les modes, les caméras, au fur et à mesure de mes besoins.
Encore merci pour ton partage, je partagerais de même une fois le code détaillé, et avec moins de bug :D .

Re: Mon design façon Material

Publié : 01 avr. 2019, 22:33
par bibimax
systemdomotique a écrit :
01 avr. 2019, 22:09
Hello, j'ai vraiment adhérer à ton approche et pour te dire j'ai refondu ton code pour intégrer le boostrap histoire de ne pas galérer avec les dimensions et refait un peu à ma sauce ^^

J'en ai profiter pour garder toutefois ta structure sur les widgets, j'ai ajouté les modes, les caméras, au fur et à mesure de mes besoins.
Encore merci pour ton partage, je partagerais de même une fois le code détaillé, et avec moins de bug :D .
bonne idée de repartager ensuite :)