fam-archetype-app 0.0.1

package/src/fam-archetype-app/files/package.json.template

@@ -0,0 +1,62 @@
+{
+    "name": "<%= name %>",
+    "version": "19.0.0",
+    "scripts": {
+        "ng": "ng",
+        "start": "ng serve",
+        "build": "ng build --base-href /fam-app/",
+        "watch": "ng build --watch --configuration dev",
+        "format": "prettier --write \"**/*.{js,mjs,ts,mts,d.ts,html}\" --cache",
+        "test": "ng test",
+        "lint": "eslint \"src/**/*.{ts,html,js}\""
+    },
+    "private": true,
+    "dependencies": {
+        "@angular/animations": "^19.0.0",
+        "@angular/common": "^19.0.0",
+        "@angular/compiler": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "@angular/forms": "^19.0.0",
+        "@angular/platform-browser": "^19.0.0",
+        "@angular/platform-browser-dynamic": "^19.0.0",
+        "@angular/router": "^19.0.0",
+        "@awesome.me/kit-5bd7159fa2": "^1.0.4",
+        "@fortawesome/angular-fontawesome": "^1.0.0",
+        "@fortawesome/fontawesome-pro": "^6.7.2",
+        "@fortawesome/fontawesome-svg-core": "^1.3.0",
+        "@fortawesome/free-regular-svg-icons": "^6.7.2",
+        "@fortawesome/free-solid-svg-icons": "^6.7.2",
+        "@primeng/themes": "^19.0.5",
+        "chart.js": "4.4.2",
+        "jsona": "^1.12.1",
+        "primeclt": "^0.1.5",
+        "primeicons": "^7.0.0",
+        "primeng": "^19.0.5",
+        "rxjs": "~7.8.0",
+        "tailwindcss-primeui": "^0.3.2",
+        "tslib": "^2.3.0",
+        "zone.js": "~0.15.0"
+    },
+    "devDependencies": {
+        "@angular-devkit/build-angular": "^19.0.6",
+        "@angular/cli": "^19.0.6",
+        "@angular/compiler-cli": "^19.0.0",
+        "@types/jasmine": "~5.1.0",
+        "autoprefixer": "^10.4.20",
+        "eslint": "^9.14.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-prefer-arrow": "^1.2.3",
+        "eslint-plugin-prettier": "^4.2.1",
+        "jasmine-core": "~5.4.0",
+        "karma": "~6.4.0",
+        "karma-chrome-launcher": "~3.2.0",
+        "karma-coverage": "~2.2.0",
+        "karma-jasmine": "~5.1.0",
+        "karma-jasmine-html-reporter": "~2.1.0",
+        "postcss": "^8.4.49",
+        "prettier": "^3.0.0",
+        "tailwindcss": "^3.4.17",
+        "typescript": "~5.6.2"
+    }
+}

package/src/fam-archetype-app/files/src/assets/translations/translations-ca.json

@@ -0,0 +1,284 @@
+{
+    "accept": "Acceptar",
+    "reject": "Rebutjar",
+    "matchAll": "Coincidir tot",
+    "matchAny": "Coincidir amb qualsevol",
+    "addRule": "Afegir norma",
+    "removeRule": "Eliminar norma",
+    "clear": "Netejar",
+    "apply": "Aplicar",
+    "startsWith": "Comença amb",
+    "contains": "Conté",
+    "notContains": "No conté",
+    "endsWith": "Acaba amb",
+    "equals": "Igual a",
+    "notEquals": "Diferent de",
+    "lt": "Menor que",
+    "lte": "Menor o igual que",
+    "gt": "Major que",
+    "gte": "Major o igual que",
+    "is": "Es",
+    "isNot": "No es",
+    "before": "Abans",
+    "after": "Després",
+    "dateIs": "La data és",
+    "dateIsNot": "La data no és",
+    "dateBefore": "La data és anterior a",
+    "dateAfter": "La data és posterior a",
+    "PROFILE": "Perfil",
+    "USER": "Usuari",
+    "ORGANIC": "Organic",
+    "ORGANIZATION": "Organitzacio",
+    "ENVIRONMENT": "Entorn",
+    "BUILD": "Build",
+    "LOGOUT": "Logout",
+    "MAIN_INFO_POPUP_TITLE": "Informació usuari",
+    "CLOSE":"Tanca",
+    "CLAU":"Clau",
+    "VALOR":"Valor",
+    "userName":"Usuari",
+    "fullName":"Nom complet",
+    "organic":"Organic",
+    "organizations":"Organització",
+    "FAM_AREA_LIST":"Llistat d'àrees",
+    "fam_are_nom":"Nom",
+    "fam_zona.fam_zona_nom":"Zona",
+    "FamArea_EDIT":"Detall de l'àrea",
+    "FamArea_EMBEDDED":"Àrees",
+    "FAM_ENTITAT_BASE_LIST":"Llistat d'entitats base",
+    "FamEntitatBase_EDIT":"Detall de l'entitat base",
+    "fam_ubicacio.fam_ubi_nom":"Ubicació",
+    "fam_ent_nom_fitxer":"Arxiu",
+    "fam_ent_assumpte":"Assumpte",
+    "fam_ent_data":"Data",
+    "fam_ent_data_FROM":"Data des de",
+    "fam_ent_data_TO":"Data fins a",
+    "fam_ent_import":"Import",
+    "fam_ent_import_MIN":"Import mínim",
+    "fam_ent_import_MAX":"Import màxim",
+    "fam_ent_activat":"Actiu",
+    "fam_ent_fitxer":"Fitxer",
+    "fam_ent_observacions":"Observacions",
+    "fam_jerarquia.fam_jer_nom":"Jerarquia",
+    "fam_ent_fitxer_nom":"Fitxer",
+    "fam_ent_fitxer_content_type":"Tipus",
+    "fam_ent_fitxer_pes":"Pes",
+    "fam_ubicacio.fam_area.fam_are_nom":"Àrea",
+    "fam_ubicacio.fam_area.fam_zona.fam_zona_nom":"Zona",
+    "fam_area.fam_are_nom":"Àrea",
+    "fam_area.fam_zona.fam_zona_nom":"Zona",
+    "FAM_ACTIVITAT_LIST":"Llistat d'activitats",
+    "FamActivitat_EDIT":"Detall de l'activitat",
+    "fam_act_descripcio":"Descripció",
+    "FAM_ACTIVITATS_UBICACIO_LIST":"Llistat d'activitats per ubicació",
+    "FamActivitatsUbicacio_EDIT":"Detall d'activitats per ubicació",
+    "fam_aub_ordre":"Ordre",
+    "fam_aub_ordre_MIN":"Ordre mínim",
+    "fam_aub_ordre_MAX":"Ordre màxim",
+    "fam_activitat.fam_act_descripcio":"Activitat",
+    "FAM_ALUMNE_LIST":"Llistat d'alumnes",
+    "FamAlumne_EDIT":"Detall de l'alumne",
+    "fam_alumne_adreca":"Adreça",
+    "fam_alumne_cognoms":"Cognoms",
+    "fam_alumne_data_naixement":"Data de naixement",
+    "fam_alumne_data_naixement_FROM":"Data de naixement des de",
+    "fam_alumne_data_naixement_TO":"Data de naixement fins a",
+    "fam_alumne_document":"Document",
+    "fam_alumne_edat_MIN":"Edat mínima",
+    "fam_alumne_edat_MAX":"Edat màxima",
+    "fam_alumne_edat":"Edat",
+    "fam_alumne_nom":"Nom",
+    "fam_alumne_sexe":"Sexe",
+    "fam_alumne_nom_fitxer":"Fitxer",
+    "fam_alumne_ct_fitxer":"Tipus",
+    "fam_alumne_pes_fitxer":"Pes",
+    "FAM_COMANDA_LIST":"Llistat de comandes",
+    "FamComanda_EDIT":"Detall de la comanda",
+    "fam_com_email_destinatari":"Email destinatari",
+    "fam_com_nom_destinatari":"Nom destinatari",
+    "fam_com_referencia":"Referència",
+    "FAM_CURS_LIST":"Llistat de cursos",
+    "FamCurs_EDIT":"Detall del curs",
+    "fam_curs_activat":"Activitat",
+    "fam_curs_activat_MIN":"Activitat mínim",
+    "fam_curs_activat_MAX":"Activitat màxim",
+    "fam_curs_codi":"Codi",
+    "fam_curs_data_fi":"Data fi",
+    "fam_curs_data_fi_FROM":"Data fi des de",
+    "fam_curs_data_fi_TO":"Data fi fins a",
+    "fam_curs_data_inici":"Data inici",
+    "fam_curs_data_inici_FROM":"Data inici des de",
+    "fam_curs_data_inici_TO":"Data inici fins a",
+    "fam_curs_import":"Import",
+    "fam_curs_import_MIN":"Import mínim",
+    "fam_curs_import_MAX":"Import màxim",
+    "fam_curs_nom":"Nom",
+    "fam_curs_observacions":"Observacions",
+    "FAM_DOCUMENT_TIPUS_LIST":"Llistat de tipus de documents",
+    "FamDocumentTipus_EDIT":"Detall del tipus de document",
+    "tipus_nom":"Nom",
+    "FAM_DOCUMENT_LIST":"Llistat de documents",
+    "FamDocument_EDIT":"Detall del document",
+    "doc_alta_data":"Data alta",
+    "doc_alta_data_FROM":"Data alta des de",
+    "doc_alta_data_TO":"Data alta fins a",
+    "doc_alta_usuari":"Usuari alta",
+    "doc_baixa_data":"Data baixa",
+    "doc_baixa_data_FROM":"Data baixa des de",
+    "doc_baixa_data_TO":"Data baixa fins a",
+    "doc_baixa_usuari":"Usuari baixa",
+    "doc_content_type":"Tipus",
+    "doc_nom_arxiu":"Arxiu",
+    "doc_mida":"Mida",
+    "fam_document_tipus.tipus_nom":"Tipus document",
+    "FAM_EXPEDIENT_TIPUS_LIST":"Llistat de tipus d'expedients",
+    "FamExpedientTipus_EDIT":"Detall del tipus d'expedient",
+    "FAM_EXPEDIENT_ESTAT_LIST":"Llistat d'estats d'expedients",
+    "FamExpedientEstat_EDIT":"Detall de l'estat d'expedient",
+    "estat_nom":"Nom",
+    "FAM_EXPEDIENT_LIST":"Llistat d'expedients",
+    "FamExpedient_EDIT":"Detall de l'expedient",
+    "exp_alta_data":"Data alta",
+    "exp_alta_data_FROM":"Data alta des de",
+    "exp_alta_data_TO":"Data alta fins a",
+    "exp_alta_usuari":"Usuari alta",
+    "exp_baixa_data":"Data baixa",
+    "exp_baixa_data_FROM":"Data baixa des de",
+    "exp_baixa_data_TO":"Data baixa fins a",
+    "exp_baixa_usuari":"Usuari baixa",
+    "exp_modif_data":"Data modificació",
+    "exp_modif_data_FROM":"Data modificació des de",
+    "exp_modif_data_TO":"Data modificació fins a",
+    "exp_modif_usuari":"Usuari modificació",
+    "exp_gestor_codi_sap":"Codi SAP gestor",
+    "exp_num_expedient_sap":"Núm. expedient SAP",
+    "exp_titol":"Títol",
+    "exp_info_xbmq":"Info XBMQuery",
+    "fam_expedient_estat.estat_nom":"Estat",
+    "fam_expedient_tipus.tipus_nom":"Tipus",
+    "FAM_EXPEDIENT_DOCUMENT_LIST":"Llistat de documents d'expedients",
+    "FamExpedientDocument_EDIT":"Detall del document d'expedient",
+    "edoc_alta_data":"Data alta",
+    "edoc_alta_data_FROM":"Data alta des de",
+    "edoc_alta_data_TO":"Data alta fins a",
+    "edoc_alta_usuari":"Usuari alta",
+    "edoc_baixa_data":"Data baixa",
+    "edoc_baixa_data_FROM":"Data baixa des de",
+    "edoc_baixa_data_TO":"Data baixa fins a",
+    "edoc_baixa_usuari":"Usuari baixa",
+    "edoc_visibilitat_externa":"Visibilitat externa",
+    "fam_document.doc_nom_arxiu":"Document",
+    "fam_expedient.exp_titol":"Expedient",
+    "FAM_JERARQUIA_LIST":"Llistat de jerarquies",
+    "FamJerarquia_EDIT":"Detall de la jerarquia",
+    "fam_jer_nom":"Nom",
+    "fam_jer_descripcio":"Descripció",
+    "FAM_TIPUS_ARTICLE_LIST":"Llistat de tipus d'articles",
+    "FamTipusArticle_EDIT":"Detall del tipus d'article",
+    "fam_tip_descripcio":"Descripció",
+    "FAM_LINIA_LIST":"Llistat de línies",
+    "FamLinia_EDIT":"Detall de la línia",
+    "fam_lin_data_entrega":"Data d'entrega",
+    "fam_lin_data_entrega_FROM":"Data d'entrega des de",
+    "fam_lin_data_entrega_TO":"Data d'entrega fins a",
+    "fam_lin_descripcio":"Descripció",
+    "fam_lin_preu":"Preu",
+    "fam_lin_preu_MIN":"Preu mínim",
+    "fam_lin_preu_MAX":"Preu màxim",
+    "fam_lin_unitats":"Unitats",
+    "fam_lin_unitats_MIN":"Unitats mínimes",
+    "fam_lin_unitats_MAX":"Unitats màximes",
+    "fam_comanda.fam_com_referencia":"Comanda",
+    "fam_tipus_article.fam_tip_descripcio":"Tipus article",
+    "FAM_UBICACIO_LIST":"Llistat d'ubicacions",
+    "FamUbicacio_EDIT":"Detall de l'ubicació",
+    "fam_ubi_nom":"Nom",
+    "FAM_ZONA_LIST":"Llistat de zones",
+    "FamZona_EDIT":"Detall de la zona",
+    "fam_zona_nom":"Nom",
+    "FAM_MATRICULA_LIST":"Llistat de matrícules",
+    "FamMatricula_EDIT":"Detall de la matrícula",
+    "FamMatricula_EMBEDDED":"Matrícules",
+    "fam_matricula_codi":"Codi",
+    "fam_matricula_data_matricula":"Data matrícula",
+    "fam_matricula_data_matricula_FROM":"Data matrícula des de",
+    "fam_matricula_data_matricula_TO":"Data matrícula fins a",
+    "fam_matricula_fitxer":"Fitxer",
+    "fam_matricula_fitxer_nom":"Nom fitxer",
+    "fam_matricula_fitxer_content_type":"Tipus",
+    "fam_matricula_fitxer_pes":"Pes",
+    "fam_matricula_observacions":"Observacions",
+    "fam_alumne.fam_alumne_nom":"Alumne",
+    "fam_curs.fam_curs_nom":"Curs",
+    "version":"Versió",
+    "artifact":"Artefacte",
+    "group":"Grup",
+    "name":"Nom aplicació",
+    "profile":"Perfil",
+    "gitBranch":"Branca GIT",
+    "gitCommitId":"Id commit GIT",
+    "gitCommitIdFull":"Id commit GIT complet",
+    "gitCommitTime":"Data commit GIT",
+    "startedAt":"Arrnacat a",
+    "uptimeMs":"Temps d'execució (ms)",
+    "uptimeHuman":"Temps d'execució",
+    "ENVIRONMENT_INFO_POPUP_TITLE":"Informació de l'entorn",
+    "FUNCIONALITAT_LIST":"Llistat de funcionalitats",
+    "Funcionalitat_EDIT":"Detall de la funcionalitat",
+    "codi_funcionalitat":"Codi",
+    "nom_funcionalitat":"Nom",
+    "descripcio_funcionalitat":"Descripció",
+    "metode_api":"Metode API",
+    "usuari_alta":"Usuari alta",
+    "data_alta":"Data alta",
+    "data_alta_FROM":"Data alta des de",
+    "data_alta_TO":"Data alta fins a",
+    "usuari_modificacio":"Usuari modifació",
+    "data_modificacio":"Data modificació",
+    "data_modificacio_FROM":"Data modificació des de",
+    "data_modificacio_TO":"Data modificació fins a",
+    "FUNCIONALITAT_GRUP_FUNC_LIST":"Llistat Funcionalitat-Grup funcionalitat",
+    "FuncionalitatGrupFunc_EDIT":"Detall de Funcionalitat-Grup funcionalitat",
+    "grup_funcionalitat.nom_grup_funcionalitat":"Grup funcionalitat",
+    "funcionalitat.nom_funcionalitat":"Funcionalitat",
+    "GRUP_FUNCIONALITAT_LIST":"Llistat de grups funcionalitat",
+    "GrupFuncionalitat_EDIT":"Detall de grup funcionalitat",
+    "nom_grup_funcionalitat":"Grup",
+    "Funcionalitat_EMBEDDED":"Funcionalitats",
+    "VUS_PERFIL_LIST":"Llistat de perfils",
+    "VusPerfil_EDIT":"Detall de perfil",
+    "nom_perfil":"Perfil",
+    "PERFIL_GRUP_FUNCIONALITAT_LIST":"Llistat Perfil-Grup funcionalitat",
+    "PerfilGrupFuncionalitat_EDIT":"Detall de Perfil-Grup funcionalitat",
+    "vus_perfil.nom_perfil":"Perfil",
+    "FuncionalitatGrupFunc_EMBEDDED":"Funcionalitat-Grup funcionalitat",
+    "PerfilGrupFuncionalitat_EMBEDDED":"Grups funcionalitats",
+    "MANTENIMENTS":"Manteniments",
+    "INICI":"Inici",
+    "FamActivitat":"Activitats",
+    "FamActivitatsUbicacio":"Activitats-Ubicacions",
+    "FamAlumne":"Alumnes",
+    "FamArea":"Areas",
+    "FamComanda":"Comandes",
+    "FamCurs":"Cursos",
+    "FamDocument":"Documents",
+    "FamDocumentTipus":"Tipus Documents",
+    "FamEntitatBase":"Entats Base",
+    "FamExpedient":"Expedients",
+    "FamExpedientDocument":"Expedient-Document",
+    "FamExpedientEstat":"Estats Expedient",
+    "FamExpedientTipus":"Expediemts Tipus",
+    "FamJerarquia":"Jerarquies",
+    "FamLinia":"Linies",
+    "FamMatricula":"Matricules",
+    "FamTipusArticle":"Tipus Articles",
+    "FamUbicacio":"Ubicacions",
+    "FamZona":"Zones",
+    "Funcionalitat":"Funcionalitats",
+    "FuncionalitatGrupFunc":"Funcionalitats-Grups Funcionalitats",
+    "GrupFuncionalitat":"Grups Funcionalitats",
+    "PerfilGrupFuncionalitat":"Perfils-Grups Funcionalitats",
+    "VusPerfil":"Perfils VUS",
+    "AUTHORIZATION":"Autorització",
+    "AUXILIARS":"Mant. Auxiliars"
+}

package/src/fam-archetype-app/files/src/assets/translations/translations-en.json

@@ -0,0 +1,28 @@
+{
+    "accept": "Accept",
+    "reject": "Reject",
+    "matchAll": "Match all",
+    "matchAny": "Match any",
+    "addRule": "Add rule",
+    "removeRule": "Remove rule",
+    "clear": "Clear",
+    "apply": "Apply",
+    "startsWith": "Starts with",
+    "contains": "Contains",
+    "notContains": "Does not contain",
+    "endsWith": "Ends with",
+    "equals": "Equals",
+    "notEquals": "Not equals",
+    "lt": "Less than",
+    "lte": "Less than or equal to",
+    "gt": "Greater than",
+    "gte": "Greater than or equal to",
+    "is": "Is",
+    "isNot": "Is not",
+    "before": "Before",
+    "after": "After",
+    "dateIs": "Date is",
+    "dateIsNot": "Date is not",
+    "dateBefore": "Date is before",
+    "dateAfter": "Date is after"
+}

package/src/fam-archetype-app/files/src/assets/translations/translations-es.json

@@ -0,0 +1,28 @@
+{
+    "accept": "Aceptar",
+    "reject": "Rechazar",
+    "matchAll": "Coincidir todo",
+    "matchAny": "Coincidir con cualquiera",
+    "addRule": "Añadir regla",
+    "removeRule": "Eliminar regla",
+    "clear": "Limpiar",
+    "apply": "Aplicar",
+    "startsWith": "Empieza por",
+    "contains": "Contiene",
+    "notContains": "No contiene",
+    "endsWith": "Termina por",
+    "equals": "Igual a",
+    "notEquals": "Distinto de",
+    "lt": "Menor que",
+    "lte": "Menor o igual que",
+    "gt": "Mayor que",
+    "gte": "Mayor o igual que",
+    "is": "Es",
+    "isNot": "No es",
+    "before": "Antes",
+    "after": "Después",
+    "dateIs": "La fecha es",
+    "dateIsNot": "La fecha no es",
+    "dateBefore": "La fecha es anterior a",
+    "dateAfter": "La fecha es posterior a"
+}

package/src/fam-archetype-app/files/src/core/layout/component/footer/footer.component.html.template

@@ -0,0 +1,3 @@
+<div class="layout-footer">
+    <p>Diputació de Barcelona. Rambla de Catalunya, 126. 08008 Barcelona Tel. 934 022 222</p>
+</div>

package/src/fam-archetype-app/files/src/core/layout/component/footer/footer.component.scss

@@ -0,0 +1,8 @@
+.layout-footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem 0 1rem 0;
+  gap: 0.5rem;
+  border-top: 1px solid var(--p-content-border-color);
+}

package/src/fam-archetype-app/files/src/core/layout/component/layout/layout.component.html

@@ -0,0 +1,19 @@
+<div class="layout-wrapper" [ngClass]="containerClass">
+    <app-topbar (openMainInfoPopup)="openMainInfoPopup($event)"></app-topbar>
+    <app-top-menu *ngIf="topMenuService.showTopMenu()"/>
+    <div class="layout-main-container" [ngClass]="{'top-menu-active': topMenuService.showTopMenu()}">
+        <div class="layout-main-container-inner">
+            <app-sidebar></app-sidebar>
+            <div class="layout-main">
+                <router-outlet></router-outlet>
+            </div>
+        </div>
+        <app-footer></app-footer>
+    </div>
+    <app-main-info-popup
+    *ngIf="showMainInfoPopup"
+    [title]="popupTitle"
+    [keyValueArray]="popupKeyValueArray"
+    (onCancel)="closeMainInfoPopup()">
+    </app-main-info-popup>
+</div>

package/src/fam-archetype-app/files/src/core/layout/component/layout/layout.component.scss

@@ -0,0 +1,28 @@
+.layout-main-container {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  justify-content: space-between;
+  padding: 0rem 1.5rem 0 0rem;
+  transition: margin-left 0.2s;
+
+  .layout-main-container-inner {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+  }
+}
+
+.top-menu-active {
+  padding-top: 2.5rem;
+}
+
+.layout-main {
+  flex: 1 1 auto;
+  padding: 1.5rem 1.5rem;
+}
+
+.layout-wrapper {
+  min-height: 100vh;
+}
+

package/src/fam-archetype-app/files/src/core/layout/component/main-info-popup/main-info-popup.component.html

@@ -0,0 +1,33 @@
+<!-- Fondo oscuro -->
+<div class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-1100">
+  <!-- Contenedor del popup -->
+  <div class="bg-white p-6 rounded-2xl shadow-xl w-full max-w-xl">
+    <h2 class="text-primary-500 text-xl font-bold mb-4 text-center">{{ title | primengTranslation }}</h2>
+
+    <p-table 
+      [value]="keyValueArray"
+      class="border-separate border-spacing-0 w-full">
+      <ng-template pTemplate="header">
+        <tr class="!bg-white">
+          <th class="!bg-white !text-primary-500 !font-semibold !text-left !px-4 !py-2">{{ 'CLAU' | primengTranslation }}</th>
+          <th class="!bg-white !text-primary-500 !font-semibold !text-left !px-4 !py-2">{{ 'VALOR' | primengTranslation }}</th>
+        </tr>
+      </ng-template>
+      <ng-template pTemplate="body" let-row let-index="rowIndex">
+        <tr class="even:!bg-gray-50">
+          <td class="!font-semibold !px-4 !py-2">{{ row.key | primengTranslation}}</td>
+          <td class="!px-4 !py-2">{{ row.value | primengTranslation}}</td>
+        </tr>
+      </ng-template>
+    </p-table>
+
+    <div class="flex justify-around mt-4">
+      <button
+        class="bg-primary-500 text-white hover:bg-primary-900 border border-primary-500 hover:border-primary-900 rounded-full px-6 py-2  transition"
+        (click)="cancel()"
+      >
+        {{ 'CLOSE' | primengTranslation }}
+      </button>
+    </div>
+  </div>
+</div>

package/src/fam-archetype-app/files/src/core/layout/component/main-info-popup/main-info-popup.component.scss

@@ -0,0 +1,3 @@
+.z-1100 {
+    z-index: 1100;
+}

package/src/fam-archetype-app/files/src/core/layout/component/menu/menu.component.html

@@ -0,0 +1,3 @@
+<ul class="layout-menu">
+    <p-panelmenu [model]="model" styleClass="w-full md:w-20rem" />
+</ul>