Les « Custom Pages » Domoticz

Qu’est ce ?

C’est ça :CustomPagePas mal non !

Voyons comment mettre en place tout cela.

I – Généralités

En cherchant à redéfinir une page web à intérieur de Domoticz, je suis tombé sur ces « custom pages » par hasard, et bien que pas récente dans Domoticz cette technique n’est pas ou très peu documentée.

L’idée est d’avoir une page web qui regroupe, en affichage uniquement (pas d’interaction) tous les équipements d’une pièce.

Ajout de Novembre 2015:

Toutefois depuis la rédaction de cet article cette technique à beaucoup évolué et apporte maintenant interactivité à ces pages, l’article se situe ici https://easydomoticz.com/mon-domoticz-a-moi-les-frontages-interactives-la-configuration/

Une section du forum vous permet de retrouver les techniques de mise en place de cet outil https://easydomoticz.com/forum/viewtopic.php?f=17&t=331

Idéal pour afficher sur une tablette murale.

Encore une fois merci aux dev de Domoticz qui rendent ces choses possibles et accessibles.Lire la suite

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

Les « Custom Pages » 2 : Mes pages web

Premier article sur les « Custom Pages » de Domoticz.

En attendant d’aborder ceci (work in pogress)

CustomPage

Voyons ici comment afficher n’importe quel contenu dans un onglet Domoticz dédié.

Les « Custom pages », le fichier html

Le dossier /domoticz/www/templates contient un fichier custom.example qui  lorsque on le  renomme en xxx.html fait apparaître un sous menu. nommé  « xxx » dans le dans le menu « Custom » Domoticz.

Un lecteur me signale que :

Pour ceux qui comme moi, se trouvent avec un répertoire /domoticz/www/templates vide, la page d’exemple custom.example est disponible ici:
https://github.com/contactless/domoticz/blob/master/www/templates/custom.example

 

Merci à José de la précision.

 

Le contenu de ce fichier html étant libre on peut y affecter ce que l’on désire.

customactu Par exemple on crée un fichier video.html dans /template , on y place le code html correspondant

<!DOCTYPE html>
<html>
  <body>
    <!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
    <div id="player"></div>

    <script>
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    ..................

et la page « Custon » / « Video » affiche notre contenu

mycustompage

ou bien un actu.html qui contient l’iframe google destinée aux actualités nous affiche les news dans l’iframe dédiée, etc, etc..

Étonnant non !!

etonnantnon

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

Webmasters à vos marques !

Nouveauté dans les versions > 2183, la gestion de thèmes pour l’interface web de Domoticz.

Le menu « Configuration de l’application »  puis « Paramètres » fait apparaître maintenant un sélecteur de thèmes en dessous du choix du langage.

Themes-selector

(si ce n’est pas le cas videz le cache de votre navigateur)

La version 2196 apporte 4 thèmes différents déclinés en gray et blue.

Un prochain article nous parlera des « Custom Pages » … teasing …

Custom pages

« Custom pages » qui consistent à afficher la page ci-dessus ou bien d’autres pages web à l’intérieur de Domoticz. Ce sera l’objet de plusieurs prochains articles.

Encore une fois on voit ici l’ouverture et la puissance de Domoticz en œuvre.

Détaillons ces nouveaux aspects concernant les thèmes..

I – Les thèmes.

Les thèmes sont dans le dossier domoticz/www/styles

On retrouve 4 dossiers dont les noms sont ceux que l’on retrouve dans l’interface web.

  • element-dark
  • element-light
  • simple-blue
  • simple-gray

Ces dossiers sont les squelettes des thèmes, ils contiennent au minimum un fichier css et tous les fichiers nécessaires à l’affichage du site (images, fontes, css …).

N.B le dossier image situé ici ne contient que les images du thème. les images des switches ne sont pas ici mais dans /domoticz/www/images/.

La lecture du fichier css montre que l’on peut redéfinir énormément de choses dans l’interface.

la preuve avec .navbar .nav repeinte en rouge !domoticz_web

Pour créer un nouveau thème, il suffira donc de créer un dossier et d’y déposer tous les fichiers nécessaires et de le sélectionner dans l’interface.

to be continued …

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

La mise à jour 2193 bloque les mises à jour auto suivantes sur le Raspi et la Cubie

Un bug introduit dans la 2193 empêche de faire les mises à jour automatiques suivantes.

Il faut faire une mise à jour manuelle pour passer en 2195 minimum

Pour un Raspberry :

cd domoticz
wget http://domoticz.sourceforge.net/beta/domoticz_linux_armv6l.tgz
tar xvfz domoticz_linux_armv6l.tgz
rm domoticz_linux_armv6l.tgz
sudo service domoticz.sh restart

Pour Cubieboard et Truck

cd domoticz
wget http://domoticz.sourceforge.net/beta/domoticz_linux_armv7l.tgz
tar xvfz domoticz_linux_armv7l.tgz
rm domoticz_linux_armv7l.tgz
sudo service domoticz.sh restart

Source : http://www.domoticz.com/forum/viewtopic.php?f=6&t=4876

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

Je suis Charlie

la-une-de-charlie-hebdo-en-2005

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/