Un peu de technique
De La documentation de La Raffinerie
Voici quelques tips pour le développement de l'outils de gestion interne :
Cette partie est géré par du javascript et du jandgo, voici les étapes
- créer la page exemple.html (remplacer "exemple par le nom de votre page), dans le répertoire template
- lui assigner le code minimal pour avoir la navbar et la sidebar, le chargement des fichiers .js (prendre le code de page_vierge.html)
- dans le fichier datas.js,
- ajouter une ligne dans" sidebarOptions: [" le paramétre link doit correspondre au nom de votre fichier htmldans le fichier main.js, au niveau de la commande "let groupeTableaux;" ajouter la lignes : else if (window.location.href.includes('exemple')) {groupeTableaux = tableaux.exemple;}
- ajouter une partie pour contenir les tableaux de cette page : exemple: { "code des tableaux" }
- aller dans le fichier urls.py
- ajouter au "from .views import index, user_api, user_solo_api, ..." le nom de votre fichier
- ajouter au "urlpatterns = [" une ligne path('exemple/', exemple, name='exemple'),
- dans le fichier views.py
- ajouter
def exemple(request):
context = { 'name': request.user.email if request.user.is_authenticated else 'Anonymous', }
return render(request, 'exemple.html', context=context)
Ajouter un tableau
Ajouter un tableau se passe en deux phases :
- dans le fichier "datas.js" faire un copier / coller d'un blocs de commande d'un tableau existant puis inscrire vos modifications, bien renseigner un nouveau titre comme par exemple "tableau_dépenses_réels"
- dans le fichier html ou vous voulez créer ce tableau il suffit de citer le titre du tableau pour qu'il se créé ex : <div id="tableau_dépenses_réels"></div>
au niveau des paramètres du tableau nous avons :
- total = true : ajoute "Total" en pied de tableau
- newline = true : ajouter un "ajouter" ligne en bas de tableau
et pour les caractéristiques du type de cellules, elle se gère par des paramètres à ajouter lors de la création du tableau dans le datas.js voici les types existant :
- pas de critères particulier, les cellules sont grisées et non modifiables
- input: true, les cellules sont modifiables
- shouldTotal: false et si Total=True, le total ne se fait pas sur cette colonne
- dropdown: true, options: ['Option 1', 'Option 2', 'Option 3'], les cellule sont à choix multiple
