TEMPO+PV+VE sur écran 4848SO4OC HA openhasp

Mon projet à la base : un écran pour avoir les infos EDF Tempo.

Bonjour la communauté,
J’ai un écran ESP32 4848S040C_I_Y_3 avec 3 relais

Mon HA est installé sur un NAS Terramaster F2-423, (Docker/Portainer/HA/MQTT)

J’ai parcouru le topic [openhasp de WarC0zes](https://forum.hacf.fr/u/WarC0zes)

Et puis j’ai rajouté des pages pour mes panneaux photovoltaïque et ma voiture électrique.
Pour l’instant je me concentre que sur tempo et les pv.
(il me faut une intégration pour ma MG4)

Ce qui fonctionne:
les boutons direct accès aux pages et le swipe entre les pages en haut de l’écran sur 200 pixels.
Icone wifi qui change de couleur suivant la réception
la date et l’heure

Ecran Tempo
Les infos jours restant tempo et le tarif selon l’horaire et la couleur
Les couleurs pour aujourd’hui demain
La couleur active pour les heures creuses
Conso et prod Solaire
Boutons poussoir (automations) pour mes automatismes Portail et Garage

Ecran solaire
juste les infos des entitées
Ecran VE
les infos batterie, le bouton charge, températures, pression des pneus, cable branché, préchauffage.

Ecran infos systeme
écran accessible uniquement avec le swipe
le bouton de redémarrage (qui scroll)
La luminosité avec le slider (ok avec la v0.7.0 rc12)
le qrcode

Voila après avoir tatoné pas mal au début, maintenant j’arrive a peu près faire ce que je veux.
On peux vraiment remercier Fancis Van Roie le développeur d’Openhasp, car au debut que j’avais l’ecran j’ai essayé LVGL, mais avec openhasp c’est vraiment top.

1 « J'aime »

Bonjour @bzhmic,
Toujours commencer par un Bonjour, quand tu créer un nouveau sujet. Merci d’y faire attention les prochaines fois.

Ta la doc sur le site

ta un exemple dans la doc

Tu utilise l’entité light.plate_backlight au lieu de moonlight.

Ca ok, pour le jsonl c’est bon mais pour l’openhasp.yaml y’a quasi rien.

dans les exemples de configuration, ta de quoi faire.
Après ca utilise les services de home assistant, tu peut utiliser n’importe lequel.

Ta un sujet sur le github avec des exemples d’utilisateurs, ca aide aussi.

C’est ce que je fais déjà, mais la syntaxe de ligne est expliquée nul part,
part exemple " | e }} " a la fin d’une ligne correspond à quoi ?

alors la, je sais pas.

Pose la question sur le github, ils sont cool les devs.

Le slider fonctionne mais mal, ça ne dimme pas a une certaine valeur ça coupe, comme un switch en fait

C’est un soucis de ton matériel alors, faut le reporter sur github. Il y a eu un problème identique sur les esp32 sunton qui on été fixer.

Non c’est plutôt soft, ça marche avec lvgl sur arduino, comme je le dis plus haut.
Il faut utiliser un autre gpio pour créer un pwm

pinMode (GFX-PWM, OUTPUT) ;
analogWrite(GFX-PWM, 127); // 0-255

Faut attendre une update du firmware

Cela fonctionne bien avec la 0.7.0-rc12 :+1:
A noter qu’avec cette release il ne propose pas le gpio38 dans les choix pour le backlight, je l’ai forcé dans la config.

Oui , je me suis mal exprimé. C’est un soucis du firmware par rapport a ton modèle d’esp.

Salut bzhmic

Pourrais tu partager ici le code de ton pages.jsonl car il permettrait à certains dont moi de s’inspirer en partie de ton travail.

Merci à toi

1 « J'aime »

Voila :wink:
Pour info j’utilise Notepad++ comme éditeur.

// ha/config/openhasp_configs/mic_tempo/pages.jsonl
// Hasp Dark Design
// by @BzhMic  // 2025
// ######################################  mic_tempo
//
//
// ###################################### Page 0
//
//
// Heure
{ "page":0, "id":2, "obj":"label","x":10, "y":1 , "h":22, "w":85, "text_font":22, "text_color":"#D4D4D4", "text":"--:--:--" , "align":0, "bg_color":"Silver", "template": "%H:%M:%S"} 
// Date
{ "page":0, "id":3, "obj":"label","x":12, "y":20, "h":18, "w":84,"text_font":16, "text_color":"#D4D4D4", "text":"--.--.--" ,"text":"--------" , "align":"center", "align":0, "bg_color":"Silver", "template": "%d.%m.%Y"} 
// Jour de la semaine
{ "page":0, "id":4, "obj":"label","x":95, "y":12 , "h":20, "w":70, "text_font":18, "text_color":"#D4D4D4", "text":"--------" , "align":"left", "bg_color":"Silver"} 
// icone WiFi
{ "page":0, "id":15,"obj":"btn","x":440,"y":0,"w":30,"h":30,"text_font":"2","text":"\uE5A9","text_color":"Black","bg_opa":0,"border_width":0}
{ "page":0, "id":16,"obj":"label","x":440,"y":24,"w":30,"h":20,"text_font":12,"text":"- - -","text_color":"Silver","align":"center"}
//
// swipe des pages //zone swipe 80 pixels en haut
{ "page":0,"id":10,"obj":"obj","swipe":1,"x":0,"y":0,"h":80,"w":480,"opacity":0}
//
// barre de defilement des pages
//
//defilement pages swipe
{ "page":1,"id":0,"prev":7}
{ "page":7,"id":0,"next":1}
// acces direct a la page
// 3 Boutons
//{ "page":0,"id":20,"obj":"btn","action":"p1","x":0,"y":440,"h":40,"w":159,"bg_color":"#2C3E50","text":"\uE2DC", "align":"center", "text_color":"White", "radius":0, "border_side":0,"text_font":30}
//{ "page":0,"id":21,"obj":"btn","action":"p2","x":160, "y":440,"h":40,"w":159,"bg_color":"#2C3E50","text":"\uE5A8", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
//{ "page":0,"id":22,"obj":"btn","action":"p3","x":320, "y":440,"h":40,"w":159,"bg_color":"#2C3E50","text":"\uE10B", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
// 4 boutons
//{ "page":0,  "id":20, "obj":"btn","action":"p1","x":0,   "y":440,"h":40,"w":119,"bg_color":"#2C3E50","text":"\uE2DC", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
//{ "page":0,  "id":21, "obj":"btn","action":"p2","x":120, "y":440,"h":40,"w":119,"bg_color":"#2C3E50","text":"\uFA74", "text_color":"White", "radius":0, "border_side":0,"text_font":30}
//{ "page":0,  "id":22, "obj":"btn","action":"p3","x":240, "y":440,"h":40,"w":119,"bg_color":"#2C3E50","text":"\uE10B", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
//{ "page":0,  "id":23, "obj":"btn","action":"p4","x":360, "y":440,"h":40,"w":119,"bg_color":"#2C3E50","text":"\uE6E8", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
//
// 5 boutons
{ "page":0,  "id":20, "obj":"btn","action":"p1","x":0,   "y":440,"h":40,"w":95,"bg_color":"#2C3E50","text":"\uE2DC", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
{ "page":0,  "id":21, "obj":"btn","action":"p2","x":96, "y":440,"h":40,"w":95,"bg_color":"#2C3E50","text":"\uFA74", "align":"center", "text_color":"White", "radius":0, "border_side":0,"text_font":30}
{ "page":0,  "id":22, "obj":"btn","action":"p3","x":192, "y":440,"h":40,"w":95,"bg_color":"#2C3E50","text":"\uE10B", "align":"center", "text_color":"White", "radius":0, "border_side":0,"text_font":30}
{ "page":0,  "id":23, "obj":"btn","action":"p4","x":288, "y":440,"h":40,"w":95,"bg_color":"#2C3E50","text":"\uE6E8", "align":"center","text_color":"White", "radius":0, "border_side":0,"text_font":30}
{ "page":0,  "id":24, "obj":"btn","action":"p5","x":384, "y":440,"h":40,"w":95,"bg_color":"#2C3E50","text":"\uF11C", "align":"center", "text_color":"White", "radius":0, "border_side":0,"text_font":30}
//
{ "page":0, "idle/state":"off","action":"p1"}
//
//
// ###################################### Page 1 - Tempo
//
//
// haut de page
{"page":1,"id":10, "obj":"obj" , "x": 0,  "y":0, "h":  40,  "w":480, "text":"", "bg_grad_color":"Black", "bg_color":"#185173","radius":0, "border_side":0, "click":0}
{"page":1,"id":11, "obj":"img", "x":165, "y":0, "w":147,  "h": 39,  "src":"L:/edf_tempo_147x39.png","auto_size":0}
// fond degradé
{"page":1,"bg_grad_dir":"1","bg_color":"Black","bg_grad_color":"Navy","bg_main_stop":"80"}
// Tarif TEMPO
{ "page":1, "id":4, "obj":"label","x":320, "y":13 , "h":22, "w":40, "text_font":18, "text_color":"#D4D4D4", "text":"Tarif :" , "align":"left"} 
{ "page":1, "id":5, "obj":"label","x":365, "y":13 , "h":22, "w":50, "text_font":18, "text_color":"#D4D4D4", "text":"- . - - - - " , "align":"left"} 
{ "page":1, "id":6, "obj":"label","x":418, "y":13 , "h":22, "w":10, "text_font":18, "text_color":"#D4D4D4", "text":"€ :" , "align":"left"} 
//  Jours Restant tempo
{"page":1,"id":12,"obj":"obj"   ,"x":5,     "y":42, "w":470, "h":38,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","click":0} 
{"page":1,"id":13,"obj":"label","x":15,   "y":50, "w":165, "h":30,"text_color":"White","text":"Jours Tempo Restants :", "text_font":18, "align":"right"}
{"page":1,"id":14,"obj":"label","x":185, "y":50, "w":50,   "h":30,"text_color":"#0DBFBF","text":"BLEU", "text_font":18, "align":"left"}
{"page":1,"id":15,"obj":"label","x":235, "y":50, "w":30,   "h":30,"text_color":"#0DBFBF","text":"---","text_font":18, "align":"right"}
{"page":1,"id":16,"obj":"label","x":280, "y":50, "w":50,   "h":30,"text_color":"#C0C0C0","text":"BLANC", "text_font":18, "align":"left"}
{"page":1,"id":17,"obj":"label","x":330, "y":50, "w":30,   "h":30,"text_color":"#C0C0C0","text":"---", "text_font":18, "align":"right"}
{"page":1,"id":18,"obj":"label","x":375, "y":50, "w":50,   "h":30,"text_color":"#FF2020","text":"ROUGE", "text_font":18, "align":"left"}
{"page":1,"id":19,"obj":"label","x":425, "y":50, "w":30,   "h":30,"text_color":"#FF2020","text":"---", "text_font":18, "align":"right"}
// Bouton  1
{"page":1,"id":20,"obj":"obj"  ,"x":5,  "y":90, "w":150, "h":80,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","click":0}
{"page":1,"id":21,"obj":"label","x":10, "y":100, "w":140, "h":30,"text":"Aujourd'hui",  "text_font":20, "align":"center"}
{"page":1,"id":22,"obj":"label","x":10, "y":115,"w":140, "h":40,"text_font":50, "text":"\uE4DB", "align":"center", "text_color":"Grey" }
// Bouton 2
{"page":1,"id":30,"obj":"obj"  ,"x":165, "y":90, "w":150, "h":80,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","click":0}
{"page":1,"id":31,"obj":"label","x":170, "y":100, "w":140, "h":30,"text":"Demain",  "text_font":20 , "align":"center" }
{"page":1,"id":32,"obj":"label","x":170, "y":115,"w":140, "h":40,"text_font":50, "text":"\uE4DB", "align":"center", "text_color":"Grey" }
// Bouton 3
{"page":1,"id":40,"obj":"obj"  ,"x":325, "y":90, "w":150, "h":80,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","click":0}
{"page":1,"id":41,"obj":"label","x":330, "y":100, "w":140, "h":30,"text":"Heures Creuses",  "text_font":20,  "align":"center"}
{"page":1,"id":42,"obj":"label","x":330, "y":115,"w":140, "h":40,"text_font":50, "text":"\uE4DB", "align":"center", "text_color":"Grey" }
// Jauge Solaire
{"page":1,"id":50,"obj":"obj"   ,"x":5,    "y":180, "w":230, "h":150,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","click":0}
{"page":1,"id":51,"obj":"img"  ,"x":20,  "y":195, "w":200, "h":97 ,"src":"L:/jauge_H1_200x97.png"   ,"auto_size":0}
{"page":1,"id":53,"obj":"label","x":70,  "y":250, "w":100,  "h":30 ,"text":"- - - - -",  "text_font":24, "align":"center" }
//{"page":1,"id":54,"obj":"label","x":140,"y":255, "w":40,  "h":25 ,"text":"W",  "text_font":22, "text_color":"White", "align":"left" }
{"page":1,"id":55,"obj":"label","x":20,  "y":295, "w":200, "h":30 ,"text":"Production Solaire",  "text_font":18, "align":"center" }
{"page":1,"id":56, "obj": "arc","x": 20, "y": 195, "w": 200,"h": 200,  "min": 0,  "max": 3000,  "val": 0,  "border_side": 0,  "type": 0,  "rotation": 180,  "start_angle":5, "end_angle": 175, "line_width": 20,  "line_width10": 10,  "line_color": "Black","line_color10": "Lime", "bg_opa": 0,  "pad_top10": 5,  "pad_bottom10": 5,  "pad_left10": 5,  "pad_right10": 5,  "pad_top": 0,  "pad_bottom": 0,  "pad_left": 0,  "pad_right": 0}
//
// Jauge Electricite
{"page":1,"id":60,"obj":"obj"  ,"x":245, "y":180, "w":230, "h":150,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","click":0}
{"page":1,"id":61,"obj":"img" ,"x":260, "y":195, "w":200, "h":97 ,"src":"L:/jauge_H2_200x97.png","auto_size":0}
{"page":1,"id":63,"obj":"label","x":310, "y":250, "w":100,  "h":30 ,"text":"- - - - -","text_font":24, "align":"center" }
//{"page":1,"id":64,"obj":"label","x":380, "y":255, "w":40,  "h":25 ,"text":"W"    ,"text_font":22, "text_color":"White", "align":"left" }
{"page":1,"id":65,"obj":"label","x":260, "y":295, "w":200, "h":30 ,"text":"Consommation Electrique",  "text_font":18, "align":"center"  }
{"page":1,"id":66, "obj": "arc","x": 260, "y": 195,"w": 200,  "h": 200,  "min": 0,  "max": 6000,  "val": 0,  "border_side": 0,  "type": 0,  "rotation": 180,  "start_angle":5, "end_angle": 175,  "line_width": 20,  "line_width10": 10,  "line_color": "Black","line_color10": "Red", "line_grad_color10": "Yellow",  "bg_opa": 0,  "pad_top10": 5,  "pad_bottom10": 5,  "pad_left10": 5,  "pad_right10": 5,  "pad_top": 0,  "pad_bottom": 0,  "pad_left": 0,  "pad_right": 0}
// Boutons Automatisme
{"page":1,"id":1,"obj":"btn","x":5,    "y":340,"w":230,"h":90,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"text_color":"White","text":"\uEAD7\uEAD7\nPortail","text_font":22,"mode":"break","align":1 }
{"page":1,"id":2,"obj":"btn","x":245,"y":340,"w":230,"h":90,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"text_color":"White","text":"\uF2D3\nGarage","text_font":22,"mode":"break","align":1 }
// mic_tempo_switch_1
// mic_tempo_switch_40
//
//
// ###################################### Page 2 - Photovoltaique
//
//
{"page":2,"bg_grad_dir":"1","bg_grad_color":"Navy","bg_main_stop":"80"}
{"page":2, "id":10, "obj":"obj"  , "x":   0, "y":0, "h":40, "w":480, "text":"", "bg_grad_color":"Navy", "bg_color":"Black","radius":0, "border_side":0, "click":0}
{"page":2, "id":11, "obj":"label", "x": 165, "y":5, "h":40, "w":150,"text_font":24, "text":"Photovoltaïque", "align":"center"}
{"page":2,"id":9, "obj":"img", "x":325, "y":15, "w":100,  "h":   17,  "src":"L:/enphase_100x17.png","auto_size":0}
//
{"page":2,"id":12,"obj":"label","x":2,"y":40,"w":476,"h":30, "text_color":"Wheat","text":"PRODUCTION","text_font":24, "align":"center" }
//
{"page":2, "id":21,"obj":"linemeter","x":20,"y":60, "w":190,"h":190,"rotation":270,"angle":240,"max":15,"value_str":"-----","val":0,"line_color10": "Lime","line_count":25,"bg_opa":0, "border_opa":0}
{"page":2, "id":22,"obj":"label","x":75, "y":120,"w":80, "h":50 ,"text":"Aujourd'hui","text_color":"Lime",  "text_font":18, "align":"center" }
{"page":2, "id":24,"obj":"label","x":85, "y":170,"w":60, "h":50 ,"text":"en kWh","text_color":"Lime",  "text_font":18, "align":"center" }
//
{"page":2, "id":31,"obj":"linemeter","x":150,"y":60, "w":190,"h":190,"rotation":270,"angle":240,"max":150,"value_str":"-----","val":0,"line_color10": "Lime","line_count":25,"bg_opa":0, "border_opa":0}
{"page":2, "id":32,"obj":"label","x":205, "y":120,"w":80, "h":50 ,"text":"En 7 Jours","text_color":"Lime",  "text_font":18, "align":"center" }
{"page":2, "id":34,"obj":"label","x":215, "y":170,"w":60, "h":50 ,"text":"en kWh","text_color":"Lime",  "text_font":18, "align":"center" }
//
{"page":2, "id":41,"obj":"linemeter","x":290,"y":60, "w":190,"h":190,"rotation":270,"angle":240,"max":4,"value_str":"-----","val":0,"line_color10": "Lime","line_count":25,"bg_opa":0, "border_opa":0}
{"page":2, "id":42,"obj":"label","x":340, "y":120,"w":80, "h":50 ,"text":"Totale","text_color":"Lime",  "text_font":18, "align":"center" }
{"page":2, "id":44,"obj":"label","x":350, "y":170,"w":60, "h":50 ,"text":"en MWh","text_color":"Lime",  "text_font":18, "align":"center" }
//
// Prod Actuelle
{"page":2,"id":50,"obj":"label"    ,"x":150 ,"y":350,"w":80,"h":30 ,"text_color":"White","text":"W","text_font":22,"align":"center" }
{"page":2,"id":51,"obj":"linemeter","x":90,"y":230, "w":200,"h":200,"rotation":270,"angle":240,"max":3000,"value_str":"-----","val":0,"line_color10": "Lime","line_count":30,"bg_opa":0, "border_opa":0}
{"page":2,"id":52,"obj":"label",    "x":140,"y":270,"w":100,"h":50 ,"text":"Prod\nActuelle","text_color":"Wheat","text_font":18,"align":"center" }
// Conso Actuelle
{"page":2,"id":60,"obj":"label"    ,"x":280 ,"y":350,"w":80,"h":30 ,"text_color":"White","text":"W","text_font":22,"align":"center" }
{"page":2,"id":61,"obj":"linemeter","x":220,"y":230, "w":200,"h":200,"rotation":270,"angle":240,"max":6000,"value_str":"-----","val":0,"line_color10": "Red","line_count":30,"bg_opa":0, "border_opa":0}
{"page":2,"id":62,"obj":"label",    "x":270,"y":270,"w":100,"h":50 ,"text":"Conso\nActuelle","text_color":"Wheat","text_font":18,"align":"center" }
//
// Barres Verticales
// Barre Export
{"page":2,"id":70,"obj":"bar","x":30,"y":250,"w":60,"h":180,"max":3000,"min":1,"val":0,"radius":5,"bg_grad_color10":"Lime","bg_grad_dir10":1,"bg_color10":"Blush","bg_color":"Navy","bg_grad_color":"Black","bg_grad_dir":1,"border_width":3,"border_color":"White"}
{"page":2,"id":71,"obj":"label","x":30,"y":260,"w":60,"h":30,"text":"Export","text_color":"White","text_font":18,"align":"center" }
{"page":2,"id":72,"obj":"label","x":30,"y":280,"w":60,"h":30,"text":"- - -","text_color":"White","text_font":18,"align":"center" }
{"page":2,"id":73,"obj":"label","x":30,"y":300,"w":60,"h":30,"text":"W","text_color":"White","text_font":18,"align":"center" }
// Barre Import
{"page":2,"id":75,"obj":"bar","x":390,"y":250,"w":60,"h":180,"max":3000,"min":1,"val":0,"radius":5,"bg_grad_color10":"Blush","bg_grad_dir10":1,"bg_color10":"Lime","bg_color":"Navy","bg_grad_color":"Black","bg_grad_dir":1,"border_width":3,"border_color":"White"}
{"page":2,"id":76,"obj":"label","x":390,"y":260,"w":60,"h":30,"text":"Import","text_color":"White","text_font":18,"align":"center" }
{"page":2,"id":77,"obj":"label","x":390,"y":280,"w":60,"h":30,"text":"- - -","text_color":"White","text_font":18,"align":"center" }
{"page":2,"id":78,"obj":"label","x":390,"y":300,"w":60,"h":30,"text":"W","text_color":"White","text_font":18,"align":"center" }
//
//
// ###################################### Page 3 - VE 
//
//
{"page":3,"bg_grad_dir":"1","bg_grad_color":"Navy","bg_main_stop":"80"}
{"page":3,"id":10, "obj":"obj"  , "x":   0, "y":0, "h":40,  "w":480, "text":"","bg_grad_color":"Blue", "bg_color":"Black","radius":0, "border_side":0, "click":0}
// image
{"page":3,"id":9, "obj":"img", "x":180, "y":5, "w":120,  "h":   31,  "src":"L:/VE_120x31.png","auto_size":0}
// image
{"page":3,"id":12,"obj":"img","x":40,"y":105, "w":400, "h":198 ,"src":"L:/VE_198x400.png" ,"auto_size":0}
// Slider Barre de charge MG4
{"page":3,"id":13,"obj":"bar","x":140,"y":50,"w":200,"h":40,"max":100,"min":1,"val":0,"radius":0,"radius10":0,"bg_color10":"Blush","bg_grad_color10":"Lime","bg_grad_dir10":2,"bg_color20":"Black","bg_grad_color20":"Navy","bg_grad_dir20":2,"border_width20":3,"border_color":"White"}
//  %
{"page":3,"id":14,"obj":"label","x":140,"y":54,"w":200, "h":30,"text_color":"White","text":"- - - -","align":"center" ,"text_font":24}
//Puissance de charge
//{"page":3,"id":15,"obj":"label","x":170,"y":400,"w":80, "h":20,"text_color":"White","text":"Chargeur à :","align":"right","text_font":14}
//{"page":3,"id":16,"obj":"label","x":260,"y":400,"w":40, "h":20,"text_color":"White","text":"- - -","align":"left","text_font":14}
//
//{"page":3,"id":18,"obj":"label","x":140,"y":310,"w":200, "h":25,"text_color":"White","text":"La Batterie est chargée à :","align":"center","text_font":18}
//en KW
{"page":3,"id":20,"obj":"label","x":190,"y":90,"w":100, "h":20,"text_color":"White","text":"- - -","align":"center","text_font":18}
//
//Temp Batterie
//{"page":3,"id":19,"obj":"label","x":190,"y":400,"w":60, "h":20,"text_color":"White","text":"\uE50F Batterie :","align":"left"   ,"text_font":14}
//{"page":3,"id":20,"obj":"label","x":255,"y":400,"w":40, "h":20,"text_color":"White","text":"- - -","align":"left","text_font":14}
//
// Temp Ext
//{"page":3,"id":23,"obj":"label","x":105,"y":190,"w":20,"h":30,"text_color":"Blue"   ,"text":"\uE50F","align":"right" ,"text_font":26}
{"page":3,"id":24,"obj":"label","x": 60,"y":192,"w":60, "h":30,"text_color":"Blue"  ,"text":"- - -","align":"right"  ,"text_font":18}
// Temp Int
//{"page":3,"id":26,"obj":"label","x":310,"y":190,"w":20,"h":30,"text_color":"Orange" ,"text":"\uE50F","align":"right" ,"text_font":26}
{"page":3,"id":27,"obj":"label","x":270,"y":192,"w":60,"h":30,"text_color":"Orange","text":"- - -" ,"align":"right" ,"text_font":18}
//
// pneus
// avant Gauche
{"page":3,"id":30,"obj":"label","x":90 ,"y":100,"w":60, "h":20,"text_color":"White","text":"- - - -","align":"center","text_font":18}
// arriere Gauche
{"page":3,"id":32,"obj":"label","x":90, "y":285,"w":60, "h":20,"text_color":"White","text":"- - - -","align":"center","text_font":18}
// avant Droit
{"page":3,"id":34,"obj":"label","x":320,"y":100,"w":60, "h":20,"text_color":"White","text":"- - - -","align":"center","text_font":18}
// arriere Droit
{"page":3,"id":36,"obj":"label","x":320,"y":285,"w":60, "h":20,"text_color":"White","text":"- - - -","align":"center","text_font":18}
//
// bat 12V 
{"page":3,"id":38,"obj":"label","x":80,"y":160 ,"w":40 ,"h":20,"text_color":"Black","text":"- - -","align":"right","text_font":16}
{"page":3,"id":39,"obj":"label","x":95,"y":135 ,"w":30 ,"h":30,"text_color":"Blue" ,"text":"\uE0ED","align":"center","text_font":28}
// kilométrage
{"page":3,"id":60,"obj":"label","x":10,"y":50,"w":100,"h":30,"text_color":"White","text":"Kilométrage","align":"center" ,"text_font":18}
{"page":3,"id":61,"obj":"label","x":10,"y":70,"w":100 ,"h":30,"text_color":"White","text":"- - - - - - - - -","align":"center" ,"text_font":18}
// autonomie
{"page":3,"id":63,"obj":"label","x":380,"y":50,"w":100,"h":30,"text_color":"White","text":"Autonomie"  ,"align":"center" ,"text_font":18}
{"page":3,"id":64,"obj":"label","x":380,"y":70,"w":100 ,"h":30,"text_color":"White","text":"- - - -","align":"center" ,"text_font":18}
//
//
//  charge Maxi
//{"page":3,"id":47,"obj":"bar","x":450,"y":120,"w":20,"h":254,"min":1,"max":100,"val":0}
{"page":3,"id":48,"obj":"label","x":380,"y":315,"w":40,"h":30,"text_color":"Silver","text":"- - -","text_font":22,"align":"right" }
{"page":3,"id":49,"obj":"label","x":360,"y":340,"w":80,"h":60,"text_color":"Silver","text":"Charge Maximum","text_font":16,"mode":"break","align":1  }
//
// Bouton Charge Batterie
{"page":3,"id":50,"obj":"btn","x":180,"y":305,"w":120,"h":80,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Lime","bg_grad_color1":"Green","text_color1":"Black","text":"\uE10B\nCharge","text_font":20,"mode":"break","align":1 }
// Bouton Préchauffage Batterie
//{"page":3,"id":55,"obj":"btn","x":360,"y":330,"w":100,"h":80,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Lime","bg_grad_color1":"Green","text_color1":"Black","text":"\uE10B\nPréchauffage","text_font":16,"mode":"break","align":1 }
// Icone Chargeur Branché
{"page":3,"id":51,"obj":"label","x":135 ,"y":330,"w":30 ,"h":40,"text_color":"Red","text":"\uE6A5" ,"align":"center","text_font":30}
// Icone Batterie en Charge
{"page":3,"id":52,"obj":"label","x":315,"y":330,"w":30 ,"h":40,"text_color":"Red","text":"\uF40B" ,"align":"center","text_font":30}
//
//
//  Vélo
{"page":3,"id":80,"obj":"obj","x":0,"y":406,"w":480,"h":32,"border_color":"White","border_width":2,"click":0}
{"page":3,"id":70,"obj":"label","x":20 ,"y":410,"w":100 ,"h":40,"text_color":"Grey","text":" Vélo A.E. : " ,"align":"right","text_font":16}
{"page":3,"id":71,"obj":"label","x":120 ,"y":410,"w":80 ,"h":40,"text_color":"Silver","text":"- - - " ,"align":"left","text_font":16}
{"page":3,"id":72,"obj":"label","x":200 ,"y":410,"w":100 ,"h":40,"text_color":"Grey","text":"Batterie à " ,"align":"right","text_font":16}
{"page":3,"id":73,"obj":"label","x":300 ,"y":410,"w":80 ,"h":40,"text_color":"Silver","text":"- - - " ,"align":"left","text_font":16}
{"page":3,"id":74,"obj":"label","x":380,"y":410,"w":20 ,"h":40,"text_color":"Grey","text":"\uF2A2 " ,"align":"right","text_font":16}
{"page":3,"id":75,"obj":"label","x":400,"y":410,"w":60 ,"h":40,"text_color":"Silver","text":"- - - " ,"align":"left","text_font":16}
//
//
// ###################################### Page 4 - Domotique Boutons
//
//
{"page":4,"id":1, "obj":"obj"  , "x":   0, "y":0, "h":40,  "w":480, "text":"","bg_grad_color":"Blue", "bg_color":"Black","radius":0, "border_side":0, "click":0}
{"page":4,"id":2, "obj":"img", "x":163, "y":1, "w":153,  "h":   38,  "src":"L:/smartlife_153x38.png","auto_size":0}
{"page":4,"bg_grad_dir":"1","bg_color":"Navy","bg_grad_color":"Black","bg_main_stop":"80"} 
// Boutons 
{"page":4,"id":10,"obj":"btn","x":20,"y":60,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"\uE335\n1","text_font":22,"mode":"break","align":1}
{"page":4,"id":11,"obj":"btn","x":172,"y":60,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"\uE95F\n2","text_font":22,"mode":"break","align":1}
{"page":4,"id":12,"obj":"btn","x":324,"y":60,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"\uE6B5\n3","text_font":22,"mode":"break","align":1}
{"page":4,"id":20,"obj":"btn","x":20,"y":186,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"\uE769\n4","text_font":22,"mode":"break","align":1}
{"page":4,"id":21,"obj":"btn","x":172,"y":186,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"P.C \uE6B5\n5","text_font":22,"mode":"break","align":1}
{"page":4,"id":22,"obj":"btn","x":324,"y":186,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"P.C \uE6B5\n6","text_font":22,"mode":"break","align":1}
{"page":4,"id":30,"obj":"btn","x":20,"y":312,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"\uE210\n7","text_font":22,"mode":"break","align":1}
{"page":4,"id":31,"obj":"btn","x":172,"y":312,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"P.C \uF2A2\n8","text_font":22,"mode":"break","align":1}
{"page":4,"id":32,"obj":"btn","x":324,"y":312,"w":132,"h":106,"border_color":"White","border_width":4,"bg_color":"Grey","bg_grad_color":"Black","text_color":"Lime","toggle":true,"outline_color":"Silver","outline_width":4,"outline_opa":50,"bg_color1":"Green","bg_grad_color1":"Green","text_color1":"Yellow","text":"P.C \uF2A2\n9","text_font":22,"mode":"break","align":1}
//
//
// ###################################### Page 5 - Domotique Volets
//
//
// Volets
{"page":5,"id":1, "obj":"obj"  , "x":   0, "y":0, "h":40,  "w":480, "text":"","bg_grad_color":"Blue", "bg_color":"Black","radius":0, "border_side":0, "click":0}
{"page":5,"id":2, "obj":"img", "x":163, "y":1, "w":153,  "h":   38,  "src":"L:/smartlife_153x38.png","auto_size":0}
{"page":5,"bg_grad_dir":"1","bg_color":"Navy","bg_grad_color":"Black","bg_main_stop":"80"} 
// Volet 1
{"page":5,"id":10,"obj":"obj","x":15,"y":54,"w":219,"h":86,"radius":6,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":11,"obj":"label","x":15,"y":56,"w":219,"h":20,"text_color":"White","text":"Volet 1","text_font":16,"align":"center" }
{"page":5,"id":13,"obj":"btn","x":15,"y":80,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":14,"obj":"btn","x":159,"y":80,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":15,"obj":"btn","x":87,"y":80,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Volet 2
{"page":5,"id":20,"obj":"obj","x":246,"y":54,"w":219,"h":86,"radius":5,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":21,"obj":"label","x":246,"y":56,"w":219,"h":20,"text_color":"White","text":"Volet 2","text_font":16,"align":"center" }
{"page":5,"id":23,"obj":"btn","x":246,"y":80,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":24,"obj":"btn","x":390,"y":80,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":25,"obj":"btn","x":318,"y":80,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Volet 3 
{"page":5,"id":30,"obj":"obj","x":15,"y":151,"w":219,"h":86,"radius":6,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":31,"obj":"label","x":15,"y":153,"w":219,"h":20,"text_color":"White","text":"Volet 3","text_font":16,"align":"center" }
{"page":5,"id":33,"obj":"btn","x":15,"y":177,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":34,"obj":"btn","x":159,"y":177,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":35,"obj":"btn","x":87,"y":177,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Volet 4 
{"page":5,"id":40,"obj":"obj","x":246,"y":151,"w":219,"h":86,"radius":5,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":41,"obj":"label","x":246,"y":153,"w":219,"h":20,"text_color":"White","text":"Volet 4","text_font":16,"align":"center" }
{"page":5,"id":43,"obj":"btn","x":246,"y":177,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":44,"obj":"btn","x":390,"y":177,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":45,"obj":"btn","x":318,"y":177,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Volet 5 
{"page":5,"id":50,"obj":"obj","x":15,"y":248,"w":219,"h":86,"radius":6,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":51,"obj":"label","x":15,"y":250,"w":219,"h":20,"text_color":"White","text":"Volet 5","text_font":16,"align":"center" }
{"page":5,"id":53,"obj":"btn","x":15,"y":274,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":54,"obj":"btn","x":159,"y":274,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":55,"obj":"btn","x":87,"y":274,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Volet 6
{"page":5,"id":60,"obj":"obj","x":246,"y":248,"w":219,"h":86,"radius":5,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":61,"obj":"label","x":246,"y":250,"w":219,"h":20,"text_color":"White","text":"Volet 6","text_font":16,"align":"center" }
{"page":5,"id":63,"obj":"btn","x":246,"y":274,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":64,"obj":"btn","x":390,"y":274,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":65,"obj":"btn","x":318,"y":274,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Volet 7 
{"page":5,"id":70,"obj":"obj","x":15,"y":345,"w":219,"h":86,"radius":6,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":71,"obj":"label","x":15,"y":347,"w":219,"h":20,"text_color":"White","text":"Volet 7","text_font":16,"align":"center" }
{"page":5,"id":73,"obj":"btn","x":15,"y":371,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C3","text_font":44,"mode":"break","align":1}
{"page":5,"id":74,"obj":"btn","x":159,"y":371,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE6C0","text_font":44,"mode":"break","align":1}
{"page":5,"id":75,"obj":"btn","x":87,"y":371,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE3E4","text_font":44,"mode":"break","align":1}
// Distributeur nourriture chats
{"page":5,"id":90,"obj":"obj","x":246,"y":345,"w":219,"h":86,"radius":6,"border_color":"White","border_width":3,"bg_color":"Black","bg_grad_color":"Grey","outline_color":"Silver","outline_width":2,"outline_opa":50,"click":0}
{"page":5,"id":91,"obj":"label","x":246,"y":347,"w":219,"h":20,"text_color":"White","text":"Distributeur  \uEA70","text_font":16,"align":"center" }
{"page":5,"id":92,"obj":"label","x":415,"y":347,"w":50,"h":20,"text_color":"White","text":"----","text_font":16,"align":"center" }
{"page":5,"id":93,"obj":"btn","x":251,"y":371,"w":75,"h":60,"radius":5,"border_color":"White","border_width":3,"bg_color":"Grey","bg_grad_color":"Black","toggle":false,"outline_color":"Silver","outline_width":2,"outline_opa":50,"text":"\uE176","text_font":44,"mode":"break","align":1}
{"page":5,"id":95,"obj":"dropdown","open":1,"x":335,"y":380,"w":120,"h":35,"options":"1 Dose\n2 Doses\n3 Doses\n4 Doses\n5 Doses","mode":1,"bg_color20":"Silver","text_color20":"White","text_font20":22}
//{"page":5,"id":95,"obj":"dropdown","open":1,"direction":0,"x":335,"y":380,"w":120,"h":35,"options":"1 Dose\n2 Doses\n3 Doses\n4 Doses\n5 Doses","mode":1,"show_selected":true,"bg_color20":"Silver","text_color20":"White","text_font20":22}
//{"page":5,"id":95,"obj":"dropdown","open":1,"x":120,"y":10,"w":105,"h":30,"direction":0,"options":"id:11 val:0\nid:11 val:1\nid:11 val:2\nid:11 val:3"}
//
//
// ######################################  Page 6 - QRcode Wifi
//
//
{"page":6,"bg_grad_dir":"1","bg_color":"Navy","bg_grad_color":"Black","bg_main_stop":"80"} 
{"page":6,"id":1, "obj":"obj"  , "x":0, "y":0, "h":40,  "w":480, "text":"","bg_grad_color":"Blue", "bg_color":"Black","radius":0, "border_side":0, "click":0}
{"page":6,"id":2, "obj":"img", "x":173,"y":1,"w":133,"h":38,"src":"L:/wifi_logo_133x38.png","auto_size":0}
//
{"page":6,"id":4,"obj":"label","x":140,"y":45,"w":200, "h":50,"text_color":"White","text":"Réseau: Box\nMot de Passe WiFi","align":"center", "text_font":22 }
//
//QR Code
{"page":6,"id":14,"obj":"qrcode","text":"#:-o)8=K","x":105,"y":100,"size":260}
{"page":6,"id":15,"obj":"img", "x":140,"y":370,"w":200,"h":50,"src":"L:/wifi_mdp_200x50.png","auto_size":0}
//
//
// ###################################### Page 7 -  Infosys
//
//
{"page":7,"bg_grad_dir":"1","bg_grad_color":"Indigo","bg_main_stop":"80"}
{"page":7,"id":10, "obj":"obj"  , "x":   0, "y":0, "h":40,  "w":480, "text":"","bg_grad_color":"Blue", "bg_color":"Black","radius":0, "border_side":0, "click":0}
{"page":7,"id":11,"obj":"label","x": 230,"y":5,"h":40,"w":100,"text_font":24,"text":"penHASP","align":"left"}
{"page":7,"id":12, "obj":"img", "x":190,"y":1,"w":38,"h":38,"src":"L:/openhasp_logo_38x38.png","auto_size":0}
{"page":7,"id":13,"obj":"label","x":140,   "y":40,"w":200, "h":20,"text_color":"White","text":"Home Automation Switch Plate","align":"center","text_font":14 }
//
// QR Code
{"page":7,"id":15,"obj":"qrcode","text":"https://www.openhasp.com","x":365,"y":60,"size":100}
//
{"page":7,"id":18,"obj":"label","x":0,  "y":55, "w":200, "h":30,"text_color":"White" ,"text":"Identifiant écran :","align":"right", "text_font":24 }
{"page":7,"id":19,"obj":"label","x":210, "y":55, "w":200, "h":30,"text_color":"White","text":"%hostname%"  ,"align":"left" ,"text_font":24 }
{"page":7,"id":20,"obj":"label","x":0,  "y":85, "w":200, "h":30,"text_color":"White","text":"Adresse IP :","align":"right","text_font":24 }
{"page":7,"id":21,"obj":"label","x":210, "y":85, "w":200, "h":30,"text_color":"White","text":"%ip%","align":"left" ,"text_font":24 }
{"page":7,"id":22,"obj":"label","x":0,  "y":115,"w":200, "h":30,"text_color":"White","text":"SSID :","align":"right","text_font":24 }
{"page":7,"id":23,"obj":"label","x":210, "y":115,"w":200, "h":30,"text_color":"White","text":"%ssid%","align":"left" ,"text_font":24 }
{"page":7,"id":24,"obj":"label","x":0,  "y":145,"w":200, "h":30,"text_color":"White","text":"Démarré Depuis :" ,"align":"right", "text_font":24 }
{"page":7,"id":25,"obj":"label","x":210, "y":145,"w":200, "h":30,"text_color":"White","text":"- - - -","align":"left" ,"text_font":24 }
{"page":7,"id":26,"obj":"label","x":0,  "y":175,"w":200, "h":30,"text_color":"White","text":"Ecran Modèle :","align":"right","text_font":24 }
{"page":7,"id":27,"obj":"label","x":210, "y":175,"w":200, "h":30,"text_color":"White","text":"%model%",  "align":"left" ,"text_font":24 }
{"page":7,"id":28,"obj":"label","x":0,  "y":205,"w":200, "h":30,"text_color":"White","text":"Version Firmware :","align":"right","text_font":24 }
{"page":7,"id":29,"obj":"label","x":210, "y":205,"w":200, "h":30,"text_color":"White","text":"%version%","align":"left" ,"text_font":24 }
{"page":7,"id":30,"obj":"label","x":0,  "y":235,"w":200, "h":30,"text_color":"White","text":"Adresse MAC :","align":"right","text_font":24 }
{"page":7,"id":31,"obj":"label","x":210, "y":235,"w":200, "h":30,"text_color":"White","text":"%mac%","align":"left" ,"text_font":24 }
//
// Logo Openhasp // Home assistant // SmartLife
{"page":7,"id":1, "obj":"img", "x":40, "y":285, "w":55,  "h":55,  "src":"L:/openhasp_logo_55x55.png","auto_size":0}
{"page":7,"id":2,"obj":"label","x":28,   "y":340,"w":80, "h":20,"text_color":"White","text":"openHASP","align":"center",  "text_font":12 }
{"page":7,"id":3, "obj":"img", "x":385, "y":285, "w":55,  "h":55,  "src":"L:/ha_logo_55x55.png","auto_size":0}
{"page":7,"id":4,"obj":"label","x":373,   "y":340,"w":80, "h":20,"text_color":"White","text":"Home Assistant","align":"center",  "text_font":12 }
{"page":7,"id":5, "obj":"img", "x":385, "y":190, "w":55,  "h":55,"src":"L:/smartlife_55x55.png","auto_size":0}
{"page":7,"id":6,"obj":"label","x":373,   "y":245,"w":80, "h":20,"text_color":"White","text":"Smart Life","align":"center",  "text_font":12 }
//
{"page":7,"id":51,"obj":"label","x":120,   "y":270,"w":240, "h":30,"text_color":"White","text":"\uE004  XXXXXX@gmail.com  \uE70E","align":"center",  "text_font":16 }
//
// Bouton restart
{"page":7,"id":60,"obj":"btn","action": {"hold": "restart"},"x":140,  "y":305,"w":200,"h":60,"border_color":"White","border_width":2,"bg_color":"Grey","bg_grad_color":"Red","text_color":"White","mode":"scroll","align":0,"text":"     Maintenir Appuyé pour Redémarrer     ","text_font":32}
// Brightness
{"page":7,"id":39,"obj":"obj","x":15,"y":376,"w":440,"h":50,"radius":10,"bg_color":"Black","border_width":2,"border_color":"Grey","click":0}
{"page":7,"id":40,"obj":"label","x":30,"y":390,"w":100,"h":30,"text_color":"Silver","text":"Luminosité", "text_font":22, "align":"center"}
{"page":7,"id":41,"obj":"slider","x":140,"y":392,"w":256,"h":20,"min":1,"max":254,"val":25}
{"page":7,"id":42,"obj":"label","x":405,"y":390,"w":35,"h":30,"text_color":"Silver","text":"- - -","text_font":22,"align":"right" }
//
//
//