appConfigRoutes.js

const COMMONN_URL_ARGS = {
  objectArgs: [
    'datasetid',
    'field',
    'value'
  ],
  mapArgs: [
    'zoom',
    'centerlat',
    'centerlng',
    'selected'
  ]
}
const COMMON_TARGETS = {

  // LIBELLES
  setLibelleRegion: {
    ifQuery: [{ field: 'datasetid', val: 'regions' }],
    fromQueryKey: 'code',
    fromStoreData: 'initData',
    fromDatasetId: 'taxo-regions',
    fromDatasetKey: 'reg',
    fromDatasetField: 'libelle',
    targetSpecialStoreId: 'levelname'
  },
  setLibelleDepartement: {
    ifQuery: [{ field: 'datasetid', val: 'departements' }],
    fromQueryKey: 'code',
    fromStoreData: 'initData',
    fromDatasetId: 'taxo-departements',
    fromDatasetKey: 'dep',
    fromDatasetField: 'libelle',
    targetSpecialStoreId: 'levelname'
  },

  // OBJECTS - REGIONS
  setObjectsRegionsFDS: [
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-aides-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-aides-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-aides-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsRegionsPGE: [
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-pge-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-pge-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-pge-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsRegionsREPORT: [
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-report-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-report-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-report-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsRegionsCPSTI: [
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-cpsti-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-cpsti-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-cpsti-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsRegionsARPB: [
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-arpb-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-arpb-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-arpb-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: 'effectifs',
      targetSpecialStoreId: 'effectifs'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'regions-arpb-raw',
      fromDatasetKey: 'reg',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsRegionsACTIVITEPARTIELLE: [
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      // fromDatasetId: 'regions-activitepartielle-raw',
      fromDatasetId: 'regions-activitepartielle-raw-3',
      fromDatasetKey: 'reg',
      fromDatasetField: 'nombre_salaries_concernes',
      targetSpecialStoreId: 'nombre_salaries_concernes'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'regions' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      // fromDatasetId: 'regions-activitepartielle-raw',
      fromDatasetId: 'regions-activitepartielle-raw-3',
      fromDatasetKey: 'reg',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],

  // OBJECTS - DEPARTEMENTS
  setObjectsDepartementsFDS: [
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-aides-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-aides-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-aides-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsDepartementsPGE: [
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-pge-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-pge-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-pge-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsDepartementsREPORT: [
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-report-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-report-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-report-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsDepartementsCPSTI: [
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-cpsti-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-cpsti-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-cpsti-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsDepartementsARPB: [
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-arpb-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'nombre',
      targetSpecialStoreId: 'nombre'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-arpb-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'montant',
      targetSpecialStoreId: 'montant',
      format: [
        {
          utilsFnName: 'toMillionsOrElse',
          params: { divider: 1000000, fixed: 2 }
        }
      ]
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-arpb-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: 'effectifs',
      targetSpecialStoreId: 'effectifs'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      fromDatasetId: 'departements-cpsti-raw',
      fromDatasetKey: 'dep',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],
  setObjectsDepartementsACTIVITEPARTIELLE: [
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      // fromDatasetId: 'departements-activitepartielle-raw',
      fromDatasetId: 'departements-activitepartielle-raw-3',
      fromDatasetKey: 'dep',
      fromDatasetField: 'nombre_salaries_concernes',
      targetSpecialStoreId: 'nombre_salaries_concernes'
    },
    {
      ifQuery: [{ field: 'datasetid', val: 'departements' }],
      fromQueryKey: 'code',
      fromStoreData: 'initData',
      // fromDatasetId: 'departements-activitepartielle-raw',
      fromDatasetId: 'departements-activitepartielle-raw-3',
      fromDatasetKey: 'dep',
      fromDatasetField: undefined,
      targetSpecialStoreId: 'focusObject'
    }
  ],

  // SET MAP ZOOM
  setMapZoomByCenter: {
    ifQuery: [{ field: 'datasetid', val: 'departements' }],
    zoomBy: 'centerAndZoom',
    zoomField: 'zoom',
    centerLngField: 'centerlng',
    centerLatField: 'centerlat'
  },
  setMapZoomRegions: {
    ifQuery: [{ field: 'datasetid', val: 'regions' }],
    zoomBy: 'polygon',
    sourceField: 'datasetid',
    propField: 'value',
    propNameField: 'field'
  },
  setMapZoomDepartements: {
    ifQuery: [{ field: 'datasetid', val: 'departements' }],
    zoomBy: 'polygon',
    sourceField: 'datasetid',
    propField: 'value',
    propNameField: 'field'
  },

  // SET SELECTED POLYGONS
  setSelectedPolygons: {
    ifQuery: undefined,
    selectedField: 'selected',
    selectedSeparator: ',',
    selectedObjectSeparator: ':'
  }

}
const COMMON_URL_FOCUS = {
  setFocusObjectsFDS: {
    urlArgs: [
      ...COMMONN_URL_ARGS.objectArgs,
      ...COMMONN_URL_ARGS.mapArgs
    ],
    functions: [
      {
        funcName: 'updateDataStore',
        help: 'set store/data/specialStore',
        funcParams: {
          targets: [
            COMMON_TARGETS.setLibelleRegion,
            COMMON_TARGETS.setLibelleDepartement,
            ...COMMON_TARGETS.setObjectsRegionsFDS,
            ...COMMON_TARGETS.setObjectsDepartementsFDS
          ]
        }
      },
      {
        funcName: 'goToPolygon',
        help: 'set map zoom',
        funcParams: {
          targets: [
            COMMON_TARGETS.setMapZoomRegions,
            // COMMON_TARGETS.setMapZoomDepartements,
            COMMON_TARGETS.setMapZoomByCenter
          ]
        }
      },
      {
        funcName: 'toggleSelected',
        help: 'set selected polygon on map',
        funcParams: {
          targets: [
            COMMON_TARGETS.setSelectedPolygons
          ]
        }
      }
    ]
  },
  setFocusObjectsPGE: {
    urlArgs: [
      ...COMMONN_URL_ARGS.objectArgs,
      ...COMMONN_URL_ARGS.mapArgs
    ],
    functions: [
      {
        funcName: 'updateDataStore',
        help: 'set store/data/specialStore',
        funcParams: {
          targets: [
            COMMON_TARGETS.setLibelleRegion,
            COMMON_TARGETS.setLibelleDepartement,
            ...COMMON_TARGETS.setObjectsRegionsPGE,
            ...COMMON_TARGETS.setObjectsDepartementsPGE
          ]
        }
      },
      {
        funcName: 'goToPolygon',
        help: 'set map zoom',
        funcParams: {
          targets: [
            COMMON_TARGETS.setMapZoomRegions,
            // COMMON_TARGETS.setMapZoomDepartements,
            COMMON_TARGETS.setMapZoomByCenter
          ]
        }
      },
      {
        funcName: 'toggleSelected',
        help: 'set selected polygon on map',
        funcParams: {
          targets: [
            COMMON_TARGETS.setSelectedPolygons
          ]
        }
      }
    ]
  },
  setFocusObjectsREPORT: {
    urlArgs: [
      ...COMMONN_URL_ARGS.objectArgs,
      ...COMMONN_URL_ARGS.mapArgs
    ],
    functions: [
      {
        funcName: 'updateDataStore',
        help: 'set store/data/specialStore',
        funcParams: {
          targets: [
            COMMON_TARGETS.setLibelleRegion,
            COMMON_TARGETS.setLibelleDepartement,
            ...COMMON_TARGETS.setObjectsRegionsREPORT,
            ...COMMON_TARGETS.setObjectsDepartementsREPORT
          ]
        }
      },
      {
        funcName: 'goToPolygon',
        help: 'set map zoom',
        funcParams: {
          targets: [
            COMMON_TARGETS.setMapZoomRegions,
            // COMMON_TARGETS.setMapZoomDepartements,
            COMMON_TARGETS.setMapZoomByCenter
          ]
        }
      },
      {
        funcName: 'toggleSelected',
        help: 'set selected polygon on map',
        funcParams: {
          targets: [
            COMMON_TARGETS.setSelectedPolygons
          ]
        }
      }
    ]
  },
  setFocusObjectsCPSTI: {
    urlArgs: [
      ...COMMONN_URL_ARGS.objectArgs,
      ...COMMONN_URL_ARGS.mapArgs
    ],
    functions: [
      {
        funcName: 'updateDataStore',
        help: 'set store/data/specialStore',
        funcParams: {
          targets: [
            COMMON_TARGETS.setLibelleRegion,
            COMMON_TARGETS.setLibelleDepartement,
            ...COMMON_TARGETS.setObjectsRegionsCPSTI,
            ...COMMON_TARGETS.setObjectsDepartementsCPSTI
          ]
        }
      },
      {
        funcName: 'goToPolygon',
        help: 'set map zoom',
        funcParams: {
          targets: [
            COMMON_TARGETS.setMapZoomRegions,
            // COMMON_TARGETS.setMapZoomDepartements,
            COMMON_TARGETS.setMapZoomByCenter
          ]
        }
      },
      {
        funcName: 'toggleSelected',
        help: 'set selected polygon on map',
        funcParams: {
          targets: [
            COMMON_TARGETS.setSelectedPolygons
          ]
        }
      }
    ]
  },
  
  setFocusObjectsARPB: {
    urlArgs: [
      ...COMMONN_URL_ARGS.objectArgs,
      ...COMMONN_URL_ARGS.mapArgs
    ],
    functions: [
      {
        funcName: 'updateDataStore',
        help: 'set store/data/specialStore',
        funcParams: {
          targets: [
            COMMON_TARGETS.setLibelleRegion,
            COMMON_TARGETS.setLibelleDepartement,
            ...COMMON_TARGETS.setObjectsRegionsARPB,
            ...COMMON_TARGETS.setObjectsDepartementsARPB
          ]
        }
      },
      {
        funcName: 'goToPolygon',
        help: 'set map zoom',
        funcParams: {
          targets: [
            COMMON_TARGETS.setMapZoomRegions,
            // COMMON_TARGETS.setMapZoomDepartements,
            COMMON_TARGETS.setMapZoomByCenter
          ]
        }
      },
      {
        funcName: 'toggleSelected',
        help: 'set selected polygon on map',
        funcParams: {
          targets: [
            COMMON_TARGETS.setSelectedPolygons
          ]
        }
      }
    ]
  },
  
  setFocusObjectsACTIVITEPARTIELLE: {
    urlArgs: [
      ...COMMONN_URL_ARGS.objectArgs,
      ...COMMONN_URL_ARGS.mapArgs
    ],
    functions: [
      {
        funcName: 'updateDataStore',
        help: 'set store/data/specialStore',
        funcParams: {
          targets: [
            COMMON_TARGETS.setLibelleRegion,
            COMMON_TARGETS.setLibelleDepartement,
            ...COMMON_TARGETS.setObjectsRegionsACTIVITEPARTIELLE,
            ...COMMON_TARGETS.setObjectsDepartementsACTIVITEPARTIELLE
          ]
        }
      },
      {
        funcName: 'goToPolygon',
        help: 'set map zoom',
        funcParams: {
          targets: [
            COMMON_TARGETS.setMapZoomRegions,
            // COMMON_TARGETS.setMapZoomDepartements,
            COMMON_TARGETS.setMapZoomByCenter
          ]
        }
      },
      {
        funcName: 'toggleSelected',
        help: 'set selected polygon on map',
        funcParams: {
          targets: [
            COMMON_TARGETS.setSelectedPolygons
          ]
        }
      }
    ]
  }
}

export const configAppRoutes = {
  help: 'this file contains the setup for the routes',

  // ROUTES / PAGES
  routes: [

    // ============================================================= //
    // HOME / FDS
    // ============================================================= //
    {
      id: 'fds',
      name: 'homepage',
      help: 'route home viewfor ',
      title: { fr: '' },
      titleI18n: 'routes.home.title',
      urls: ['/', '/fds', '/fds/'],
      sourcesIds: [
        'national-aides-raw',
        'regions-aides-raw',
        'departements-aides-raw'
      ],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'Numbers and tables',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-fds-title',
                    containerClass: 'pt-2 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: 3,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-00',
                    containerClass: 'py-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-fds',
                    containerClass: 'py-0 my-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-fds',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-fds-categ-jur-pie',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-fds-effectifs',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-fds-infos',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            },

            {
              id: 'col2',
              colName: 'main map',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: 2,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-aides-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        },
        {
          id: 'row2',
          rowNumber: 2,
          activated: false,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'text',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-03',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: false
                  }
                }
              ]
            }
          ]
        }
      ],
      setUpRouteViews: COMMON_URL_FOCUS.setFocusObjectsFDS
    },

    // ============================================================= //
    // PGE
    // ============================================================= //
    {
      id: 'pge',
      name: 'pge page',
      help: 'route view for pge dataset',
      title: { fr: '' },
      titleI18n: 'routes.pge.title',
      urls: ['/pge', '/pge/'],
      sourcesIds: [
        'national-pge-raw',
        'regions-pge-raw',
        'departements-pge-raw'
      ],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'Numbers and tables',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-pge-title',
                    containerClass: 'pt-2 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: 3,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-01',
                    containerClass: 'py-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-pge',
                    containerClass: 'py-0 my-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-pge',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-pge-infos',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            },

            {
              id: 'col2',
              colName: 'main map',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: 2,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-pge-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        },
        {
          id: 'row2',
          rowNumber: 2,
          activated: false,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'text',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-03',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: false
                  }
                }
              ]
            }
          ]
        }
      ],
      setUpRouteViews: COMMON_URL_FOCUS.setFocusObjectsPGE
    },

    // ============================================================= //
    // REPORT
    // ============================================================= //
    {
      id: 'reports',
      name: 'report page',
      help: 'route view for report dataset',
      title: { fr: '' },
      titleI18n: 'routes.report.title',
      urls: ['/reports', '/reports/'],
      sourcesIds: [
        'national-report-raw',
        'regions-report-raw',
        'departements-report-raw'
      ],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'Numbers and tables',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-report-title',
                    containerClass: 'pt-2 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: 3,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-01',
                    containerClass: 'py-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-report',
                    containerClass: 'py-0 my-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-report',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-report-infos',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            },

            {
              id: 'col2',
              colName: 'main map',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: 2,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-report-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        },
        {
          id: 'row2',
          rowNumber: 2,
          activated: false,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'text',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-03',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: false
                  }
                }
              ]
            }
          ]
        }
      ],
      setUpRouteViews: COMMON_URL_FOCUS.setFocusObjectsREPORT

    },

    // ============================================================= //
    // CPSTI
    // ============================================================= //
    {
      id: 'cpsti',
      name: 'cpsti page',
      help: 'route view for cpsti dataset',
      title: { fr: '' },
      titleI18n: 'routes.cpsti.title',
      urls: ['/cpsti', '/cpsti/'],
      sourcesIds: [
        'national-cpsti-raw',
        'regions-cpsti-raw',
        'departements-cpsti-raw'
      ],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'Numbers and tables',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-cpsti-title',
                    containerClass: 'pt-2 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: 3,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-01',
                    containerClass: 'py-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-cpsti',
                    containerClass: 'py-0 my-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-cpsti',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-cpsti-infos',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            },

            {
              id: 'col2',
              colName: 'main map',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: 2,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-cpsti-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        },
        {
          id: 'row2',
          rowNumber: 2,
          activated: false,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'text',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-03',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: false
                  }
                }
              ]
            }
          ]
        }
      ],
      setUpRouteViews: COMMON_URL_FOCUS.setFocusObjectsCPSTI

    },

    // ============================================================= //
    // ARPB
    // ============================================================= //
    {
      id: 'arpb',
      name: 'arpb page',
      help: 'route view for arpb dataset',
      title: { fr: '' },
      titleI18n: 'routes.arpb.title',
      urls: ['/arpb', '/arpb/'],
      sourcesIds: [
        'national-arpb-raw',
        'regions-arpb-raw',
        'departements-arpb-raw'
      ],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'Numbers and tables',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-arpb-title',
                    containerClass: 'pt-2 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: 3,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-03',
                    containerClass: 'py-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-arpb',
                    containerClass: 'py-0 my-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-arpb',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-arpb-infos',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            },

            {
              id: 'col2',
              colName: 'main map',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: 2,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-arpb-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        },
        {
          id: 'row2',
          rowNumber: 2,
          activated: false,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'text',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-03',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: false
                  }
                }
              ]
            }
          ]
        }
      ],
      setUpRouteViews: COMMON_URL_FOCUS.setFocusObjectsAPRB

    },

    // ============================================================= //
    // ACTIVITE PARTIELLE
    // ============================================================= //
    {
      id: 'activitepartielle',
      name: 'activite partielle page',
      help: 'route view for activite partielle dataset',
      title: { fr: '' },
      titleI18n: 'routes.activitepartielle.title',
      urls: ['/activitepartielle', '/activitepartielle/'],
      sourcesIds: [
        // 'national-activitepartielle-raw',
        // 'regions-activitepartielle-raw',
        // 'departements-activitepartielle-raw',

        // 'national-activitepartielle-raw-2',
        // 'regions-activitepartielle-raw-2',
        // 'departements-activitepartielle-raw-2',

        'national-activitepartielle-raw-3',
        'regions-activitepartielle-raw-3',
        'departements-activitepartielle-raw-3',

      ],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'Numbers and tables',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-activitepartielle-title',
                    containerClass: 'pt-2 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: 3,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-02',
                    containerClass: 'py-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-activitepartielle',
                    containerClass: 'py-0 my-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-activitepartielle-note',
                    containerClass: 'pt-0 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-activitepartielle-time-serie-02',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-activitepartielle-time-serie-01',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 4,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-activitepartielle-time-serie-03',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                },
                // {
                //   component: 'apexchart',
                //   activated: true,
                //   smallScreenVerticalOrder: 4,
                //   justify: 'center',
                //   align: 'center',
                //   settings: {
                //     id: 'apexchart-activitepartielle',
                //     containerClass: 'mt-4 pt-3 pb-0',
                //     mobileIsVisibleDefault: false,
                //     desktopIsVisibleDefault: true
                //   }
                // },
                // {
                //   component: 'apexchart',
                //   activated: true,
                //   smallScreenVerticalOrder: 4,
                //   justify: 'center',
                //   align: 'center',
                //   settings: {
                //     id: 'apexchart-activitepartielle-02',
                //     containerClass: 'mt-4 pt-3 pb-0',
                //     mobileIsVisibleDefault: false,
                //     desktopIsVisibleDefault: true
                //   }
                // },
                // {
                //   component: 'apexchart',
                //   activated: true,
                //   smallScreenVerticalOrder: 4,
                //   justify: 'center',
                //   align: 'center',
                //   settings: {
                //     id: 'apexchart-activitepartielle-03',
                //     containerClass: 'mt-4 pt-3 pb-0',
                //     mobileIsVisibleDefault: false,
                //     desktopIsVisibleDefault: true
                //   }
                // },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-activitepartielle-infos',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            },

            {
              id: 'col2',
              colName: 'main map',
              activated: true,
              colClass: 'col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: 2,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-activitepartielle-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        },
        {
          id: 'row2',
          rowNumber: 2,
          activated: false,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'text',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-03',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: false,
                    desktopIsVisibleDefault: false
                  }
                }
              ]
            }
          ]
        }
      ],
      setUpRouteViews: COMMON_URL_FOCUS.setFocusObjectsACTIVITEPARTIELLE

    },

    // ============================================================= //
    // ============================================================= //
    // ============================================================= //

    // ONLY MAP
    {
      id: 'map',
      name: 'map',
      help: 'route map viewfor ',
      title: { fr: '' },
      titleI18n: 'routes.map.title',
      urls: ['/map'],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'map',
              activated: true,
              colClass: '',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-01',
                    containerClass: 'pt-0 mt-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'map',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'map-france-metro',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        }
      ]
    },

    // ONLY CHARTS
    {
      id: 'charts',
      name: 'charts',
      help: 'route for charts view',
      title: { fr: '' },
      titleI18n: 'routes.charts.title',
      urls: ['/charts'],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'chart',
              activated: true,
              colClass: '',
              hasScrollbar: true,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'globalButtons',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'global-button-01',
                    containerClass: 'pt-0 mt-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'numbers',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'numbers-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'apexchart',
                  activated: true,
                  smallScreenVerticalOrder: 5,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'apexchart-01bis',
                    containerClass: 'mt-4 pt-3 pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                },
                {
                  component: 'text',
                  activated: true,
                  smallScreenVerticalOrder: 1,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'text-02',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        }
      ]
    },

    // ONLY TABLE
    {
      id: 'table',
      name: 'table',
      help: 'route for table view',
      title: { fr: '' },
      titleI18n: 'routes.table.title',
      urls: ['/table'],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01'
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'table',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'table',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'table-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        }
      ]
    },

    // ONLY RAW DATA
    {
      id: 'rawData',
      name: 'rawData',
      help: 'route for rawData view',
      title: { fr: '' },
      titleI18n: 'routes.rawData.title',
      urls: ['/rawData'],
      rawHtml: undefined,
      navbarFooter: {
        activated: true,
        settings: {
          id: 'navbar-footer-01',
          containerClass: '',
          mobileIsVisibleDefault: true,
          desktopIsVisibleDefault: true
        }
      },
      pageRows: [
        {
          id: 'row1',
          rowNumber: 1,
          activated: true,
          help: '',
          columns: [
            {
              id: 'col1',
              colName: 'rawData',
              activated: true,
              colClass: '',
              hasScrollbar: false,
              smallScreenVerticalOrder: undefined,
              colRows: [
                {
                  component: 'rawData',
                  activated: true,
                  smallScreenVerticalOrder: undefined,
                  justify: 'center',
                  align: 'center',
                  settings: {
                    id: 'chart-01',
                    containerClass: 'pb-0',
                    mobileIsVisibleDefault: true,
                    desktopIsVisibleDefault: true
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}