Il ne remplace en aucun cas la documentation officielle ==> https://jeedom.github.io/plugin-template/fr_FR/
Vous pouvez télécharger l'archive de ce TP(Le plugin vdm) ==> TELECHARGER
Pour l'installer , dézipper et ajouter le dossier vdm dans /var/www/html/plugins/ .
Plugin Vie de merde
- Créer la base du plugin
- Création des commandes
- Utilisation , mise à jour des commandes
- Update des informations (cron)
- Le widget
- Les paramètres. Les options
- Utilisation des options/paramétres
- Amélioration du widget
Pour commencer il faut déterminer un nom et un id (qui ne doit pas exister)
Nom : Vie de Merde
Id : vdm
Télécharger le plugin template pour avoir la base https://github.com/jeedom/plugin-templa ... aster.zip
Dé zipper le fichier . Vous obtiendrez un dossier « plugin-template-master » contenant des dossiers 3rparty , core , desktop…
On y va.
Renommer le dossier « plugin-template-master » en « vdm » (l’id) du plugin.
1/ Ouvrir le fichier plugin_info/info.json et éditer le.
Code : Tout sélectionner
{
"id" : "vdm",
"name" : "Vie de Merde",
"description" : "Plugin pour récupérer les dernières vdm",
"licence" : "AGPL",
"author" : "Zyg0m4t1k",
"require" : "3.2",
"category" : "monitoring",
"changelog" : "",
"documentation" : "",
"language" : "",
"compatibility" : ""
}
J’ai changé l’id (vdm) , le nom , ajouter une description , l’auteur et la catégorie.
require : version minimale de jeedom pour avoir accés au plugin sur le market.
Changelog, documentation, language , compatibility nuls pour le moment. J’y reviendrai plus tard
2/ Nous allons renommer les fichiers nécessaires pour que le plugin soit reconnu par Jeedom
- Renommer le fichier core/ajax/template.ajax.php en vdm.ajax.php
- Renommer le fichier core/class/template.class.php en vdm.class.php et ouvrez le pour l’éditer.
Remplacer
Code : Tout sélectionner
class template extends eqLogic {
Code : Tout sélectionner
class vdm extends eqLogic {
Code : Tout sélectionner
class templateCmd extends cmd
Code : Tout sélectionner
class vdmCmd extends cmd
- Renommer le fichier desktop/php/template.php en desktop /php/vdm.php et ouvrez le
Remplacer
Code : Tout sélectionner
$plugin = plugin::byId('template');
Code : Tout sélectionner
$plugin = plugin::byId(‘vdm’);
Code : Tout sélectionner
{{Ajouter un template}}
Code : Tout sélectionner
{{Ajouter un équipement}}
Code : Tout sélectionner
<legend>{{Mes templates}}</legend>
Code : Tout sélectionner
<legend>{{Mes équipement}}</legend>
Code : Tout sélectionner
{{Nom de l'équipement template}}
Code : Tout sélectionner
{{Nom de l'équipement }}
Code : Tout sélectionner
{{template param 1}}
Code : Tout sélectionner
{{Paramètres}}
Code : Tout sélectionner
<?php include_file('desktop', 'template', 'js', 'template');?>
Code : Tout sélectionner
<?php include_file('desktop', vdm, 'js', vdm);?>
-Renommer le fichier desktop/modal/modal.template.php en desktop/modal/modal.vdm.php
-Renommer le fichier desktop/js/template.js en desktop/js/ vdm.js
- Ouvrir le fichier plugin_info/install.php
Et renommer les fonctions comme suit
Code : Tout sélectionner
function vdm_install() {
}
function vdm_update() {
}
function vdm_remove() {
}
Ajouter l'icône dans le dossier plugin_info sous le nom vdm_icon.png
dans mon cas
Maintenant on peut copier le dossier vdm dans le dossier plugin de Jeedom et aller dans la gestion des plugins. On retrouve bien le plugin.
On l'active et ensuite plugins/Monitoring/Vie de Merde
ça ne va pas car la couleur du plus ne correspond pas à la couleur de l'icône.
J'ouvre le fichier desktop/php/desktop.php pour corriger.
Code : Tout sélectionner
<div class="cursor eqLogicAction" data-action="add" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;" >
<i class="fa fa-plus-circle" style="font-size : 6em;color:#94ca02;"></i>
<br>
<span style="font-size : 1.1em;position:relative; top : 23px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;color:#94ca02">{{Ajouter}}</span>
</div>
Code : Tout sélectionner
color:#94ca02;"
Code : Tout sélectionner
color:#00A9EC;"
Code : Tout sélectionner
<span style="font-size : 1.1em;position:relative; top : 15px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;color:#767676">{{Configuration}}</span>
Code : Tout sélectionner
<span style="font-size : 1.1em;position:relative;top : 23px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;color:#767676">{{Configuration}}</span>
Voilà la base est prête. Vous devriez avoir le plugin d'actif mais pour le moment il ne fait rien.