Gestion de la visibilité des blocs (consultation / edition)

27 septembre 2022

Il est maintenant possible de conditionner l’affichage des blocs de métadonnées en fonction du mode dans lequel on se trouve (consultation ou edition).

Côté template, il suffit d’ajouter la propriété visibleOnlyOn dans la partie « props » du composant et de lui affecter :

« edition » si le composant doit être visible seulement en édition
« consultation » si le composant doit être visible seulement en consultation

       {
          "name": "aeris-metadata-parameters",
          "editable": true,
          "props": {
            "visibleOnlyOn": "edition",
            "editionTooltip_en": "...",
            "editionTooltip_fr": "..."
          }
        },
        {
          "name": "opse-parameter-treeview-block",
          "editable": true,
          "props": {
            "visibleOnlyOn": "consultation"
          }
        },

Ci-dessus: on affiche parameters en edition seulement et opse-parameter en consultation seulement

Côté code, une mixin existe pour gérer le mode de visibilité de la même façon dans tous les composants.

export default {
  props: {
    visibleOnlyOn: {
      type: String,
      default: "",
    },
  },
  computed: {
    editing: {
      get() {
        return this.$store.getters.getIsUserEditingSheet;
      },
      set(value) {
        this.$store.commit("setUserIsEditingSheet", value);
      },
    },
    onlyEditionMode() {
      return this.visibleOnlyOn === "edition" && this.editing;
    },
    onlyOnConsultationMode() {
      return this.visibleOnlyOn === "consultation" && !this.editing;
    },
  },
};

Il suffit d’importer la mixin dans un composant pour avoir accès à cette propriété

La mixin est documentée plus en détail dans la documentation vuepress du projet metadata.

Rechercher