Theme Liquid Glass pour le WES serveur

› Forums › Serveur WES › Site WEB embarqué › Theme Liquid Glass pour le WES serveur

  • Post
    pyb0
    Participant

      J’ai développé (enfin surtout Claude Code 😀 ) un thème « Liquid Glass » pour le serveur web du WES.

      Les fonctionnalités sont identiques au site original avec quelques améliorations sur les contrôles des données saisies (en particulier pour la config réseau).

      La mise en oeuvre se fait par copie des fichiers sur la carte SD ou par le serveur FTP.

      Pour l’instant uniquement supporté pour le firmware 0.86b06D. Le support pour le 0.91b08 est en cours…

      Attachments:
      You must be logged in to view attached files.
      0
      0
    Vous lisez 3 fils de discussion
    • Replies
        nicolas_cartelec
        Maître des clés

          Très jolie theme !

          Nous modifions nous aussi le them de base du WES, si vous avez des retours de ce qu’il faudrait pour simplifier l’intégration ?

          Vous utilisez bootstrap ?

          0
          0
          pyb0
          Participant

            Oui, pas de changement de ce coté car le but était d’avoir un « drop-in » pour ne pas casser la logique et fonctions du serveur.

            En résumé, le thème remplace l’apparence des pages d’origine et laisse leur logique de données intacte. Les identifiants d’éléments, les modèles .cgx et les commandes AJAX restent les mêmes.

            Fichiers ajoutés
            – WEBPROG/CSS/LIQUID.CSS est une feuille de style unique : panneaux de verre, contrôles, typographie, icônes, palettes, jauges et thermostat en dôme 3D.
            – WEBPROG/JS/LIQUID.JS contient le menu, la gestion des palettes, les filtres SVG de verre et une couche de robustesse.
            – WEBPROG/JS/bb.js.gz est la bibliothèque de graphiques extraite de global.js.gz, donc seules les pages de graphiques la chargent. Le package principal passe d’environ 323 Ko à 137 Ko.

            Fichiers remplacés
            – Toutes les pages : deux lignes sont ajoutées dans l’en-tête, l’une pour le CSS et l’autre pour le JS. Les pages qui chargeaient global.js non compressé (PCECFG en 0.91) chargent maintenant la version compressée.
            – Illustrations : les images bitmap des pages de configuration (logos, photos, schémas) sont remplacées par des icônes au trait, de même que les anciennes icônes.
            – MENU.HTM : le menu textuel devient un dock de verre flottant avec des icônes, des pop-overs par section, un sélecteur de palette et la date/heure. Il pointe exactement vers les mêmes pages que le menu d’origine.
            – INDEX.HTM (tableau de bord) : c’est la plus grosse réécriture.
            – Le balisage des widgets est nouveau : cartes de verre, pastilles d’icônes, barres, boutons ronds +/- et thermostat et jauges en dôme.
            – Les widgets sont dimensionnés pour tenir sans défilement vertical.
            – Les boutons du mode édition sont des icônes de verre.
            – En 0.91, le schéma consommation/production et la prévision Tempo sont aussi restylés.
            – Le tableau de bord est construit à la compilation à partir de votre propre INDEX.HTM, par recherche-remplacement (code Python)
            – Corrections de robustesse dans les pages :
            – eval() sur les données de graphiques est remplacé par des parsers stricts.
            – Les bugs corrigés sur le tableau de bord sont : la superposition due à l’absence de WIDGET.INI, la faute de frappe sur le coût TIC et la gestion de la couleur de fond des widgets.
            – Le test du nombre de sondes dans TMP est corrigé.
            – Les interrogations ne se chevauchent plus, avec un temporisateur croissant et un bandeau « Connexion perdue ».
            – Une commande en échec affiche une notification.
            – INFOCFG.HTM : l’étiquette affiche la version du thème à côté de la version du site web.
            – 6 pages qui embarquent leur propre feuille de style clair/sombre en 0.91 (2SSR, borne de recharge, Marstek, routeur, programmation de la borne, programme Modbus) : leurs variables de couleur sont rattachées à la palette de verre et leur propre bouton de thème est masqué.

            Non modifié
            – Les modèles .cgx, AJAX.CGX, DATA.CGX et le firmware.
            – Le lot global.js.gz, hormis l’extraction des graphiques.
            – Les données utilisateur de la carte : graph/, WIDGET.INI et les journaux.

            Si vous êtes d’accord, je peux partager ici l’adresse du repo Github…

            0
            0
            nicolas_cartelec
            Maître des clés

              Pas de problème vous pouvez partager !

              Merci pour les utilisateurs… et beau travail…

              JE vais utiliser certains point pour corriger des éléments pas vue de mon coté (pcecfg qui charge la version non compressée par exemple !)

              0
              0
              pyb0
              Participant
            Vous lisez 3 fils de discussion
            • Vous devez être connecté pour répondre à ce sujet.