Exemple de cas pratique de Module Builder: Difference between revisions

Jump to navigation Jump to search
m
Lowercase
Tag: 2017 source edit
m (Lowercase)
 
Line 1: Line 1:
=GUIDE DEBUTANT POUR MODULE BUILDER=
=Guide début pour Module-Builder=


L’idée générale de ce cas pratique est d’utiliser l’ossature de fichiers du MODULE BUILDER et de les modifier le moins possible pour ne pas faire d’erreurs ou de bêtises.
L’idée générale de ce cas pratique est d’utiliser l’ossature de fichiers du MODULE BUILDER et de les modifier le moins possible pour ne pas faire d’erreurs ou de bêtises.


<u>Le module que nous allons créer :</u>
<u>Le module que nous allons créer<span> </span>:</u>


Son rôle est d’afficher dans un calendrier les délais de livraison des commandes fournisseur sur une plage donnée à partir de la date du jour.
Son rôle est d’afficher dans un calendrier les délais de livraison des commandes fournisseur sur une plage donnée à partir de la date du jour.


Il faut donc que vos commandes fournisseurs aient une Date prévue de livraison :[[File:Screen date prévue de livraison.jpg|thumb|alt=|left]]<br />
Il faut donc que vos commandes fournisseurs aient une Date prévue de livraison<span> </span>:[[File:Screen date prévue de livraison.jpg|thumb|alt=|left]]<br />




Line 44: Line 44:


<br />
<br />
==ETAPE 1 : ACTIVER LE MODULE BUILDER DE DOLIBARR==
==Étape 1 : Actier le module-builder dans Dolibarr==
Accueil → Configuration → Configuration - Modules/Applications → MODULE BUILDER
Accueil → Configuration → Configuration - Modules/Applications → MODULE BUILDER
[[File:Screen ModuleBuilder.jpg|left|thumb]]
[[File:Screen ModuleBuilder.jpg|left|thumb]]
Line 57: Line 57:


<br />
<br />
==ETAPE 2 : CREER LES FICHIERS DE BASE DU MODULE==
==Étape 2 : Créer les fichiers de base du module==
Lancer le MODULE BUILDER via l’icone en haut à droite de Dolibarr
Lancer le MODULE BUILDER via l’icone en haut à droite de Dolibarr


Line 77: Line 77:
<br />
<br />
<br />
<br />
==ETAPE 3 : UPLOAD DES FICHIERS FULLCALENDAR==
==Étape 3 : Upload des fichiers FullCalendar==
Notre code aura besoin des bibliothèques Fullcalendar.
Notre code aura besoin des bibliothèques Fullcalendar.


A l’heure de ce tuto j’utilise la dernière version 6.1.15 que vous trouverez ici https://github.com/fullcalendar/fullcalendar/releases/tag/v6.1.15
A l’heure de ce tuto j’utilise la dernière version 6.1.15 que vous trouverez ici https://github.com/fullcalendar/fullcalendar/releases/tag/v6.1.15


Décompressez le Zip pour avoir le dossier fullcalendar-6.1.15 comme suit : /custom/calendrierfournisseurs/fullcalendar-6.1.15
Décompressez le Zip pour avoir le dossier fullcalendar-6.1.15 comme suit<span> </span>: /custom/calendrierfournisseurs/fullcalendar-6.1.15
<br />
<br />


==ETAPE 4 : CREATION DU MODULE==
==Étape 4 : Création du module==
Editez le fichier « /custom/calendrierfournisseurs/calendrierfournisseursindex.php » avec le notepad ou visual studio code.
Editez le fichier « /custom/calendrierfournisseurs/calendrierfournisseursindex.php » avec le notepad ou visual studio code.


Ce fichier contiendra le contenu de notre page à afficher. Effacez le contenu et mettez-y le code suivant :<syntaxhighlight lang="php" line="1" start="1">
Ce fichier contiendra le contenu de notre page à afficher. Effacez le contenu et mettez-y le code suivant<span> </span>:<syntaxhighlight lang="php" line="1" start="1">
<?php
<?php


Line 108: Line 108:


// Afficher un titre
// Afficher un titre
print "<h1>Calendrier livraisons Commandes Fournisseurs<br> du " . date("d/m/Y", strtotime($date_start)) . " au " . date("d/m/Y", strtotime($date_end)) . "</h1>";
print "<h1>Calendrier livraisons Commandes Fournisseurs du " . date("d/m/Y", strtotime($date_start)) . " au " . date("d/m/Y", strtotime($date_end)) . "</h1>";


// Récupération des données de la base de données
// Récupération des données de la base de données
Line 123: Line 123:
$events = array();
$events = array();
while ($ligne = $resultat->fetch_assoc()) {
while ($ligne = $resultat->fetch_assoc()) {
     $backgroundColor = '';
     $backgroundColor = '';''
     switch ($ligne['statut']) {
     switch ($ligne['statut']) {
         case 2: // Validée
         case 2: // Validée
Line 217: Line 217:
     </table>
     </table>


     <div id='calendar'></div>
     <div id="calendar"></div>
</body>
</body>
</html>
</html>
Line 226: Line 226:
</syntaxhighlight>
</syntaxhighlight>


==ETAPE 5 : PAGE DE CONFIGURATION DU MODULE==
==Étape 5 : Page de configuration du module==
Editez le fichier « /custom/calendrierfournisseurs/admin/setup.php» avec le notepad ou visual studio code ou directement depuis le module builder.
Editez le fichier « /custom/calendrierfournisseurs/admin/setup.php» avec le notepad ou visual studio code ou directement depuis le module builder.


Ce fichier contiendra le contenu de notre page de configuration du module à afficher.
Ce fichier contiendra le contenu de notre page de configuration du module à afficher.


Supprimez (ou mettez en commentaire avec /* et */) les données d’exemple soient les lignes 102 à 166 de la zone commençant par le commentaire :<syntaxhighlight lang="PHP">
Supprimez (ou mettez en commentaire avec /* et */) les données d’exemple soient les lignes 102 à 166 de la zone commençant par le commentaire<span> </span>:<syntaxhighlight lang="PHP">
// Enter here all parameters in your setup page
// Enter here all parameters in your setup page
</syntaxhighlight>Ajouter le code suivant :<syntaxhighlight lang="PHP">
</syntaxhighlight>Ajouter le code suivant<span> </span>:<syntaxhighlight lang="PHP">
// Setup conf for selection of weeks before current date to display in calendar
// Setup conf for selection of weeks before current date to display in calendar
$item = $formSetup->newItem('CALENDRIERFOURNISSEURS_WEEKS_BEFORE');
$item = $formSetup->newItem('CALENDRIERFOURNISSEURS_WEEKS_BEFORE');
Line 247: Line 247:
</syntaxhighlight>
</syntaxhighlight>


==ETAPE 6 : ACTIVER LE MODULE==
==Étape 6 : Activer le module==
Directement dans le MODULE BUILDER, activez le module et allez sur la roue crantée pour configurer la plage de dates que calendrier doit afficher :
Directement dans le MODULE BUILDER, activez le module et allez sur la roue crantée pour configurer la plage de dates que calendrier doit afficher<span> </span>:


*Nombre de semaines avant : nombre de semaines avant la date du jour
*Nombre de semaines avant<span> </span>: nombre de semaines avant la date du jour
*Nombre de semaines après : nombre de semaines après la date du jour
*Nombre de semaines après<span> </span>: nombre de semaines après la date du jour


Normalement, après cette étape le calendrier devrait s’afficher quand on clique sur le bouton de l’onglet principal
Normalement, après cette étape le calendrier devrait s’afficher quand on clique sur le bouton de l’onglet principal
51

edits

Navigation menu