Produits Entr'ouvert » Intégrations graphiques Publik

Je n'ai pas été inspiré pour remplacer les carrés vert/bleu d'ajout/suppression des cellules au tableau de bord.

A minima :

• virer la bordure pour les cellules qui sont dans le tableau de bord,
• pour l'ajout/retrait, tu peux 1/ position: absolute; right: 0; 2/ faire avec ::before pour mettre un + ou un -, ou un cœur plein/vide, ou à défaut total prende le code (et les images) qui sont dans toodego/_tiles.scss (a.add-to-dashboard, a.remove-from-dashboard) (sans oublier le favorite_pulse_animation qui suit).

• j'ai copié le thème clapotis
• j'ai copié juste le nécessaire pour avoir les tuiles toodego en incluant le JS
• j'ai juste ajouté ça :
  

  .gru-content .dashboard-cell {
         border: 0;
         .cell {
                 margin-left: 0;
                 margin-right: 0;
         }
  }
  
  .activite-favorite {
         position: relative;
         h3 {
                 @extend %title;
                 background: #019D8B;
         }
         .activite-favorite-content {
                 margin-left: 1rem;
         }
  }
  

Je veux bien une relecteur ici svp : ce patch permet de comprendre comment fonctionne des tuiles toodego.
Le premier patch fourni reprend les instructions données par Fred (recopiées ci-dessous). Ensuite j'ajoute juste le JS.

---8<---
En local, commence par définir une cellule JSON genre "activité favorite", avec un paramètre, champ texte tout simple, façon :

  JSON_CELL_TYPES = {
      "activite-favorite": {
          "url": "/",  <-- une url est obligatoire, mets n'importe quoi qui donne du json
          "name": "Activité favorite",
          "cache_duration": 60,
          "force_async": False,
          "form": [{"varname": "activite", "type": "string", "label": "Activité"}],
      }
  }

Et le gabarit qui va avec, où tu fais juste afficher bonjour {{activite}}, genre.

Ensuite tu crées une page sur ton combo et tu ajoutes cette cellule.

Dans une autre page, tu ajoutes une cellule "tableau de bord".

$ vi /var/lib/combo/tenants/combo.dev.publik.love/settings.json 
{
    "COMBO_DASHBOARD_ENABLED": true
}

Dans le gabarit de la page, tu ajoutes une ligne pour la gestion,

  {% include "combo/dashboard_cell_icons.html" %}

Ce gabarit crée des liens qui n'ont pas de contenu, donc tu dois ajouter dans ton intégration graphique quelque chose comme

  .dashboard-cell-icons .remove-from-dashboard {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: blue;
  }

  .dashboard-cell-icons .add-to-dashboard {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: green;
  }

Là tu obtiens normalement sur ta cellule un carré vert sur lequel tu peux cliquer, tu cliques et dans la page avec la cellule tableau de bord la cellule en question devrait désormais apparaître.

Tu peux alors modifier le gabarit, pour que le contenu présenté soit différent quand la cellule est dans le tableau de bord,

  {% if in_dashboard %}Je suis dans le tableau de bord.{% endif %}

Une fois que tu as tout ça qui fonctionne, tu as les mécaniques de base.

ok

Mécanisme mis en place via le thème : https://git.entrouvert.org/publik-base-theme.git/commit/?id=d2b49644ed5879daf3a52fe49d0d06edc6d552e1