This commit is contained in:
Christophe 2022-06-03 13:19:12 +02:00
commit db43823e23
2 changed files with 64 additions and 33 deletions

View file

@ -24,13 +24,13 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
urlvuebloc=spip.php?page=mon_bloc_type_html, urlvuebloc=spip.php?page=mon_bloc_type_html,
vueblocdefaut='bloc ou tableau', // par defaut tableau vueblocdefaut='bloc ou tableau', // par defaut tableau
namecsv="souscripteurs.csv", namecsv="souscripteurs.csv",
url_sort_asc="#CHEMIN{...}" url_sort_asc="#CHEMIN{...}",
url_sort_desc="#CHEMIN{...}" url_sort_desc="#CHEMIN{...}",
stockage="indexeddb" // par defaut : localstorage stockage="indexeddb", // par defaut : localstorage
includespip="#ENV{includespip}" // pour ajouter un code html dans la ligne au dessus du tableau includespip="#ENV{includespip}", // pour ajouter un code html dans la ligne au dessus du tableau
nomBlocAjaxReload="nom bloc a recharger à la fin du chargement des donnees" nomBlocAjaxReload="nom bloc a recharger à la fin du chargement des donnees",
filtrerselect=[(#ENV{filtrerselect})],
env env
filtreselect='[(#ENV{filtrerselect})]'
}> }>
[(#SET{filtrerselect,#ARRAY{ [(#SET{filtrerselect,#ARRAY{
@ -68,7 +68,6 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
} }
``` ```
## Utiliser les actions : ## Utiliser les actions :
```html ```html
[(#SET{statut, [(#SET{statut,
@ -90,6 +89,25 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
## Utiliser les crayons : ## Utiliser les crayons :
```json
[{
"header":{
"id": "ID",
"activite": "Activité",
"massif": "Massif",
"sommet": "Sommet",
"voie": "Voie",
"participants_max": "Participants max",
"tarif_prive": "Prix"
},
"crayons":{
"tarif_prive" : "activite"
}
```
Dans cet exemple :
- `activite` est le raccourci du nom de la table (spip_activites)
- `tarif_prive` est **obligatoirement** l'intitulé du champs dans cette table (si besoin il faut modifier la clé du champ...)
### Caches ### Caches
l'invalidation du cache ne se fait que pour les objets publiés l'invalidation du cache ne se fait que pour les objets publiés
@ -113,24 +131,24 @@ Il faut surcharger cette autorisation : autoriser_crayonner_dist() `inc/crayons`
### @Deprecated ### @Deprecated
=> integre par default dans la 3.4.2 pour tous les objets => integre par default dans la 3.4.2 pour tous les objets
>- il faut utiliser le pipeline `crayons_vue_affichage_final` - il faut utiliser le pipeline `crayons_vue_affichage_final`
>```php ```php
>/** /**
> * injection du reload de vuejs pour les crayons de l'objet souscription * injection du reload de vuejs pour les crayons de l'objet souscription
> * *
> */ */
>function prefixPlugin_crayons_vue_affichage_final($flux){ function prefixPlugin_crayons_vue_affichage_final($flux){
> if ($flux['args']['type'] === 'souscription') { if ($flux['args']['type'] === 'souscription') {
> $id = $flux['args']['id']; $id = $flux['args']['id'];
> if ($id = intval($id)) { if ($id = intval($id)) {
> $flux['data'] .= ' <script type="text/javascript"> app.rechargerJson('.$id.'); </script>'; $flux['data'] .= ' <script type="text/javascript"> app.rechargerJson('.$id.'); </script>';
> } else { } else {
> $flux['data'] .= ' <script type="text/javascript"> app.rechargerJson(); </script>'; $flux['data'] .= ' <script type="text/javascript"> app.rechargerJson(); </script>';
> } }
> } }
> return $flux; return $flux;
>} }
>``` ```
## Utiliser une mediabox ou modalbox : ## Utiliser une mediabox ou modalbox :
@ -185,5 +203,18 @@ Il faut surcharger cette autorisation : autoriser_crayonner_dist() `inc/crayons`
}> }>
</div> </div>
``` ```
## Liens
>https://unpkg.com/browse/vue-next-select@2.10.4/
## URLs avec filtrage :
Concatener le filtrage dans l'url d'appel du json :
```html
http://guides.spip/?page=grille_tarifs&activite=Alpinisme
```
ou
```html
<a class="btn" href="[(#URL_PAGE{commandes}|parametre_url{annee,2021})]">2021</a>
```
## Refs
https://unpkg.com/browse/vue-next-select@2.10.4/

12
package-lock.json generated
View file

@ -2680,9 +2680,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001332", "version": "1.0.30001344",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
"integrity": "sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==", "integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g==",
"funding": [ "funding": [
{ {
"type": "opencollective", "type": "opencollective",
@ -11338,9 +11338,9 @@
} }
}, },
"caniuse-lite": { "caniuse-lite": {
"version": "1.0.30001332", "version": "1.0.30001344",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
"integrity": "sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==" "integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g=="
}, },
"caseless": { "caseless": {
"version": "0.12.0", "version": "0.12.0",