ouatterrir-app/src/stores/concernements.js

import { defineStore } from 'pinia'
// import REST from '@api/rest-axios'
// import JSONAPI from '@api/json-axios'
import { print } from 'graphql/language/printer'
import gql from 'graphql-tag'



// import REST from '@api/rest-axios'
import GQL from '@api/graphql-axios'
// import JSONAPI from '@api/json-axios'

import ConcernementFields from '@api/gql/concernement.fragment.gql'
// import EntityFields from '@api/gql/entitydef.fragment.gql'

export const ConcernementsStore = defineStore({
  id: 'concernements',
  state: () => ({
    map_mode: null,
    concernements: [],
    concernementsByID: {},
    allEntitesById: {},
    allBesoinsById: {},
    allSuperpositions: [],
    allProximites: [],
    opened_concernement: false,
    opened_entite_id: null,
    opened_recit: false,
    recit_plyr_player: null,
    ct_concernement: {},
    ct_entite: {},
    ct_cercle_politique: {},
    p_groupes_interets: {},
    p_reception_et_traitement: {},
    p_mise_en_oeuvre_decision: {},
    p_reception_application_decision: {},
    concernements_loaded: false,
  }),
  getters: {
    
  },
  actions: {
    setMapMode(mode) {
      console.log(`set map_mode ${mode}`);
      // mode can be : terraindevie, proximite, superposition, puissancedagir, action, doleancer
      this.map_mode = mode;
    },
    loadConcernements () {
      console.log('concernements store loadConcernements');
      return new Promise((resolve, reject) => {
        const ast = gql`{
          allconcernements {
            ...ConcernementFields
          }
        }
        ${ConcernementFields}
        `
        // console.log('ast', ast);
        GQL.post('', { query: print(ast) })
          .then(({ data : { data  : { allconcernements } } }) => {
            console.log('loadconcernements all loaded', allconcernements)
            this.concernements = [];
            // parse concernements
            allconcernements.forEach(concernement => {
              concernement.visible = true;

              concernement.entites_byid = {};
              concernement.entitesagissantes_byid = {};
              concernement.has_proximites = false;
              concernement.has_superpositions = false;
              concernement.has_agissantes = false;
              // var entites_temp = concernement.entites; // record a temp entites liste
              // concernement.entites = []; // erase the concernement.entite array as we want to keep only visible entites
              concernement.entites.forEach(entite => {
                if (entite.entite) { // entite.entite may be null because of workflow confidentiality
                  concernement.entites_byid[entite.entite.id] = entite;
                  // record entite agissante
                  if (entite.entite.agissante) {
                    concernement.entitesagissantes_byid[entite.entite.id] = entite;
                    concernement.has_agissantes = true;
                  }
                  // record a flat list of all entités of all concernement for map-popup
                  this.allEntitesById[entite.entite.id] = entite;
                  // concernement.entites.push(entite); // fill the entites array with visible entite only

                  // PROXIMITES
                  if (entite.entite.proximite.length) {
                    console.log("proximite", entite.entite.proximite);
                    concernement.has_proximites = true;
                  }

                  // SUPERPOSITIONS
                  if (entite.entite.superposition.length) {
                    concernement.has_superpositions = true;
                    entite.entite.superposition.forEach(entite_superpose => {
                      // console.log(`superposition eid:${entite.entite.id}, teid:${entite_superpose.id}`);
                      let already_recorded = false;
                      // loop through all already recorded superposition to complete the array instead of create duplicates
                      for(let superposition of this.allSuperpositions) { 
                        // if (superposition.indexOf(entite_superpose.id) >= 0) {
                        //   already_recorded = true;
                        //   if (superposition.indexOf(entite.entite.id) < 0) {
                        //     superposition.push(entite.entite.id)
                        //   }
                        //   break;
                        // }
                        // if (superposition.indexOf(entite.entite.id) >= 0) {
                        //   already_recorded = true;
                        //   if (superposition.indexOf(entite_superpose.id) < 0) {
                        //     superposition.push(entite_superpose.id)
                        //   }
                        //   break;
                        // }
                        for(let superposition_item of superposition) {
                          if (superposition_item.eid === entite.entite.id && !superposition_item.cid) {
                            console.log(`already_recorded, eid:${entite.entite.id}, teid:${entite_superpose.id}`, entite.entite.title);
                            already_recorded = true;
                            superposition_item.cid = concernement.id;
                            break;
                          }
                        }
                        if (already_recorded) {
                          break;
                        }
                      }
                      // if not already recorded, add it to the array
                      if (!already_recorded) {
                        console.log(`NOT already_recorded, eid:${entite.entite.id}, teid:${entite_superpose.id}`, entite.entite.title);
                        this.allSuperpositions.push([
                          { 
                            cid: concernement.id, 
                            eid: entite.entite.id
                          },
                          {
                            cid: null,
                            eid: entite_superpose.id
                          }
                        ])
                      }
                    })
                  }

                }
              });
              
              // revisions
              concernement.active_revision = concernement.revision_id;
              concernement.revisions_byid = {};
              concernement.revisions.forEach(rev => {
                concernement.revisions_byid[rev.revision_id] = rev;
              });

              // puissance d'agir
              concernement.has_puissancedagir = concernement.besoins.length ? true : false;
              concernement.besoins.forEach(besoin => {
                this.allBesoinsById[besoin.id] = besoin;
              });

              // doleance
              concernement.has_doleance = concernement.doleances.length ? true : false;
              if (concernement.has_doleance) {
                concernement.opened_doleance = {
                  id: concernement.doleances[0].id
                };
              }
              
              // recit
              concernement.has_recit = concernement.recit !== null;

              // common
              this.concernements.push(concernement);
              this.concernementsByID[concernement.id] = concernement;

            });
            console.log('this.allSuperpositions', this.allSuperpositions);
            this.concernements_loaded = true;
          })
          .catch(error => {
            console.warn('Issue with loadConcernements', error)
            Promise.reject(error)
          })
      })
    },
    reloadConcernements () {
      console.log('reloadConcernements');
      // reset the arrays
      this.concernements = [];
      this.concernementsByID = {};
      this.concernements_loaded = false;
      this.loadConcernements();
    },
    loadContentTypeDefinition () {
      const body = {
        query: `
          query EntityDef($type: String!, $bundle: String!){
            entitydef(type: $type, bundle: $bundle) {
              fields {
                type
                field_name
                label
                description
              }
            }
          }`,
        variables: {}
      } 

      // concernement
      body.variables = { type: 'node', bundle: 'concernement' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.ct_concernement[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef concernement', this.ct_concernement);
          
        })

      // entite
      body.variables = { type: 'node', bundle: 'entite' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.ct_entite[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef entite', this.ct_entite);
          
        })

      // cercle_politique
      body.variables = { type: 'node', bundle: 'cercle_politique' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.ct_cercle_politique[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef cercle_politique', this.ct_cercle_politique);
          
        })

      // paragraphe groupes_interets
      body.variables = { type: 'paragraph', bundle: 'groupes_interets' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.p_groupes_interets[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef p_groupes_interets', this.p_groupes_interets);
          
        })

      // paragraphe reception_et_traitement
      body.variables = { type: 'paragraph', bundle: 'reception_et_traitement' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.p_reception_et_traitement[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef p_reception_et_traitement', this.p_reception_et_traitement);
          
        })

      // paragraphe mise_en_oeuvre_decision
      body.variables = { type: 'paragraph', bundle: 'mise_en_oeuvre_decision' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.p_mise_en_oeuvre_decision[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef p_mise_en_oeuvre_decision', this.p_mise_en_oeuvre_decision);
          
        })

      // paragraphe reception_application_decision
      body.variables = { type: 'paragraph', bundle: 'reception_application_decision' } 
      GQL.post('', body)
        .then(({ data: { data: { entitydef }}}) => {
          // console.log('loadContentTypeDefinition entitydef', entitydef);
          entitydef.fields.forEach(field => {
            this.p_reception_application_decision[field.field_name] = field;
          });
          console.log('loadContentTypeDefinition entitydef p_reception_application_decision', this.p_reception_application_decision);
          
        })

    },
    hideShowConcernement (id, state) {
      // console.log(`disableConcernement id: ${id}`);
      this.concernements.forEach((c, i) => {
        if (c.id === id) {
          this.concernements[i].visible = this.concernementsByID[id].visible = state;  
        }
      })
    },
    openCloseConcernements (id) {
      console.log(`openCloseConcernements id: ${id}`);
      var state;
      this.opened_concernement = null;
      this.opened_recit = null;
      this.concernements.forEach((c, i) => {
        state = id === c.id;
        // console.log(`openCloseConcernements foreach id: ${id}, c.id: ${c.id}, state: ${state}`, id, c.id);
        c.opened = this.concernements[i].opened = this.concernementsByID[c.id].opened = state;
        if (state) {
          this.opened_concernement = c;
          if (c.has_recit) {
            this.opened_recit = c.recit;
          }
          // console.log('openCloseConcernements', this.opened_concernement.opened);
        }
      });
    },
    resetConcernementOpened () {
      this.opened_concernement = null;
      this.openCloseConcernements();
    },
    setOpenedEntityId(id){
      this.opened_entite_id = id;
    },
    setBesoinPaperId(paper_id, cid, bid, rid){
      // this.concernements.forEach((c, i) => {
      //   if(c.id === cid){
          this.concernementsByID[cid].besoins.forEach((b,j) => {
            if(b.id === bid) {
              if (!rid) {
                // this.concernements[i].besoins[j].paper_id = this.concernementsByID[cid].besoins[j].paper_id = paper_id;
                this.concernementsByID[cid].besoins[j].paper_id = paper_id;
                
              } else {
                this.concernementsByID[cid].besoins[j].reponses.forEach((r,k) => {
                  if (r.id === rid) {
                    // this.concernements[i].besoins[j].reponses[k].paper_id = this.concernementsByID[cid].besoins[j].reponses[k].paper_id = paper_id;
                    this.concernementsByID[cid].besoins[j].reponses[k].paper_id = paper_id;
                  }
                })
              }
            }
          })
      //   }
      // })
    },
    setOpenedDoleance(cid, did){
      console.log(`setOpenedDoleance(${cid}, ${did})`, cid, did);
      this.concernementsByID[cid].opened_doleance = {id: did};
      // console.log('this.opened_concernement.opened_doleance', this.opened_concernement.opened_doleance);
    },
    setOpenedDoleanceField(cid, did, field, index){
      console.log(`setOpenedDoleanceField cid, did, field, index`, cid, did, field, index);
      this.concernementsByID[cid].opened_doleance = {
        cid: cid,
        id: did,
        field: field,
        field_index: index
      };
    },
    setOpenedRecit (recit) {
      this.opened_recit = recit;
    },
    setRecitPlayer (player) {
      console.log('concernement store setRecitPlayer', player);
      this.recit_plyr_player = player;
    },
    setActiveRevision (cid, rid) {
      this.concernementsByID[cid].active_revision = rid;
    }

  }
})