diff --git a/README.md b/README.md index 032c496..3af3366 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev ## Utilisation -1. Charger l'inclure (5 args possibles et facultatifs) +- charger l'inclure (5 args possibles et facultatifs) ```html @@ -23,20 +23,21 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev env }> ``` ->url_sort_asc et url_sort_desc => surcharge possible des icones de tri de colonnes +- **url_sort_asc** et **url_sort_desc** => surcharge possible des icones de tri de colonnes -1. Surcharger `json_gamutable.json.html` en suivant son modele -* pour le header c'est de la forme : "champ":"label" -* **IMPORTANT** pour le content du json, il que le cle de la KEY de la table soit "id" et non pas "id_souscription" -* pour les champs date, pour avoir l'ordre de la col, il faut le format : dd/mm/yyyy ou dd/mm/yy -* on peut ajouter une clé classes pour ajouter des classes spécifiques à certaines colonnes + +## Personnalisation du contenu : surcharger `json_gamutable.json.html` en suivant son modele +- pour le header c'est de la forme : "champ":"label" +- **IMPORTANT** pour le content du json, il que le cle de la KEY de la table soit "id" et non pas "id_souscription" +- pour les champs date, pour avoir l'ordre de la col, il faut le format : dd/mm/yyyy ou dd/mm/yy +- on peut ajouter une clé classes pour ajouter des classes spécifiques à certaines colonnes ```json "classes":{ "nom": "toto", "email":"toto" } ``` -* On peut ajouter des tris par colonne soit avec un select soit avec un input +- On peut ajouter des tris par colonne soit avec un select soit avec un input ```json "filtreCol" : { "statut" : "select", @@ -45,7 +46,8 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev } ``` -1. Pour utiliser **les actions** : + +## Utiliser les actions : ```html [(#SET{statut, #SET{args,#ID_SOUSCRIPTION|concat{-}|concat{#STATUT}} @@ -64,7 +66,9 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev * il faut ajouter data-id="" si on veut recharger que cette ligne * si une variable du nom de `nomBlocAjaxReload` est définie, alors, un ajaxReload de ce bloc sera joué dans la fonctione de callback de l'action -1. Pour utiliser **les crayons**, il faut utiliser le pipeline `crayons_vue_affichage_final` + +## Utiliser les crayons : +- il faut utiliser le pipeline `crayons_vue_affichage_final` ```php /** * injection du reload de vuejs pour les crayons de l'objet souscription @@ -110,7 +114,8 @@ function autoriser_meta_modifier($faire, $type, $id, $qui, $opt) { ``` -1. Pour utiliser une **mediabox** ou **modalbox** et rechargement total/partiel de la page: on peut demander à vuejs de recharger tout le json ou simplement une ligne dans le cas d'une modification +## Utiliser une mediabox ou modalbox : +- pour rechargement total/partiel de la page: on peut demander à vuejs de recharger tout le json ou simplement une ligne dans le cas d'une modification 1. Dans le json : ajouter un lien avec la classe mediabox ou modalbox (cf ex de json) ```html "modif" : [(#VAL{}|json_encode)], @@ -126,4 +131,37 @@ function autoriser_meta_modifier($faire, $type, $id, $qui, $opt) { $res['message_ok'] = gamutable_fermer_modalbox(); } ``` - *il faut ajouter data-confirm="Confirmez vous ..." si on veut ajouter une popin de confirmation* +- Ajouter `data-confirm="Confirmez vous ..."` si on veut ajouter une popin de confirmation + + +## Utiliser deux Gamutables dans la même page : +- créer les 2 apiuri dans l'#ENV : **apiuri** et **apiuri_deux** +- tous les paramètres envoyés a inclure/gamutable peuvent êtres "dédoublés" avec le suffixe **_deux** +- pour personnaliser le contenu entre les 2 gamutables on peut surcharger `inclure/separateur_gamutables` +- Exemple : +```html +
+ #SET{s,#VAL{spip.php?page=json_resas.json}} + [(#ENV{statut}|oui) + [(#SET{s,#GET{s}|concat{&statut=}|concat{#ENV{statut}}})] + ] + #SET{t,#VAL{spip.php?page=json_totaux.json}} + [(#SET{t,#GET{t}|concat{&saison=}|concat{#ENV{saison,#DATE|affdate{Y}}}})] + +
+``` + diff --git a/inclure/gamutable.html b/inclure/gamutable.html index fbbf6ac..d4ef8dc 100644 --- a/inclure/gamutable.html +++ b/inclure/gamutable.html @@ -4,39 +4,41 @@ [(#SET{sort_desc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_desc]})]
-
- [(#ENV{titreGamutableUn})] - +
+
+ [(#ENV{titreGamutableUn})] + +
- - -
- [(#ENV{titreGamutableDeux})] - +
+
+ [(#ENV{titreGamutableDeux})] + +