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,
vueblocdefaut='bloc ou tableau', // par defaut tableau
namecsv="souscripteurs.csv",
url_sort_asc="#CHEMIN{...}"
url_sort_desc="#CHEMIN{...}"
stockage="indexeddb" // par defaut : localstorage
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"
url_sort_asc="#CHEMIN{...}",
url_sort_desc="#CHEMIN{...}",
stockage="indexeddb", // par defaut : localstorage
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",
filtrerselect=[(#ENV{filtrerselect})],
env
filtreselect='[(#ENV{filtrerselect})]'
}>
[(#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 :
```html
[(#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 :
```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
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
=> integre par default dans la 3.4.2 pour tous les objets
>- il faut utiliser le pipeline `crayons_vue_affichage_final`
>```php
>/**
> * injection du reload de vuejs pour les crayons de l'objet souscription
> *
> */
>function prefixPlugin_crayons_vue_affichage_final($flux){
> if ($flux['args']['type'] === 'souscription') {
> $id = $flux['args']['id'];
> if ($id = intval($id)) {
> $flux['data'] .= ' <script type="text/javascript"> app.rechargerJson('.$id.'); </script>';
> } else {
> $flux['data'] .= ' <script type="text/javascript"> app.rechargerJson(); </script>';
> }
> }
> return $flux;
>}
>```
- il faut utiliser le pipeline `crayons_vue_affichage_final`
```php
/**
* injection du reload de vuejs pour les crayons de l'objet souscription
*
*/
function prefixPlugin_crayons_vue_affichage_final($flux){
if ($flux['args']['type'] === 'souscription') {
$id = $flux['args']['id'];
if ($id = intval($id)) {
$flux['data'] .= ' <script type="text/javascript"> app.rechargerJson('.$id.'); </script>';
} else {
$flux['data'] .= ' <script type="text/javascript"> app.rechargerJson(); </script>';
}
}
return $flux;
}
```
## Utiliser une mediabox ou modalbox :
@ -185,5 +203,18 @@ Il faut surcharger cette autorisation : autoriser_crayonner_dist() `inc/crayons`
}>
</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": {
"version": "1.0.30001332",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz",
"integrity": "sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==",
"version": "1.0.30001344",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
"integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g==",
"funding": [
{
"type": "opencollective",
@ -11338,9 +11338,9 @@
}
},
"caniuse-lite": {
"version": "1.0.30001332",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz",
"integrity": "sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw=="
"version": "1.0.30001344",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
"integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g=="
},
"caseless": {
"version": "0.12.0",