Bon sinon après un fix en noir, out le digicode, ça tourne comme ça pour l’heure et ça suffira. Le temps de specker (du verbe faire une spec) le design d’après…
j’ai 472 commandes historisées, c’est peut être là que je dois faire le ménage.
Mais je pense que le soucis vient des historiques RT2. J’ai eu en 2 ans : ajout du linky, donc des erreurs avec les index (remise à zéro), puis il y a un mois, car le linky était hs, donc nouveau linky = remise à zéro des index.
Le soucis, c’est que les index des tores ne sont plus du tout synchrone avec l’index tic (qui lui est remis à zéro avec les changements de compteur. Donc le souk dans les valeurs
Tu es parti depuis la 3.3.54 ou la 3.3.55?
As tu pu dissocier la mise à jour v4 de la mise à jour buster? Ou bien tout s’est fait dans la même procédure?
Tu as atterri en 4.0 ou 4.1?
Bon hier soir j’ai tenté gentillement un truc pour démarrer une base de design en faisant le plus simple possible (profitons de la V4 pour faire simple et efficace).
Sauf que je galère à avoir des trucs centrés !
J’ai aussi du mal à figer les tailles de colonne, j’ai testé plusieurs trucs, mais faut pas terrible.
Je n’arrive pas à trouver un « handbook » sur les bonnes pratiques dans la V4 pour construire un tableau efficacement :
genre centrer le texte au milieu en hauteur, en largeur (si je coche sur centrer la case par moment j’aimerai pouvoir gérer directement la case)
gérer le fond (à priori background color),
gérer la couleur de police (à priori color)
pour la partie CSS/police, j’ai stocké directement ma police en local (j’en ai profité par rapport à ma V3 pour faire un truc mieux).
Pour mon tableau/case je joue avec :
background-color:ghostwhite;column-width:100px;color: black
Par exemple, j’aurai voulu faire un merge des trois premières cases sur la première ligne pour avoir un titre complet… galère.
L’objectif est d’avoir un design construit uniquement à base de virtuel et simplifié au maximum dans sa gestion.
Bon j’ai du mal à positionner correctement le texte dans les cases, des fois c’est à gauche, d’autres fois à droite, au milieu alors que j’ai coché en plein milieu… !
Autre point j’ai du mal à réduire les cases à leur taille optimale. De suite le tableau se bride ! J’ai tenté de limiter la largeur ou autre, bref, pas pratique…
EDIT : bon déjà je travaille avec les bordures dans la personnalisation et non dans l’affichage de l’élément. J’ai l’impression d’être plus près du tableau final.
Bon je n’avance pas aussi vite que je veux car j’ai pris le temps :
faire simple, le plus simple possible,
utiliser que des choses intégrées (merci le plugin icones),
utiliser des virtuels uniquement (sauf pour la météo que j’ai intégré par le plugin HTML),
simplifier le code couleur.
J’utilise cet excellent article (merci @kiboost qui avait donné la solution sur le forum) : https://youdom.net/2020/06/18/creer-et-centrer-des-informations-dans-un-tableau-de-mise-en-forme-sous-jeedom/
Un seul design pour la gestion du quotidien.
Je vise à faire à utiliser la fenêtre modale (un peu à la clink).
J’étais tombé sur ce sujet, mais j’aurai voulu m’appuyer sur une page de design ouverte plutôt pour simplifier notamment le glisser déposer sur des images (comme le plan de la maison).
Ca commence à prendre forme ! C’est sobre et efficace, je suis parti aussi dans cette idée pour commencer mon plan. Mais je vais partir sur du multi fenetres avec un bandeau sur le côté pour naviguer entre les menus.
Par contre, je n’arrive pas à faire fonctionner le centrage dans les fenêtres, malgré le tuto sur youdom…j’ai un doute sur ce qu’il faut mettre dans la feêtre de personnalisation avancée de Javascript. Tu as ça toi? :
$(window).on('load', function() {
// code here
var test = addColspan($("TD")) ;
});
$(function() { $(‘body’).on(‘jeedom_page_load’, function (event) { setTimeout(function() { addColspan($(“TD”)) }, 500) }) })
function addColspan(Tabobjets) {
Tabobjets.each(function(objet) {
if ($(this).css(“column-span”) != undefined)
{
if ($(this).css(“column-span”) === ‘all’)
{
console.log(‘test’);
var nbtd = $(this).siblings().length + 1;
$($(this).siblings()).remove();
$(this).attr(‘colspan’,nbtd);
}
}
});
};