51
edits
Tag: 2017 source edit |
m (Lowercase) |
||
| Line 1: | Line 1: | ||
= | =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 /> | ||
== | ==É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 /> | ||
== | ==É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 /> | ||
== | ==É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 /> | ||
== | ==É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 | 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= | <div id="calendar"></div> | ||
</body> | </body> | ||
</html> | </html> | ||
| Line 226: | Line 226: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== | ==É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> | ||
== | ==É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 | ||
edits