Fix magazzino

.env.example

@@ -2,26 +2,41 @@
 
 POSTGRES_USER=postgres
 POSTGRES_PASSWORD=postgres
-POSTGRES_DB=scouthub
+# Database di scouthub-home-be. Sulla stessa istanza vivono anche
+# scouthub / scouthub_magazzino / scouthub_eventi (creati da db-init/
+# al primo avvio), usati rispettivamente da attivita-backend/magazzino-backend/
+# eventi-backend con le stesse credenziali POSTGRES_USER/POSTGRES_PASSWORD.
+POSTGRES_DB=scouthub_home
 POSTGRES_PORT=5432
 
-ATTIVITA_BACKEND_PORT=8080
-
-# Deve restare 8080: il frontend Angular ha l'URL dell'API hardcoded
-# in src/environments/environment.ts (apiUrl: 'http://localhost:8080')
-ATTIVITA_FRONTEND_PORT=4200
-
 KEYCLOAK_DB_PASSWORD=keycloak_change_me
 KEYCLOAK_ADMIN_PASSWORD=admin_change_me
 
-# Se in locale esegui anche scouthub-home-be fuori da Docker (npm run dev),
-# il suo PORT di default (8082) è già scelto per non collidere con questo.
-KEYCLOAK_PORT=8081
+# Keycloak ha una porta tutta sua, separata dai range frontend/backend qui sotto.
+KEYCLOAK_PORT=6999
 
-# Deve restare 8082: scouthub-home-fe ha l'URL dell'org-service hardcoded
-# in src/environments/environment.ts (orgServiceApiBaseUrl: 'http://localhost:8082')
-HOME_BACKEND_PORT=8082
-HOME_FRONTEND_PORT=4201
+# Porte frontend, a partire da 7000, in ordine home/attivita/magazzino/calendario.
+# Nessuna e' hardcoded nel codice: i frontend Angular ricevono gli URL (Keycloak,
+# API, cross-frontend) come build ARG Docker valorizzati da queste variabili
+# (vedi build.args dei rispettivi servizi in docker-compose.yml).
+HOME_FRONTEND_PORT=7000
+ATTIVITA_FRONTEND_PORT=7001
+MAGAZZINO_FRONTEND_PORT=7002
+EVENTI_FRONTEND_PORT=7003
+
+# Porte backend, a partire da 8000, stesso ordine home/attivita/magazzino/calendario.
+HOME_BACKEND_PORT=8000
+ATTIVITA_BACKEND_PORT=8001
+MAGAZZINO_BACKEND_PORT=8002
+EVENTI_BACKEND_PORT=8003
 
 # Deve coincidere con il secret del client "scouthub-home-be" in keycloak/realm-export.json
 KEYCLOAK_ORG_SERVICE_CLIENT_SECRET=change_me
+
+# Deve coincidere con il secret del client "scouthub-magazzino-be" in keycloak/realm-export.json
+KEYCLOAK_MAGAZZINO_CLIENT_SECRET=change_me
+
+# Deve coincidere con il secret del client "scouthub-eventi-be" in keycloak/realm-export.json
+# (secret condiviso anche con scouthub-attivita-be e scouthub-magazzino-be, che lo usano per
+# chiamare POST /eventi/:id/risorse su scouthub-eventi-be)
+KEYCLOAK_EVENTI_CLIENT_SECRET=change_me

db-init/init-attivita-db.sql

@@ -1,5 +1,5 @@
--- scouthub-home-be usa un database separato sulla stessa istanza Postgres di "db".
+-- scouthub-attivita-be usa un database separato sulla stessa istanza Postgres di "db".
 -- Eseguito solo al primo avvio del container (volume dati vuoto).
-SELECT 'CREATE DATABASE scouthub_home'
-WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = 'scouthub_home')
+SELECT 'CREATE DATABASE scouthub'
+WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = 'scouthub')
 \gexec

db-init/init-eventi-db.sql

@@ -0,0 +1,5 @@
+-- scouthub-eventi-be usa un database separato sulla stessa istanza Postgres di "db".
+-- Eseguito solo al primo avvio del container (volume dati vuoto).
+SELECT 'CREATE DATABASE scouthub_eventi'
+WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = 'scouthub_eventi')
+\gexec

db-init/init-magazzino-db.sql

@@ -0,0 +1,5 @@
+-- scouthub-magazzino-be usa un database separato sulla stessa istanza Postgres di "db".
+-- Eseguito solo al primo avvio del container (volume dati vuoto).
+SELECT 'CREATE DATABASE scouthub_magazzino'
+WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = 'scouthub_magazzino')
+\gexec

docker-compose.yml

@@ -10,7 +10,8 @@ services:
       - "${POSTGRES_PORT}:5432"
     volumes:
       - scouthub_db_data:/var/lib/postgresql/data
-      # Crea anche il DB scouthub_home usato da scouthub-home-be (solo al primo init).
+      # Crea anche i DB scouthub / scouthub_magazzino / scouthub_eventi
+      # usati dagli altri backend, sulla stessa istanza (solo al primo init).
       - ./db-init:/docker-entrypoint-initdb.d:ro
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER} -d ${POSTGRES_DB}"]
@@ -25,7 +26,7 @@ services:
     environment:
       PORT: ${ATTIVITA_BACKEND_PORT}
       CORS_ORIGIN: http://localhost:${ATTIVITA_FRONTEND_PORT}
-      DATABASE_URL: postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB}?schema=public
+      DATABASE_URL: postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/scouthub?schema=public
       KEYCLOAK_BASE_URL: http://keycloak:8080
       KEYCLOAK_REALM: scouthub
     ports:
@@ -39,6 +40,9 @@ services:
   attivita-frontend:
     build:
       context: ./scouthub-attivita-fe
+      args:
+        API_URL: http://localhost:${ATTIVITA_BACKEND_PORT}
+        KEYCLOAK_BASE_URL: http://localhost:${KEYCLOAK_PORT}
     restart: unless-stopped
     ports:
       - "${ATTIVITA_FRONTEND_PORT}:80"
@@ -51,7 +55,7 @@ services:
     restart: unless-stopped
     environment:
       PORT: ${HOME_BACKEND_PORT}
-      DATABASE_URL: postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/scouthub_home?schema=public
+      DATABASE_URL: postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB}?schema=public
       FRONTEND_BASE_URL: http://localhost:${HOME_FRONTEND_PORT}
       # Rete interna Docker: la validazione del JWT (JWKS) non controlla l'issuer,
       # quindi non serve che coincida con l'hostname visto dal browser (localhost:8081).
@@ -70,12 +74,81 @@ services:
   home-frontend:
     build:
       context: ./scouthub-home-fe
+      args:
+        KEYCLOAK_BASE_URL: http://localhost:${KEYCLOAK_PORT}
+        ORG_SERVICE_API_BASE_URL: http://localhost:${HOME_BACKEND_PORT}
+        ATTIVITA_FE_BASE_URL: http://localhost:${ATTIVITA_FRONTEND_PORT}
+        MAGAZZINO_FE_BASE_URL: http://localhost:${MAGAZZINO_FRONTEND_PORT}
+        EVENTI_FE_BASE_URL: http://localhost:${EVENTI_FRONTEND_PORT}
     restart: unless-stopped
     ports:
       - "${HOME_FRONTEND_PORT}:80"
     depends_on:
       - home-backend
 
+  magazzino-backend:
+    build:
+      context: ./scouthub-magazzino-be
+    restart: unless-stopped
+    environment:
+      PORT: ${MAGAZZINO_BACKEND_PORT}
+      DATABASE_URL: postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/scouthub_magazzino?schema=public
+      KEYCLOAK_BASE_URL: http://keycloak:8080
+      KEYCLOAK_REALM: scouthub
+      KEYCLOAK_MAGAZZINO_CLIENT_ID: scouthub-magazzino-be
+      KEYCLOAK_MAGAZZINO_CLIENT_SECRET: ${KEYCLOAK_MAGAZZINO_CLIENT_SECRET}
+    ports:
+      - "${MAGAZZINO_BACKEND_PORT}:${MAGAZZINO_BACKEND_PORT}"
+    depends_on:
+      db:
+        condition: service_healthy
+      keycloak:
+        condition: service_started
+
+  magazzino-frontend:
+    build:
+      context: ./scouthub-magazzino-fe
+      args:
+        KEYCLOAK_BASE_URL: http://localhost:${KEYCLOAK_PORT}
+        MAGAZZINO_API_BASE_URL: http://localhost:${MAGAZZINO_BACKEND_PORT}
+    restart: unless-stopped
+    ports:
+      - "${MAGAZZINO_FRONTEND_PORT}:80"
+    depends_on:
+      - magazzino-backend
+
+  eventi-backend:
+    build:
+      context: ./scouthub-eventi-be
+    restart: unless-stopped
+    environment:
+      PORT: ${EVENTI_BACKEND_PORT}
+      DATABASE_URL: postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/scouthub_eventi?schema=public
+      KEYCLOAK_BASE_URL: http://keycloak:8080
+      KEYCLOAK_REALM: scouthub
+      KEYCLOAK_EVENTI_CLIENT_ID: scouthub-eventi-be
+      KEYCLOAK_EVENTI_CLIENT_SECRET: ${KEYCLOAK_EVENTI_CLIENT_SECRET}
+      KEYCLOAK_AUTHORIZED_SERVICE_CLIENTS: scouthub-eventi-be
+    ports:
+      - "${EVENTI_BACKEND_PORT}:${EVENTI_BACKEND_PORT}"
+    depends_on:
+      db:
+        condition: service_healthy
+      keycloak:
+        condition: service_started
+
+  eventi-frontend:
+    build:
+      context: ./scouthub-eventi-fe
+      args:
+        KEYCLOAK_BASE_URL: http://localhost:${KEYCLOAK_PORT}
+        EVENTI_API_BASE_URL: http://localhost:${EVENTI_BACKEND_PORT}
+    restart: unless-stopped
+    ports:
+      - "${EVENTI_FRONTEND_PORT}:80"
+    depends_on:
+      - eventi-backend
+
   keycloak-db:
     image: postgres:16-alpine
     restart: unless-stopped
@@ -89,13 +162,11 @@ services:
   keycloak:
     image: quay.io/keycloak/keycloak:26.7
     restart: unless-stopped
-    # --import-realm importa keycloak/realm-export.json solo se il realm non esiste già
-    # NOTA: dopo l'import, assegnare al service account di scouthub-home-be i client role
-    # del client 'realm-management': manage-organizations, manage-users, manage-groups,
-    # view-users (permessi minimi, non manage-realm). Con Fine-Grained Admin Permissions
-    # (26.7+, feature admin-fine-grained-authz:v1) si puo' poi restringere ulteriormente
-    # per singola Organization.
-    command: start-dev --import-realm
+    # --import-realm importa keycloak/realm-export.json solo se il realm non esiste già.
+    # Le correzioni post-import (ruoli service account, protocol mapper "organization") non
+    # coperte dal file JSON sono automatizzate dal servizio one-shot "keycloak-init" sotto,
+    # non più manuali (vedi CLAUDE.md).
+    command: start-dev --import-realm --health-enabled=true
     environment:
       KC_DB: postgres
       KC_DB_URL: jdbc:postgresql://keycloak-db:5432/keycloak
@@ -114,8 +185,28 @@ services:
       - "${KEYCLOAK_PORT}:8080"
     volumes:
       - ./keycloak/realm-export.json:/opt/keycloak/data/import/realm-export.json:ro
+      - ./keycloak/themes/scouthub:/opt/keycloak/themes/scouthub:ro
     depends_on:
       - keycloak-db
+    healthcheck:
+      test: ["CMD-SHELL", "exec 3<>/dev/tcp/127.0.0.1/9000 && echo -e 'GET /health/ready HTTP/1.1\\r\\nHost: localhost\\r\\nConnection: close\\r\\n\\r\\n' >&3 && grep -q '\"status\": \"UP\"' <&3"]
+      interval: 5s
+      timeout: 5s
+      retries: 30
+      start_period: 30s
+
+  keycloak-init:
+    image: alpine:3.20
+    restart: "no"
+    entrypoint: ["sh", "-c", "apk add --no-cache curl jq >/dev/null && sh /init-post-import.sh"]
+    environment:
+      KEYCLOAK_ADMIN: admin
+      KEYCLOAK_ADMIN_PASSWORD: ${KEYCLOAK_ADMIN_PASSWORD}
+    volumes:
+      - ./keycloak/init-post-import.sh:/init-post-import.sh:ro
+    depends_on:
+      keycloak:
+        condition: service_healthy
 
 volumes:
   scouthub_db_data:

keycloak/README.md

@@ -4,21 +4,26 @@ Realm `scouthub` con feature Organizations abilitata, importato automaticamente
 all'avvio di Keycloak (`--import-realm` nel `docker-compose.yml` alla radice).
 
 Basato su `keycloak/realm.json` (bozza di riferimento), con l'aggiunta del
-ruolo `admin-centrale` richiesto da `POST /gruppi` in `scouthub-home-be`
-(placeholder temporaneo, vedi il TODO in `src/routes/gruppi.routes.ts`).
+ruolo `admin` richiesto da `POST /gruppi` e `GET /gruppi` in
+`scouthub-home-be`: creazione/elenco diretti restano riservati ad `admin`,
+mentre un utente normale passa dal flusso self-service di richiesta
+creazione gruppo (`POST /richieste-creazione-gruppo`), che alla review
+positiva invoca la stessa `createGruppo()` internamente.
 
 Contiene già:
 
-- i realm role usati dal backend: `admin-centrale`, `capo-gruppo`,
-  `capo-unita`, `censito`, più il placeholder `manage-organizations`
+- i realm role usati dal backend, in gerarchia composite (`admin` include
+  `capo-gruppo` include `capo-unita` include `capo` include `censito`; `admin`
+  include anche `moderatore`): `admin`, `capo-gruppo`, `capo-unita`, `capo`,
+  `censito`, `moderatore`, più il placeholder `manage-organizations`
 - il client scope `organization` (aggiunge id/attributi della Organization
   nei token OIDC)
 - il client confidential `scouthub-home-be` (service account abilitato,
   usato dal backend per il flow client-credentials verso le Admin REST API —
   il suo `clientId`/`secret` devono corrispondere a
   `KEYCLOAK_ORG_SERVICE_CLIENT_ID`/`_SECRET` in `scouthub-home-be/.env.example`)
-- il client pubblico `scouthub-frontend` (login utente, redirect su
-  `http://localhost:4200/*`)
+- il client pubblico `scouthub-frontend` (login utente, condiviso da tutti i
+  frontend Angular del progetto, redirect su `http://localhost:7000-7003/*`)
 
 Passi manuali ancora da fare dopo l'import (non automatizzabili in un realm
 export senza conoscere gli id generati a runtime):
@@ -49,15 +54,15 @@ I passaggi da fare sono:
    - manage-users                                                                                                                                                                                                                                  
    - view-users
 9. Clicca Assign.
-10. Dopo fatto questo bisogna fare un user admin-centrale
+10. Dopo fatto questo bisogna fare un user admin
 
-I passaggi da fare per admin-centrale:
+I passaggi da fare per admin:
 1. Apri http://localhost:8081/admin, login admin/admin, cambia realm in scouthub.
 2. Menu laterale → Users → clicca su movioletto@yahoo.it.
 3. Vai sul tab "Role mapping".
 4. Clicca "Assign role".
 5. Assicurati che il filtro sia su "Filter by realm roles" (dovrebbe esserlo di default per gli utenti normali).
-6. Cerca e seleziona admin-centrale.
+6. Cerca e seleziona admin.
 7. Clicca Assign.
 
 ⚠️ Il secret del client `scouthub-home-be` (`CAMBIA-QUESTO-SECRET-IN-UN-VAULT`)

keycloak/init-post-import.sh

@@ -0,0 +1,98 @@
+#!/bin/sh
+# Corregge due impostazioni che l'import di realm-export.json non copre (vedi CLAUDE.md):
+# 1. il client-scope built-in "organization" (creato da Keycloak con organizationsEnabled:true,
+#    non presente nel JSON) di default non include l'id dell'org nel claim JWT
+# 2. il service account di scouthub-home-be non ha i client role di realm-management necessari
+#    a operare sulla Admin API (organizations, users, roles)
+#
+# Idempotente: eseguibile ad ogni avvio senza effetti collaterali se già a posto.
+set -eu
+
+KEYCLOAK_URL="http://keycloak:8080"
+REALM="scouthub"
+SA_CLIENT_ID="scouthub-home-be"
+REQUIRED_REALM_MANAGEMENT_ROLES="manage-organizations manage-users view-realm view-users"
+
+echo "[keycloak-init] attendo che $KEYCLOAK_URL sia pronto..."
+until curl -sf "$KEYCLOAK_URL/realms/master/.well-known/openid-configuration" >/dev/null 2>&1; do
+  sleep 2
+done
+
+echo "[keycloak-init] attendo che il realm '$REALM' sia importato..."
+until curl -sf "$KEYCLOAK_URL/realms/$REALM/.well-known/openid-configuration" >/dev/null 2>&1; do
+  sleep 2
+done
+
+get_admin_token() {
+  curl -sf -X POST "$KEYCLOAK_URL/realms/master/protocol/openid-connect/token" \
+    -d "client_id=admin-cli" \
+    -d "username=$KEYCLOAK_ADMIN" \
+    -d "password=$KEYCLOAK_ADMIN_PASSWORD" \
+    -d "grant_type=password" | jq -r '.access_token'
+}
+
+TOKEN="$(get_admin_token)"
+if [ -z "$TOKEN" ] || [ "$TOKEN" = "null" ]; then
+  echo "[keycloak-init] impossibile ottenere il token admin, esco." >&2
+  exit 1
+fi
+
+auth_get() { curl -sf -H "Authorization: Bearer $TOKEN" "$KEYCLOAK_URL$1"; }
+
+# --- 1. client-scope "organization": abilita addOrganizationId -------------------------------
+SCOPE_ID="$(auth_get "/admin/realms/$REALM/client-scopes" | jq -r '.[] | select(.name=="organization") | .id')"
+
+if [ -z "$SCOPE_ID" ]; then
+  echo "[keycloak-init] client-scope 'organization' non trovato, salto." >&2
+else
+  MAPPER_JSON="$(auth_get "/admin/realms/$REALM/client-scopes/$SCOPE_ID/protocol-mappers/models" \
+    | jq -c '.[] | select(.name=="organization")')"
+  MAPPER_ID="$(echo "$MAPPER_JSON" | jq -r '.id')"
+  ALREADY_SET="$(echo "$MAPPER_JSON" | jq -r '.config.addOrganizationId // "false"')"
+
+  if [ "$ALREADY_SET" = "true" ]; then
+    echo "[keycloak-init] mapper 'organization': addOrganizationId già attivo."
+  else
+    UPDATED_MAPPER="$(echo "$MAPPER_JSON" | jq '.config.addOrganizationId = "true"')"
+    curl -sf -X PUT -H "Authorization: Bearer $TOKEN" -H "Content-Type: application/json" \
+      "$KEYCLOAK_URL/admin/realms/$REALM/client-scopes/$SCOPE_ID/protocol-mappers/models/$MAPPER_ID" \
+      -d "$UPDATED_MAPPER" >/dev/null
+    echo "[keycloak-init] mapper 'organization': addOrganizationId attivato."
+  fi
+fi
+
+# --- 2. service account di scouthub-home-be: ruoli realm-management ---------------------------
+SA_UUID="$(auth_get "/admin/realms/$REALM/clients?clientId=$SA_CLIENT_ID" | jq -r '.[0].id')"
+if [ -z "$SA_UUID" ] || [ "$SA_UUID" = "null" ]; then
+  echo "[keycloak-init] client '$SA_CLIENT_ID' non trovato, salto." >&2
+else
+  SA_USER_ID="$(auth_get "/admin/realms/$REALM/clients/$SA_UUID/service-account-user" | jq -r '.id')"
+  RM_UUID="$(auth_get "/admin/realms/$REALM/clients?clientId=realm-management" | jq -r '.[0].id')"
+
+  GIA_ASSEGNATI="$(auth_get "/admin/realms/$REALM/users/$SA_USER_ID/role-mappings/clients/$RM_UUID" | jq -r '.[].name')"
+  DISPONIBILI="$(auth_get "/admin/realms/$REALM/clients/$RM_UUID/roles")"
+
+  DA_ASSEGNARE="[]"
+  for ROLE in $REQUIRED_REALM_MANAGEMENT_ROLES; do
+    if echo "$GIA_ASSEGNATI" | grep -qx "$ROLE"; then
+      continue
+    fi
+    ROLE_REPR="$(echo "$DISPONIBILI" | jq -c --arg name "$ROLE" '.[] | select(.name==$name)')"
+    if [ -z "$ROLE_REPR" ]; then
+      echo "[keycloak-init] ruolo '$ROLE' non esiste su questa versione di Keycloak, salto." >&2
+      continue
+    fi
+    DA_ASSEGNARE="$(echo "$DA_ASSEGNARE" | jq -c --argjson r "$ROLE_REPR" '. + [$r]')"
+  done
+
+  if [ "$(echo "$DA_ASSEGNARE" | jq 'length')" = "0" ]; then
+    echo "[keycloak-init] service account '$SA_CLIENT_ID': ruoli realm-management già a posto."
+  else
+    curl -sf -X POST -H "Authorization: Bearer $TOKEN" -H "Content-Type: application/json" \
+      "$KEYCLOAK_URL/admin/realms/$REALM/users/$SA_USER_ID/role-mappings/clients/$RM_UUID" \
+      -d "$DA_ASSEGNARE" >/dev/null
+    echo "[keycloak-init] service account '$SA_CLIENT_ID': assegnati $(echo "$DA_ASSEGNARE" | jq -r '[.[].name] | join(", ")')."
+  fi
+fi
+
+echo "[keycloak-init] completato."

keycloak/realm-export.json

@@ -6,16 +6,48 @@
   "registrationAllowed": true,
   "registrationEmailAsUsername": true,
   "loginWithEmailAllowed": true,
+  "editUsernameAllowed": true,
   "resetPasswordAllowed": true,
   "verifyEmail": false,
+  "displayName": "Scouthub",
+  "displayNameHtml": "Scouthub",
+  "loginTheme": "scouthub",
+
+  "accessTokenLifespan": 3600,
+  "ssoSessionIdleTimeout": 28800,
+  "ssoSessionMaxLifespan": 36000,
+  "offlineSessionIdleTimeout": 28800,
+  "offlineSessionMaxLifespan": 36000,
 
   "roles": {
     "realm": [
-      { "name": "admin-centrale", "description": "Placeholder temporaneo: crea nuovi gruppi scout (Organization). Vedi TODO in src/routes/gruppi.routes.ts" },
-      { "name": "capo-gruppo", "description": "Gestisce il proprio gruppo scout (Organization): membri, inviti, ruoli" },
-      { "name": "capo-unita", "description": "Gestisce attivita' e materiali della propria branca" },
+      {
+        "name": "admin",
+        "description": "Puo' fare tutto su tutte le organizzazioni. Ex admin-centrale. Unico ruolo abilitato a POST/GET /gruppi diretti; gli utenti normali passano dal flusso self-service di richiesta creazione gruppo",
+        "composite": true,
+        "composites": { "realm": ["capo-gruppo", "moderatore"] }
+      },
+      {
+        "name": "capo-gruppo",
+        "description": "Gestisce il proprio gruppo scout (Organization): membri, inviti, ruoli",
+        "composite": true,
+        "composites": { "realm": ["capo-unita"] }
+      },
+      {
+        "name": "capo-unita",
+        "description": "Gestisce attivita' e materiali della propria unita' (branca)",
+        "composite": true,
+        "composites": { "realm": ["capo"] }
+      },
+      {
+        "name": "capo",
+        "description": "Vede e modifica parzialmente le cose della propria unita' (branca). Permessi identici a capo-unita per ora, da differenziare in futuro",
+        "composite": true,
+        "composites": { "realm": ["censito"] }
+      },
       { "name": "censito", "description": "Accesso in sola consultazione" },
-      { "name": "manage-organizations", "description": "Placeholder locale: il ruolo reale e' il client role manage-organizations su realm-management" }
+      { "name": "manage-organizations", "description": "Placeholder locale: il ruolo reale e' il client role manage-organizations su realm-management" },
+      { "name": "moderatore", "description": "Puo' approvare/rifiutare proposte da moderare nei vari servizi (es. catalogo materiali del magazzino, in futuro validazione attivita' prima della pubblicazione). Ex admin-catalogo" }
     ]
   },
 
@@ -44,13 +76,22 @@
       "standardFlowEnabled": true,
       "directAccessGrantsEnabled": false,
       "redirectUris": [
-        "http://localhost:4200/*",
-        "http://localhost:4201/*"
+        "http://localhost:7000/*",
+        "http://localhost:7001/*",
+        "http://localhost:7002/*",
+        "http://localhost:7002/silent-check-sso.html",
+        "http://localhost:7003/*",
+        "http://localhost:7003/silent-check-sso.html"
       ],
       "webOrigins": [
-        "http://localhost:4200",
-        "http://localhost:4201"
+        "http://localhost:7000",
+        "http://localhost:7001",
+        "http://localhost:7002",
+        "http://localhost:7003"
       ],
+      "attributes": {
+        "post.logout.redirect.uris": "http://localhost:7000/*##http://localhost:7001/*##http://localhost:7002/*##http://localhost:7003/*"
+      },
       "defaultClientScopes": [
         "openid",
         "basic",
@@ -59,6 +100,38 @@
         "email",
         "organization"
       ]
+    },
+    {
+      "clientId": "scouthub-magazzino-be",
+      "name": "Servizio di gestione catalogo magazzino (magazzino-be)",
+      "enabled": true,
+      "protocol": "openid-connect",
+      "publicClient": false,
+      "standardFlowEnabled": false,
+      "directAccessGrantsEnabled": false,
+      "serviceAccountsEnabled": true,
+      "clientAuthenticatorType": "client-secret",
+      "secret": "CAMBIA-QUESTO-SECRET-IN-UN-VAULT",
+      "redirectUris": [],
+      "attributes": {
+        "note": "Usato solo server-to-server dal backend scouthub-magazzino-be verso le Admin REST API. Non esporre mai il secret al frontend."
+      }
+    },
+    {
+      "clientId": "scouthub-eventi-be",
+      "name": "Servizio di gestione eventi (eventi-be)",
+      "enabled": true,
+      "protocol": "openid-connect",
+      "publicClient": false,
+      "standardFlowEnabled": false,
+      "directAccessGrantsEnabled": false,
+      "serviceAccountsEnabled": true,
+      "clientAuthenticatorType": "client-secret",
+      "secret": "CAMBIA-QUESTO-SECRET-IN-UN-VAULT",
+      "redirectUris": [],
+      "attributes": {
+        "note": "Usato solo server-to-server dal backend scouthub-eventi-be verso le Admin REST API. Il secret va condiviso anche con attivita-be e magazzino-be, che lo usano come client credentials per chiamare POST /eventi/:id/risorse su scouthub-eventi-be. Non esporre mai il secret al frontend."
+      }
     }
   ]
 }

keycloak/themes/scouthub/login/resources/css/scouthub.css

@@ -0,0 +1,146 @@
+/*
+ * Palette e font presi da scouthub-home-fe/src/material-theme.scss
+ * (design system "Scouthub - Home"), per far combaciare login/registrazione
+ * Keycloak con la grafica del frontend home. scouthub-home-fe forza
+ * `color-scheme: light` (nessuna dark mode), quindi qui i colori sono
+ * valori fissi e non seguono il toggle dark del tema keycloak.v2.
+ */
+@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Figtree:wght@400;500;600;700&display=swap');
+
+:root {
+  --scouthub-primary: #c67139;
+  --scouthub-on-primary: #f5ead8;
+  --scouthub-primary-container: #fff2eb;
+  --scouthub-on-primary-container: #643312;
+  --scouthub-secondary: #7a8a5e;
+  --scouthub-error: #8c2f22;
+  --scouthub-background: #f5ead8;
+  --scouthub-on-background: #201e1d;
+  --scouthub-surface-container: #ebddc5;
+  --scouthub-surface-container-lowest: #ffffff;
+  --scouthub-outline: #a89a83;
+  --scouthub-outline-variant: #d8c9ab;
+
+  color-scheme: light;
+  /* Nessuna striscia colorata in cima alla card: home-fe non usa questo
+     pattern (le sue card, es. profilo-card/crea-gruppo__card, sono piatte). */
+  --keycloak-card-top-color: transparent;
+}
+
+html,
+body {
+  font-family: 'Figtree', sans-serif;
+}
+
+.login-pf body,
+#keycloak-bg {
+  background: var(--scouthub-background);
+  color: var(--scouthub-on-background);
+}
+
+.pf-v5-c-login__main-header {
+  border-top: none;
+}
+
+.pf-v5-c-login__main {
+  /* Stesso tono delle card di home-fe (profilo-card, crea-gruppo__card),
+     non bianco: qui il bianco sarebbe l'unico elemento "freddo" della pagina. */
+  background: var(--scouthub-surface-container);
+  border-radius: 32px;
+  box-shadow: 0 12px 32px rgba(46, 43, 37, 0.16);
+  padding: 8px;
+}
+
+#kc-header-wrapper {
+  font-family: 'Caprasimo', sans-serif;
+  text-transform: none;
+  letter-spacing: normal;
+  font-size: 28px;
+  color: var(--scouthub-on-background) !important;
+}
+
+.pf-v5-c-title.pf-m-3xl,
+#kc-page-title {
+  font-family: 'Caprasimo', sans-serif;
+  color: var(--scouthub-on-background);
+}
+
+a,
+a:visited {
+  color: var(--scouthub-primary);
+}
+
+.pf-v5-c-form__label-text {
+  font-family: 'Figtree', sans-serif;
+  font-weight: 500;
+  font-size: 13px;
+  color: var(--scouthub-on-background);
+  opacity: 0.75;
+}
+
+.pf-v5-c-form-control {
+  background-color: var(--scouthub-surface-container-lowest);
+  color: var(--scouthub-on-background);
+  border-radius: 12px;
+  border-color: var(--scouthub-outline-variant);
+}
+
+/* La classe kcInputClass è sullo <span> che avvolge l'<input>, non
+   sull'input stesso: :focus non scatterebbe mai, serve :focus-within.
+   L'input interno non ha classi proprie, quindi va spento il suo outline
+   nativo separatamente. */
+.pf-v5-c-form-control:focus-within {
+  border-color: var(--scouthub-primary);
+  box-shadow: 0 0 0 1px var(--scouthub-primary);
+}
+
+.pf-v5-c-form-control input:focus,
+.pf-v5-c-form-control textarea:focus,
+.pf-v5-c-form-control select:focus {
+  outline: none;
+}
+
+/* PatternFly disegna l'indicatore di focus come bordo inferiore blu tramite
+   uno pseudo-elemento ::after sullo <span> wrapper (non tramite :focus né
+   outline): va sovrascritto qui, altrimenti resta il blu di default. */
+.pf-v5-c-form-control::after {
+  border-bottom-color: var(--scouthub-primary);
+}
+
+.pf-v5-c-button.pf-m-primary {
+  background-color: var(--scouthub-primary) !important;
+  color: var(--scouthub-on-primary) !important;
+  border-radius: 999px !important;
+  border: none !important;
+}
+
+.pf-v5-c-button.pf-m-primary:hover,
+.pf-v5-c-button.pf-m-primary:focus {
+  background-color: var(--scouthub-on-primary-container) !important;
+}
+
+.pf-v5-c-button.pf-m-secondary {
+  color: var(--scouthub-secondary) !important;
+  border-color: var(--scouthub-secondary) !important;
+  border-radius: 999px !important;
+}
+
+.pf-v5-c-button.pf-m-link {
+  color: var(--scouthub-primary) !important;
+}
+
+.pf-v5-c-button.pf-m-control {
+  border-radius: 12px;
+  border-color: var(--scouthub-outline-variant);
+  color: var(--scouthub-on-background);
+}
+
+.pf-v5-c-check__input:checked ~ .pf-v5-c-check__label::before {
+  background-color: var(--scouthub-primary);
+}
+
+.pf-v5-c-alert.pf-m-danger {
+  --pf-v5-c-alert--BackgroundColor: var(--scouthub-primary-container);
+  --pf-v5-c-alert--m-danger--BorderTopColor: var(--scouthub-error);
+  color: var(--scouthub-on-primary-container);
+}

keycloak/themes/scouthub/login/theme.properties

@@ -0,0 +1,19 @@
+# Tema di login/registrazione allineato alla grafica di scouthub-home-fe
+# (stessi colori/font del design system "Scouthub - Home", vedi
+# scouthub-home-fe/src/material-theme.scss). Eredita struttura e
+# comportamento dal tema built-in "keycloak.v2", aggiungendo solo un foglio
+# di stile che sovrascrive i colori PatternFly.
+parent=keycloak.v2
+import=common/keycloak
+
+# Non chiamare il nostro foglio di stile "css/styles.css": è lo stesso path
+# relativo usato dal tema padre keycloak.v2 (che contiene l'override del
+# layout a colonna singola dell'header). Con lo stesso nome Keycloak serve
+# solo il file del tema figlio, perdendo quello del padre: elenchiamo
+# entrambi, il nostro per ultimo così vince in cascata sui colori.
+styles=css/styles.css css/scouthub.css
+
+# scouthub-home-fe non ha una dark mode (color-scheme fissato a light in
+# material-theme.scss): disattiviamo anche qui il toggle automatico di
+# keycloak.v2, altrimenti col sistema in dark mode gli input diventano neri.
+darkMode=false

scouthub-attivita-be/.env.example

@@ -1,11 +1,11 @@
-PORT=8080
-CORS_ORIGIN=http://localhost:4200
+PORT=8001
+CORS_ORIGIN=http://localhost:7001
 DATABASE_URL=postgresql://postgres:postgres@localhost:5432/scouthub?schema=public
 
 # Keycloak (realm condiviso con scouthub-home-be/-fe, vedi keycloak/realm-export.json
 # alla radice del monorepo): usato solo per verificare i token, nessun client
 # id/secret necessario qui.
-KEYCLOAK_BASE_URL=http://localhost:8081
+KEYCLOAK_BASE_URL=http://localhost:6999
 KEYCLOAK_REALM=scouthub
 
 # Database dedicato ai test automatici (Jest): tenuto separato dal DB di sviluppo

scouthub-attivita-be/DDL/1-creazioneDB.sql

@@ -1,240 +0,0 @@
--- **************************************************** stato_attivita
-
-create table stato_attivita
-(
-    id              varchar(2)   not null primary key,
-    nome            varchar(250) not null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null
-);
-
--- **************************************************** tipo_categoria
-
-create table tipo_categoria
-(
-    id              varchar(2)   not null primary key,
-    nome            varchar(250) not null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null
-);
-
--- **************************************************** tipo_paragrafo
-
-create table tipo_paragrafo
-(
-    id              varchar(10)  not null primary key,
-    nome            varchar(250) not null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null
-);
-
--- **************************************************** attivita
-
-create table attivita
-(
-    id              int          not null primary key auto_increment,
-    nome            varchar(250) not null,
-    autore          varchar(250) not null,
-    padre           int          null,
-    stato           varchar(2)   not null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null,
-
-    constraint fk_attivita_attivita foreign key (padre) references attivita (id),
-    constraint fk_attivita_stato_attivita foreign key (stato) references stato_attivita (id)
-);
-
-create index fk_attivita_attivita_idx on attivita (padre);
-
-create index fk_attivita_stato_attivita_idx on attivita (stato);
-
--- **************************************************** branca
-
-create table branca
-(
-    id              int          not null primary key auto_increment,
-    nome            varchar(250) not null,
-    inizio_eta      int          null,
-    fine_eta        int          null,
-    colore          varchar(10)  null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null
-);
-
--- **************************************************** branca_attivita
-
-create table branca_attivita
-(
-    attivita_id     int         not null,
-    branca_id       int         not null,
-    cancellato      tinyint     not null,
-    data_creazione  datetime    not null,
-    data_modifica   datetime    not null,
-    utente_modifica varchar(50) not null,
-
-    primary key (attivita_id, branca_id),
-
-    constraint fk_branca_attivita_attivita foreign key (attivita_id) references attivita (id),
-    constraint fk_branca_attivita_branca foreign key (branca_id) references branca (id)
-);
-
-create index fk_branca_attivita_attivita_idx on branca_attivita (attivita_id);
-
-create index fk_branca_attivita_branca_idx on branca_attivita (branca_id);
-
--- **************************************************** periodo_anno
-
-create table periodo_anno
-(
-    id              int          not null primary key auto_increment,
-    nome            varchar(250) not null,
-    inizio_mese     int          null,
-    fine_mese       int          null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null
-);
-
--- **************************************************** periodo_anno_attivita
-
-create table periodo_anno_attivita
-(
-    attivita_id     int         not null,
-    periodo_anno_id int         not null,
-    cancellato      tinyint     not null,
-    data_creazione  datetime    not null,
-    data_modifica   datetime    not null,
-    utente_modifica varchar(50) not null,
-
-    primary key (attivita_id, periodo_anno_id),
-
-    constraint fk_periodo_anno_attivita_attivita foreign key (attivita_id) references attivita (id),
-    constraint fk_periodo_anno_attivita_periodo_anno foreign key (periodo_anno_id) references periodo_anno (id)
-);
-
-create index fk_periodo_anno_attivita_attivita_idx on periodo_anno_attivita (attivita_id);
-
-create index fkperiodo_anno_attivita_periodo_anno_idx on periodo_anno_attivita (periodo_anno_id);
-
--- **************************************************** paragrafo
-
-create table paragrafo
-(
-    id              int          not null primary key auto_increment,
-    attivita_id     int          not null,
-    corpo           varchar(500) not null,
-    autore          varchar(250) not null,
-    tipo            varchar(10)  not null,
-    ordine          int          not null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null,
-
-    constraint fk_paragrafo_tipo_paragrafo foreign key (tipo) references tipo_paragrafo (id),
-    constraint fk_paragrafo_attivita foreign key (attivita_id) references attivita (id)
-);
-
-create index fk_paragrafo_tipo_paragrafo_idx on paragrafo (tipo);
-
--- **************************************************** categoria
-
-create table categoria
-(
-    id              int          not null primary key auto_increment,
-    nome            varchar(250) not null,
-    padre           int          null,
-    tipo            varchar(2)   not null,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null,
-
-    constraint fk_categoria_categoria foreign key (padre) references categoria (id),
-    constraint fk_categoria_tipo_categoria foreign key (tipo) references tipo_categoria (id)
-);
-
-create index fk_categoria_categoria_idx on categoria (padre);
-
-create index fk_categoria_tipo_categoria_idx on categoria (tipo);
-
--- **************************************************** categoria_attivita
-
-create table categoria_attivita
-(
-    attivita_id     int         not null,
-    categoria_id    int         not null,
-    cancellato      tinyint     not null,
-    data_creazione  datetime    not null,
-    data_modifica   datetime    not null,
-    utente_modifica varchar(50) not null,
-
-    primary key (attivita_id, categoria_id),
-
-    constraint fk_categoria_attivita_attivita foreign key (attivita_id) references attivita (id),
-    constraint fk_categoria_attivita_categoria foreign key (categoria_id) references categoria (id)
-);
-
-create index fk_categoria_attivita_attivita_idx on categoria_attivita (attivita_id);
-
-create index fk_categoria_attivita_categoria_idx on categoria_attivita (categoria_id);
-
--- **************************************************** materiale
-
-create table materiale
-(
-    id              int          not null primary key auto_increment,
-    nome            varchar(250) not null,
-    proprieta       json,
-    data_creazione  datetime     not null,
-    data_modifica   datetime     not null,
-    utente_modifica varchar(50)  not null
-);
-
--- **************************************************** materiale_attivita
-
-create table materiale_attivita
-(
-    attivita_id     int         not null,
-    materiale_id    int         not null,
-    proprieta       json        null,
-    cancellato      tinyint     not null,
-    data_creazione  datetime    not null,
-    data_modifica   datetime    not null,
-    utente_modifica varchar(50) not null,
-
-    primary key (attivita_id, materiale_id),
-
-    constraint fk_materiale_attivita_attivita foreign key (attivita_id) references attivita (id),
-    constraint fk_materiale_attivita_materiale foreign key (materiale_id) references materiale (id)
-);
-
-create index fk_materiale_attivita_attivita_idx on materiale_attivita (attivita_id);
-
-create index fk_materiale_attivita_materiale_idx on materiale_attivita (materiale_id);
-
--- **************************************************** categoria_materiale
-
-create table categoria_materiale
-(
-    materiale_id    int         not null,
-    categoria_id    int         not null,
-    cancellato      tinyint     not null,
-    data_creazione  datetime    not null,
-    data_modifica   datetime    not null,
-    utente_modifica varchar(50) not null,
-
-    primary key (materiale_id, categoria_id),
-
-    constraint fk_categoria_materiale_categoria foreign key (categoria_id) references categoria (id),
-    constraint fk_categoria_materiale_materiale foreign key (materiale_id) references materiale (id)
-);
-
-create index fk_categoria_materiale_categoria_idx on categoria_materiale (categoria_id);
-
-create index fk_categoria_materiale_materiale_idx on categoria_materiale (materiale_id);
-
-

scouthub-attivita-be/DDL/2-insertStatoAttivita.sql

@@ -1,3 +0,0 @@
-INSERT INTO scouthub.stato_attivita (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('PU', 'Pubblicato', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.stato_attivita (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('BO', 'Bozza', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.stato_attivita (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('PR', 'Privato', sysdate(), sysdate(), 'MANUALE');

scouthub-attivita-be/DDL/3-insertTipoCategoria.sql

@@ -1,2 +0,0 @@
-INSERT INTO scouthub.tipo_categoria (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('A', 'Attività', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.tipo_categoria (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('M', 'Materiale', sysdate(), sysdate(), 'MANUALE');

scouthub-attivita-be/DDL/4-insertTipoParagrafo.sql

@@ -1,2 +0,0 @@
-INSERT INTO scouthub.tipo_paragrafo (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('TITOLO', 'Titolo attività', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.tipo_paragrafo (id, nome, data_creazione, data_modifica, utente_modifica) VALUES ('PARAGRAFO', 'Paragrafo attività', sysdate(), sysdate(), 'MANUALE');

scouthub-attivita-be/DDL/5-insertBranca.sql

@@ -1,4 +0,0 @@
-INSERT INTO scouthub.branca (id, nome, inizio_eta, fine_eta, colore, data_creazione, data_modifica, utente_modifica) VALUES (1, 'L/C', 8, 10, '#FDD835', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.branca (id, nome, inizio_eta, fine_eta, colore, data_creazione, data_modifica, utente_modifica) VALUES (2, 'E/G', 11, 16, '#43A047', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.branca (id, nome, inizio_eta, fine_eta, colore, data_creazione, data_modifica, utente_modifica) VALUES (3, 'R/S', 17, 21, '#E53935', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.branca (id, nome, inizio_eta, fine_eta, colore, data_creazione, data_modifica, utente_modifica) VALUES (4, 'Co.Ca.', 22, 99, '#8E24AA', sysdate(), sysdate(), 'MANUALE');

scouthub-attivita-be/DDL/6-insertPeriodoAnno.sql

@@ -1,3 +0,0 @@
-INSERT INTO scouthub.periodo_anno (id, nome, inizio_mese, fine_mese, data_creazione, data_modifica, utente_modifica) VALUES (1, 'promessa', 1, 3, sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.periodo_anno (id, nome, inizio_mese, fine_mese, data_creazione, data_modifica, utente_modifica) VALUES (2, 'campo estivo', 6, 9, sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.periodo_anno (id, nome, inizio_mese, fine_mese, data_creazione, data_modifica, utente_modifica) VALUES (3, 'campo invernale', 12, 1, sysdate(), sysdate(), 'MANUALE');

scouthub-attivita-be/DDL/7-insertCategoria.sql

@@ -1,9 +0,0 @@
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (1, 'attività', null, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (2, 'gioco', null, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (3, 'danza', null, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (4, 'gioco d''acqua', 2, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (5, 'gioco notturno', 2, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (6, 'grande gioco', 2, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (7, 'torneo', 2, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (8, 'olimpiadi', 2, 'A', sysdate(), sysdate(), 'MANUALE');
-INSERT INTO scouthub.categoria (id, nome, padre, tipo, data_creazione, data_modifica, utente_modifica) VALUES (9, 'gioco giungla', 2, 'A', sysdate(), sysdate(), 'MANUALE');

scouthub-attivita-be/prisma/migrations/20260723130000_add_autore_id/migration.sql

@@ -1,7 +0,0 @@
--- AlterTable
--- Le righe esistenti (dati di sviluppo/seed, precedenti all'introduzione
--- dell'autenticazione Keycloak) non hanno un autore reale: valorizzate con
--- stringa vuota, poi il default viene rimosso perche' da qui in avanti
--- autoreId e' sempre valorizzato dal token (sub) al momento della creazione.
-ALTER TABLE "attivita" ADD COLUMN "autore_id" TEXT NOT NULL DEFAULT '';
-ALTER TABLE "attivita" ALTER COLUMN "autore_id" DROP DEFAULT;

scouthub-attivita-be/prisma/migrations/20260725000000_init/migration.sql

@@ -1,3 +1,9 @@
+-- CreateEnum
+CREATE TYPE "StatoTassonomia" AS ENUM ('CONFERMATA', 'DA_APPROVARE');
+
+-- CreateEnum
+CREATE TYPE "TipoNotifica" AS ENUM ('TASSONOMIA_PROPOSTA', 'ATTIVITA_IN_ATTESA', 'ATTIVITA_PUBBLICATA', 'ATTIVITA_BOZZA_NOTA');
+
 -- CreateTable
 CREATE TABLE "stato_attivita" (
     "id" VARCHAR(2) NOT NULL,
@@ -36,6 +42,7 @@ CREATE TABLE "attivita" (
     "id" SERIAL NOT NULL,
     "nome" TEXT NOT NULL,
     "autore" TEXT NOT NULL,
+    "autore_id" TEXT NOT NULL,
     "padre" INTEGER,
     "stato" TEXT NOT NULL,
     "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
@@ -55,6 +62,8 @@ CREATE TABLE "branca" (
     "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
     "data_modifica" TIMESTAMP(3) NOT NULL,
     "utente_modifica" TEXT NOT NULL,
+    "creato_da_id" TEXT,
+    "stato" "StatoTassonomia" NOT NULL DEFAULT 'CONFERMATA',
 
     CONSTRAINT "branca_pkey" PRIMARY KEY ("id")
 );
@@ -80,6 +89,8 @@ CREATE TABLE "periodo_anno" (
     "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
     "data_modifica" TIMESTAMP(3) NOT NULL,
     "utente_modifica" TEXT NOT NULL,
+    "creato_da_id" TEXT,
+    "stato" "StatoTassonomia" NOT NULL DEFAULT 'CONFERMATA',
 
     CONSTRAINT "periodo_anno_pkey" PRIMARY KEY ("id")
 );
@@ -120,6 +131,8 @@ CREATE TABLE "categoria" (
     "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
     "data_modifica" TIMESTAMP(3) NOT NULL,
     "utente_modifica" TEXT NOT NULL,
+    "creato_da_id" TEXT,
+    "stato" "StatoTassonomia" NOT NULL DEFAULT 'CONFERMATA',
 
     CONSTRAINT "categoria_pkey" PRIMARY KEY ("id")
 );
@@ -173,6 +186,34 @@ CREATE TABLE "categoria_materiale" (
     CONSTRAINT "categoria_materiale_pkey" PRIMARY KEY ("materiale_id","categoria_id")
 );
 
+-- CreateTable
+CREATE TABLE "notifica" (
+    "id" SERIAL NOT NULL,
+    "tipo" "TipoNotifica" NOT NULL,
+    "messaggio" TEXT NOT NULL,
+    "link" TEXT,
+    "destinatario_id" TEXT,
+    "letta" BOOLEAN NOT NULL DEFAULT false,
+    "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "notifica_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE INDEX "notifica_destinatario_id_idx" ON "notifica"("destinatario_id");
+
+-- CreateTable
+CREATE TABLE "nota_attivita" (
+    "id" SERIAL NOT NULL,
+    "attivita_id" INTEGER NOT NULL,
+    "testo" VARCHAR(1000) NOT NULL,
+    "autore" TEXT NOT NULL,
+    "autore_id" TEXT NOT NULL,
+    "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "nota_attivita_pkey" PRIMARY KEY ("id")
+);
+
 -- AddForeignKey
 ALTER TABLE "attivita" ADD CONSTRAINT "attivita_padre_fkey" FOREIGN KEY ("padre") REFERENCES "attivita"("id") ON DELETE SET NULL ON UPDATE CASCADE;
 
@@ -221,3 +262,6 @@ ALTER TABLE "categoria_materiale" ADD CONSTRAINT "categoria_materiale_materiale_
 -- AddForeignKey
 ALTER TABLE "categoria_materiale" ADD CONSTRAINT "categoria_materiale_categoria_id_fkey" FOREIGN KEY ("categoria_id") REFERENCES "categoria"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
 
+-- AddForeignKey
+ALTER TABLE "nota_attivita" ADD CONSTRAINT "nota_attivita_attivita_id_fkey" FOREIGN KEY ("attivita_id") REFERENCES "attivita"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+

scouthub-attivita-be/prisma/schema.prisma

@@ -7,6 +7,33 @@ datasource db {
   url      = env("DATABASE_URL")
 }
 
+enum StatoTassonomia {
+  CONFERMATA
+  DA_APPROVARE
+}
+
+enum TipoNotifica {
+  TASSONOMIA_PROPOSTA
+  ATTIVITA_IN_ATTESA
+  ATTIVITA_PUBBLICATA
+  ATTIVITA_BOZZA_NOTA
+}
+
+// destinatarioId null = notifica "broadcast" visibile a chiunque abbia ruolo admin/moderatore
+// (usata per segnalare nuove proposte/attività da revisionare); altrimenti è personale.
+model Notifica {
+  id             Int          @id @default(autoincrement())
+  tipo           TipoNotifica
+  messaggio      String
+  link           String?
+  destinatarioId String?      @map("destinatario_id")
+  letta          Boolean      @default(false)
+  dataCreazione  DateTime     @default(now()) @map("data_creazione")
+
+  @@index([destinatarioId])
+  @@map("notifica")
+}
+
 model StatoAttivita {
   id             String   @id @db.VarChar(2)
   nome           String
@@ -63,16 +90,32 @@ model Attivita {
   categoriaLinks   CategoriaAttivita[]
   materialeLinks   MaterialeAttivita[]
   periodoAnnoLinks PeriodoAnnoAttivita[]
+  noteList         NotaAttivita[]
 
   @@map("attivita")
 }
 
+model NotaAttivita {
+  id            Int      @id @default(autoincrement())
+  attivitaId    Int      @map("attivita_id")
+  testo         String   @db.VarChar(1000)
+  autore        String
+  autoreId      String   @map("autore_id")
+  dataCreazione DateTime @default(now()) @map("data_creazione")
+
+  attivita Attivita @relation(fields: [attivitaId], references: [id])
+
+  @@map("nota_attivita")
+}
+
 model Branca {
   id             Int      @id @default(autoincrement())
   nome           String
   inizioEta      Int?     @map("inizio_eta")
   fineEta        Int?     @map("fine_eta")
   colore         String?  @db.VarChar(10)
+  stato          StatoTassonomia @default(CONFERMATA)
+  creatoDaId     String?  @map("creato_da_id")
   dataCreazione  DateTime @default(now()) @map("data_creazione")
   dataModifica   DateTime @updatedAt @map("data_modifica")
   utenteModifica String   @map("utente_modifica")
@@ -102,6 +145,8 @@ model PeriodoAnno {
   nome           String
   inizioMese     Int?     @map("inizio_mese")
   fineMese       Int?     @map("fine_mese")
+  stato          StatoTassonomia @default(CONFERMATA)
+  creatoDaId     String?  @map("creato_da_id")
   dataCreazione  DateTime @default(now()) @map("data_creazione")
   dataModifica   DateTime @updatedAt @map("data_modifica")
   utenteModifica String   @map("utente_modifica")
@@ -148,6 +193,8 @@ model Categoria {
   nome           String
   padreId        Int?     @map("padre")
   tipoId         String   @map("tipo")
+  stato          StatoTassonomia @default(CONFERMATA)
+  creatoDaId     String?  @map("creato_da_id")
   dataCreazione  DateTime @default(now()) @map("data_creazione")
   dataModifica   DateTime @updatedAt @map("data_modifica")
   utenteModifica String   @map("utente_modifica")

scouthub-attivita-be/prisma/seed.ts

@@ -10,6 +10,7 @@ async function main() {
       { id: "PU", nome: "Pubblicato" },
       { id: "BO", nome: "Bozza" },
       { id: "PR", nome: "Privato" },
+      { id: "IA", nome: "In attesa di approvazione" },
     ].map((stato) =>
       prisma.statoAttivita.upsert({
         where: { id: stato.id },
@@ -102,6 +103,19 @@ async function main() {
       create: { ...categoria, utenteModifica: UTENTE_MODIFICA },
     });
   }
+
+  // Branca/Categoria/PeriodoAnno sopra sono inserite con id espliciti: l'upsert non passa
+  // mai dal DEFAULT della colonna, quindi la sequence Postgres dell'id non avanza e resta
+  // disallineata rispetto al MAX(id) reale. Se non la si risincronizza qui, la prima riga
+  // creata in seguito con id auto-generato (es. una tassonomia proposta da un utente) va in
+  // conflitto su un id già esistente.
+  await Promise.all(
+    ["branca", "categoria", "periodo_anno", "materiale"].map((tabella) =>
+      prisma.$executeRawUnsafe(
+        `SELECT setval(pg_get_serial_sequence('"${tabella}"', 'id'), COALESCE((SELECT MAX(id) FROM "${tabella}"), 1))`
+      )
+    )
+  );
 }
 
 main()

scouthub-attivita-be/src/app.ts

@@ -3,9 +3,12 @@ import cors from 'cors';
 import { env } from './config/env';
 import { authenticate } from './middlewares/authenticate';
 import { errorHandler } from './middlewares/errorHandler';
+import { optionalAuthenticate } from './middlewares/optionalAuthenticate';
 import { attivitaPublicRouter } from './modules/attivita/attivita.router.public';
 import { attivitaPrivateRouter } from './modules/attivita/attivita.router.private';
 import { autocompleteRouter } from './modules/autocomplete/autocomplete.router';
+import { notificheRouter } from './modules/notifiche/notifiche.router';
+import { tassonomieRouter } from './modules/tassonomie/tassonomie.router';
 
 export const app = express();
 
@@ -19,9 +22,11 @@ app.get('/health', (req, res) => {
   res.json({ status: 'ok' });
 });
 
-app.use('/public/attivita', attivitaPublicRouter);
+app.use('/public/attivita', optionalAuthenticate, attivitaPublicRouter);
 app.use('/private/attivita', authenticate, attivitaPrivateRouter);
 app.use('/public/autocomplete', autocompleteRouter);
+app.use('/private/tassonomie', authenticate, tassonomieRouter);
+app.use('/private/notifiche', authenticate, notificheRouter);
 
 app.use((req, res) => {
   res.status(404).json({ message: 'not found' });

scouthub-attivita-be/src/middlewares/optionalAuthenticate.ts

@@ -0,0 +1,71 @@
+import { Request, Response, NextFunction } from 'express';
+import jwt, { JwtPayload } from 'jsonwebtoken';
+import jwksClient from 'jwks-rsa';
+import { env } from '../config/env';
+import { AuthContext } from './auth.types';
+
+const client = jwksClient({
+  jwksUri: `${env.keycloak.baseUrl}/realms/${env.keycloak.realm}/protocol/openid-connect/certs`,
+  cache: true,
+  rateLimit: true,
+});
+
+interface KeycloakTokenPayload extends JwtPayload {
+  sub: string;
+  email?: string;
+  name?: string;
+  preferred_username?: string;
+  realm_access?: { roles?: string[] };
+}
+
+function extractBearerToken(req: Request): string | null {
+  const header = req.headers.authorization;
+  if (!header) {
+    return null;
+  }
+  const [scheme, token] = header.split(' ');
+  if (scheme !== 'Bearer' || !token) {
+    return null;
+  }
+  return token;
+}
+
+function buildAuthContext(payload: KeycloakTokenPayload): AuthContext {
+  return {
+    userId: payload.sub,
+    email: payload.email ?? null,
+    name: payload.name ?? payload.preferred_username ?? payload.email ?? payload.sub,
+    roles: payload.realm_access?.roles ?? [],
+  };
+}
+
+// Come authenticate.ts, ma se il token manca o non è valido lascia proseguire la richiesta
+// senza req.auth invece di rispondere 401: serve sulle route pubbliche che devono comunque
+// sapere chi è l'utente quando è loggato (es. per mostrargli le proprie tassonomie in attesa
+// di approvazione), senza per questo richiedere l'autenticazione a chi non è loggato.
+export async function optionalAuthenticate(req: Request, res: Response, next: NextFunction): Promise<void> {
+  const token = extractBearerToken(req);
+  if (!token) {
+    next();
+    return;
+  }
+
+  try {
+    const decoded = jwt.decode(token, { complete: true });
+    if (!decoded || !decoded.header.kid) {
+      throw new Error("Header del token privo di 'kid'");
+    }
+
+    const signingKey = await client.getSigningKey(decoded.header.kid);
+    const payload = jwt.verify(token, signingKey.getPublicKey(), { algorithms: ['RS256'] });
+
+    if (typeof payload === 'string') {
+      throw new Error('Payload del token non valido');
+    }
+
+    req.auth = buildAuthContext(payload as KeycloakTokenPayload);
+  } catch {
+    // token presente ma non valido: procediamo comunque come utente anonimo
+  }
+  next();
+}

scouthub-attivita-be/src/middlewares/requireRole.ts

@@ -0,0 +1,14 @@
+import { Request, Response, NextFunction } from 'express';
+
+export function requireRole(...ruoliAmmessi: string[]) {
+  return (req: Request, res: Response, next: NextFunction): void => {
+    const roles = req.auth?.roles ?? [];
+    const autorizzato = ruoliAmmessi.some((ruolo) => roles.includes(ruolo));
+
+    if (!autorizzato) {
+      res.status(403).json({ message: 'Ruolo non autorizzato' });
+      return;
+    }
+    next();
+  };
+}

scouthub-attivita-be/src/modules/attivita/attivita.router.private.ts

@@ -1,8 +1,11 @@
 import { Request, Response, NextFunction, Router } from 'express';
 import { HttpError } from '../../errors';
-import { attivitaSaveSchema } from '../../types/validation';
+import { requireRole } from '../../middlewares/requireRole';
+import { attivitaSaveSchema, notaAttivitaSchema } from '../../types/validation';
 import * as attivitaService from './attivita.service';
 
+const moderazione = requireRole('admin', 'moderatore');
+
 function asyncHandler(
   handler: (req: Request, res: Response, next: NextFunction) => Promise<void>,
 ) {
@@ -11,12 +14,21 @@ function asyncHandler(
   };
 }
 
+function parseIntParam(value: string, next: NextFunction, message: string): number | undefined {
+  const parsed = Number(value);
+  if (!Number.isInteger(parsed)) {
+    next(new HttpError(400, message));
+    return undefined;
+  }
+  return parsed;
+}
+
 export const attivitaPrivateRouter = Router();
 
 attivitaPrivateRouter.get(
   '/get/lista/my',
   asyncHandler(async (req, res) => {
-    const lista = await attivitaService.getListMy(req.auth!.userId);
+    const lista = await attivitaService.getListMy(req.auth!.userId, req.auth);
     res.status(200).json(lista);
   }),
 );
@@ -49,3 +61,54 @@ attivitaPrivateRouter.post(
     res.status(200).end();
   }),
 );
+
+attivitaPrivateRouter.get(
+  '/get/lista/moderazione',
+  moderazione,
+  asyncHandler(async (req, res) => {
+    const lista = await attivitaService.getListaModerazione(req.auth!);
+    res.status(200).json(lista);
+  }),
+);
+
+attivitaPrivateRouter.post(
+  '/:idAttivita/approva',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const idAttivita = parseIntParam(req.params.idAttivita, next, "l'idAttivita deve essere un numero intero");
+    if (idAttivita === undefined) return;
+
+    await attivitaService.approva(idAttivita, req.auth!);
+    res.status(200).end();
+  }),
+);
+
+attivitaPrivateRouter.post(
+  '/:idAttivita/commenta',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const idAttivita = parseIntParam(req.params.idAttivita, next, "l'idAttivita deve essere un numero intero");
+    if (idAttivita === undefined) return;
+
+    const parsed = notaAttivitaSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+
+    await attivitaService.commenta(idAttivita, parsed.data.testo, req.auth!);
+    res.status(200).end();
+  }),
+);
+
+attivitaPrivateRouter.delete(
+  '/note/:idNota',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const idNota = parseIntParam(req.params.idNota, next, "l'idNota deve essere un numero intero");
+    if (idNota === undefined) return;
+
+    await attivitaService.eliminaNota(idNota);
+    res.status(204).end();
+  }),
+);

scouthub-attivita-be/src/modules/attivita/attivita.router.public.ts

@@ -24,7 +24,7 @@ export const attivitaPublicRouter = Router();
 attivitaPublicRouter.get(
   '/get/lista/home',
   asyncHandler(async (req, res) => {
-    const lista = await attivitaService.getListaHome();
+    const lista = await attivitaService.getListaHome(req.auth);
     res.status(200).json(lista);
   }),
 );
@@ -38,7 +38,7 @@ attivitaPublicRouter.post(
       return;
     }
 
-    const lista = await attivitaService.getListaSearch(parsed.data);
+    const lista = await attivitaService.getListaSearch(parsed.data, req.auth);
     res.status(200).json(lista);
   }),
 );
@@ -52,7 +52,7 @@ attivitaPublicRouter.get(
       return;
     }
 
-    const attivita = await attivitaService.getOne(id);
+    const attivita = await attivitaService.getOne(id, req.auth);
     if (!attivita) {
       next(new HttpError(404, 'attività non trovata'));
       return;

scouthub-attivita-be/src/modules/attivita/attivita.service.ts

@@ -2,11 +2,13 @@ import { Prisma, PrismaClient } from '@prisma/client';
 import { prisma } from '../../db/prisma';
 import { HttpError } from '../../errors';
 import { AuthContext } from '../../middlewares/auth.types';
+import * as notificheService from '../notifiche/notifiche.service';
 import {
   AttivitaDto,
   BrancaDto,
   CategoriaDto,
   MaterialeDto,
+  NotaDto,
   ParagrafoDto,
   PeriodoAnnoDto,
   SearchObjectDto,
@@ -14,6 +16,10 @@ import {
 } from '../../types/dto';
 import { AttivitaSaveInput } from '../../types/validation';
 
+const STATO_IN_ATTESA = 'IA';
+const STATO_PUBBLICATO = 'PU';
+const STATO_BOZZA = 'BO';
+
 const attivitaInclude = {
   stato: true,
   brancaLinks: { include: { branca: true } },
@@ -21,6 +27,7 @@ const attivitaInclude = {
   materialeLinks: { include: { materiale: true } },
   periodoAnnoLinks: { include: { periodoAnno: true } },
   paragrafi: { include: { tipo: true } },
+  noteList: { orderBy: { dataCreazione: 'desc' } },
 } satisfies Prisma.AttivitaInclude;
 
 type AttivitaWithRelations = Prisma.AttivitaGetPayload<{ include: typeof attivitaInclude }>;
@@ -29,15 +36,55 @@ function toTipologicaDto(entity: { id: string; nome: string }): TipologicaDto {
   return { id: entity.id, nome: entity.nome };
 }
 
-function toAttivitaDto(entity: AttivitaWithRelations): AttivitaDto {
+// Usata sia per decidere se mostrare branca/categoria/periodo ancora in stato DA_APPROVARE,
+// sia per le note di moderazione e per la visibilità delle attività non ancora pubblicate:
+// in tutti i casi il perimetro di chi può "gestire" l'attività è lo stesso (autore, admin,
+// moderatore).
+function puoGestire(entity: AttivitaWithRelations, auth?: AuthContext): boolean {
+  if (!auth) {
+    return false;
+  }
+  return (
+    auth.userId === entity.autoreId ||
+    auth.roles.includes('admin') ||
+    auth.roles.includes('moderatore')
+  );
+}
+
+// Ogni volta che l'autore porta un'attività in stato Pubblicato (da save o da changeStato)
+// il valore persistito è in realtà "in attesa di approvazione": diventa Pubblicato per davvero
+// solo dopo l'approvazione di admin/moderatore (vedi approva()).
+function risolviStatoPersistito(idStato: string): string {
+  return idStato === STATO_PUBBLICATO ? STATO_IN_ATTESA : idStato;
+}
+
+function toAttivitaDto(entity: AttivitaWithRelations, auth?: AuthContext): AttivitaDto {
+  const mostraProposte = puoGestire(entity, auth);
+
+  // Le note servono solo a far sistemare l'attività all'autore mentre è in revisione: una
+  // volta tornata Pubblicato (approvazione definitiva) non vanno più mostrate, anche se non
+  // sono ancora state cancellate esplicitamente (vedi eliminaNota).
+  const mostraNote = mostraProposte && entity.statoId !== STATO_PUBBLICATO;
+
+  const noteList: NotaDto[] = mostraNote
+    ? entity.noteList.map((nota) => ({
+        id: nota.id,
+        attivitaId: nota.attivitaId,
+        testo: nota.testo,
+        autore: nota.autore,
+        dataCreazione: nota.dataCreazione,
+      }))
+    : [];
+
   const brancaList: BrancaDto[] = entity.brancaLinks
-    .filter((link) => !link.cancellato)
+    .filter((link) => !link.cancellato && (link.branca.stato === 'CONFERMATA' || mostraProposte))
     .map((link) => ({
       id: link.branca.id,
       nome: link.branca.nome,
       inizioEta: link.branca.inizioEta,
       fineEta: link.branca.fineEta,
       colore: link.branca.colore,
+      stato: link.branca.stato,
       cancellato: false,
       dataCreazione: link.branca.dataCreazione,
       dataModifica: link.branca.dataModifica,
@@ -45,12 +92,13 @@ function toAttivitaDto(entity: AttivitaWithRelations): AttivitaDto {
     }));
 
   const categoriaList: CategoriaDto[] = entity.categoriaLinks
-    .filter((link) => !link.cancellato)
+    .filter((link) => !link.cancellato && (link.categoria.stato === 'CONFERMATA' || mostraProposte))
     .map((link) => ({
       id: link.categoria.id,
       nome: link.categoria.nome,
       padre: link.categoria.padreId,
       tipo: toTipologicaDto(link.categoria.tipo),
+      stato: link.categoria.stato,
       cancellato: false,
       dataCreazione: link.categoria.dataCreazione,
       dataModifica: link.categoria.dataModifica,
@@ -70,12 +118,15 @@ function toAttivitaDto(entity: AttivitaWithRelations): AttivitaDto {
     }));
 
   const periodoAnnoList: PeriodoAnnoDto[] = entity.periodoAnnoLinks
-    .filter((link) => !link.cancellato)
+    .filter(
+      (link) => !link.cancellato && (link.periodoAnno.stato === 'CONFERMATA' || mostraProposte),
+    )
     .map((link) => ({
       id: link.periodoAnno.id,
       nome: link.periodoAnno.nome,
       inizioMese: link.periodoAnno.inizioMese,
       fineMese: link.periodoAnno.fineMese,
+      stato: link.periodoAnno.stato,
       cancellato: false,
       dataCreazione: link.periodoAnno.dataCreazione,
       dataModifica: link.periodoAnno.dataModifica,
@@ -107,42 +158,56 @@ function toAttivitaDto(entity: AttivitaWithRelations): AttivitaDto {
     materialeList,
     paragrafoList,
     periodoAnnoList,
+    noteList,
     dataCreazione: entity.dataCreazione,
     dataModifica: entity.dataModifica,
     utenteModifica: entity.utenteModifica,
   };
 }
 
-export async function getListaHome(): Promise<AttivitaDto[]> {
+export async function getListaHome(auth?: AuthContext): Promise<AttivitaDto[]> {
   const entities = await prisma.attivita.findMany({
     where: { statoId: 'PU' },
     include: attivitaInclude,
     orderBy: { dataModifica: 'desc' },
   });
 
-  return entities.map(toAttivitaDto);
+  return entities.map((entity) => toAttivitaDto(entity, auth));
 }
 
-export async function getOne(id: number): Promise<AttivitaDto | null> {
+export async function getOne(id: number, auth?: AuthContext): Promise<AttivitaDto | null> {
   const entity = await prisma.attivita.findUnique({
     where: { id },
     include: attivitaInclude,
   });
 
-  return entity ? toAttivitaDto(entity) : null;
+  if (!entity) {
+    return null;
+  }
+
+  // Un'attività non ancora pubblicata (bozza, privata, o in attesa di approvazione) è
+  // visibile solo a chi può gestirla: chiunque altro la vede come inesistente.
+  if (entity.statoId !== STATO_PUBBLICATO && !puoGestire(entity, auth)) {
+    return null;
+  }
+
+  return toAttivitaDto(entity, auth);
 }
 
-export async function getListMy(autoreId: string): Promise<AttivitaDto[]> {
+export async function getListMy(autoreId: string, auth?: AuthContext): Promise<AttivitaDto[]> {
   const entities = await prisma.attivita.findMany({
     where: { autoreId },
     include: attivitaInclude,
     orderBy: { dataModifica: 'desc' },
   });
 
-  return entities.map(toAttivitaDto);
+  return entities.map((entity) => toAttivitaDto(entity, auth));
 }
 
-export async function getListaSearch(dtoList: SearchObjectDto[]): Promise<AttivitaDto[]> {
+export async function getListaSearch(
+  dtoList: SearchObjectDto[],
+  auth?: AuthContext,
+): Promise<AttivitaDto[]> {
   const brancaIds = dtoList.filter((d) => d.gruppo === 'branca').map((d) => d.id as number);
   const categoriaIds = dtoList.filter((d) => d.gruppo === 'categoria').map((d) => d.id as number);
   const materialeIds = dtoList.filter((d) => d.gruppo === 'materiale').map((d) => d.id as number);
@@ -154,7 +219,7 @@ export async function getListaSearch(dtoList: SearchObjectDto[]): Promise<Attivi
     .map((d) => d.nome)
     .filter((nome): nome is string => !!nome);
 
-  const and: Prisma.AttivitaWhereInput[] = [];
+  const and: Prisma.AttivitaWhereInput[] = [{ statoId: STATO_PUBBLICATO }];
 
   if (brancaIds.length > 0) {
     and.push({
@@ -195,7 +260,7 @@ export async function getListaSearch(dtoList: SearchObjectDto[]): Promise<Attivi
     orderBy: { dataModifica: 'desc' },
   });
 
-  return entities.map(toAttivitaDto);
+  return entities.map((entity) => toAttivitaDto(entity, auth));
 }
 
 export async function changeStato(
@@ -211,18 +276,115 @@ export async function changeStato(
     throw new HttpError(403, 'non sei autore di questa attività');
   }
 
+  const nuovoStatoId = risolviStatoPersistito(idStato);
+
   const updated = await prisma.attivita.update({
     where: { id: idAttivita },
     data: {
-      statoId: idStato,
+      statoId: nuovoStatoId,
       utenteModifica: auth.name,
     },
     include: { stato: true },
   });
 
+  if (nuovoStatoId === STATO_IN_ATTESA && existing.statoId !== STATO_IN_ATTESA) {
+    await notificheService.creaBroadcastModerazione(
+      'ATTIVITA_IN_ATTESA',
+      `Attività da approvare: "${updated.nome}"`,
+      `/attivita/dettaglio/${updated.id}`,
+    );
+  }
+
   return toTipologicaDto(updated.stato);
 }
 
+export async function getListaModerazione(auth: AuthContext): Promise<AttivitaDto[]> {
+  const entities = await prisma.attivita.findMany({
+    where: { statoId: STATO_IN_ATTESA },
+    include: attivitaInclude,
+    orderBy: { dataModifica: 'asc' },
+  });
+
+  return entities.map((entity) => toAttivitaDto(entity, auth));
+}
+
+async function trovaAttivitaInAttesa(idAttivita: number): Promise<AttivitaWithRelations> {
+  const entity = await prisma.attivita.findUnique({
+    where: { id: idAttivita },
+    include: attivitaInclude,
+  });
+  if (!entity) {
+    throw new HttpError(404, 'attività non trovata');
+  }
+  if (entity.statoId !== STATO_IN_ATTESA) {
+    throw new HttpError(409, 'attività non in attesa di approvazione');
+  }
+  return entity;
+}
+
+export async function approva(idAttivita: number, auth: AuthContext): Promise<void> {
+  const entity = await trovaAttivitaInAttesa(idAttivita);
+
+  await prisma.attivita.update({
+    where: { id: idAttivita },
+    data: {
+      statoId: STATO_PUBBLICATO,
+      utenteModifica: auth.name,
+    },
+  });
+
+  await notificheService.creaPersonale(
+    'ATTIVITA_PUBBLICATA',
+    `La tua attività "${entity.nome}" è stata pubblicata`,
+    entity.autoreId,
+    `/attivita/dettaglio/${entity.id}`,
+  );
+}
+
+export async function commenta(idAttivita: number, testo: string, auth: AuthContext): Promise<void> {
+  const entity = await trovaAttivitaInAttesa(idAttivita);
+
+  await prisma.$transaction([
+    prisma.notaAttivita.create({
+      data: {
+        attivitaId: idAttivita,
+        testo,
+        autore: auth.name,
+        autoreId: auth.userId,
+      },
+    }),
+    prisma.attivita.update({
+      where: { id: idAttivita },
+      data: {
+        statoId: STATO_BOZZA,
+        utenteModifica: auth.name,
+      },
+    }),
+  ]);
+
+  await notificheService.creaPersonale(
+    'ATTIVITA_BOZZA_NOTA',
+    `La tua attività "${entity.nome}" è tornata in bozza con una nota di moderazione`,
+    entity.autoreId,
+    `/modifica-attivita/${entity.id}`,
+  );
+}
+
+export async function eliminaNota(idNota: number): Promise<void> {
+  const nota = await prisma.notaAttivita.findUnique({
+    where: { id: idNota },
+    include: { attivita: true },
+  });
+  if (!nota) {
+    throw new HttpError(404, 'nota non trovata');
+  }
+  if (nota.attivita.statoId !== STATO_PUBBLICATO) {
+    throw new HttpError(409, 'le note si possono cancellare solo su attività pubblicate');
+  }
+
+  await prisma.notaAttivita.delete({ where: { id: idNota } });
+}
+
 type Tx = Omit<PrismaClient, '$connect' | '$disconnect' | '$on' | '$transaction' | '$use' | '$extends'>;
 
 async function upsertBranca(
@@ -439,8 +601,12 @@ async function upsertPeriodoAnno(
 }
 
 export async function save(dto: AttivitaSaveInput, auth: AuthContext): Promise<void> {
+  let entraInAttesa = false;
+  let savedAttivitaId!: number;
+
   await prisma.$transaction(async (tx) => {
     let attivitaId: number;
+    const nuovoStatoId = risolviStatoPersistito(dto.stato.id);
 
     if (dto.id) {
       const existing = await tx.attivita.findUnique({ where: { id: dto.id } });
@@ -455,23 +621,26 @@ export async function save(dto: AttivitaSaveInput, auth: AuthContext): Promise<v
         where: { id: dto.id },
         data: {
           nome: dto.nome,
-          statoId: dto.stato.id,
+          statoId: nuovoStatoId,
           utenteModifica: auth.name,
         },
       });
       attivitaId = dto.id;
+      entraInAttesa = nuovoStatoId === STATO_IN_ATTESA && existing.statoId !== STATO_IN_ATTESA;
     } else {
       const created = await tx.attivita.create({
         data: {
           nome: dto.nome,
           autore: auth.name,
           autoreId: auth.userId,
-          statoId: dto.stato.id,
+          statoId: nuovoStatoId,
           utenteModifica: auth.name,
         },
       });
       attivitaId = created.id;
+      entraInAttesa = nuovoStatoId === STATO_IN_ATTESA;
     }
+    savedAttivitaId = attivitaId;
 
     const brancaIds = new Set<number>();
     for (const branca of dto.brancaList) {
@@ -557,4 +726,12 @@ export async function save(dto: AttivitaSaveInput, auth: AuthContext): Promise<v
       where: { attivitaId, id: { notIn: [...paragrafoIds] } },
     });
   });
+
+  if (entraInAttesa) {
+    await notificheService.creaBroadcastModerazione(
+      'ATTIVITA_IN_ATTESA',
+      `Attività da approvare: "${dto.nome}"`,
+      `/attivita/dettaglio/${savedAttivitaId}`,
+    );
+  }
 }

scouthub-attivita-be/src/modules/autocomplete/autocomplete.service.ts

@@ -3,7 +3,7 @@ import { SearchGroupDto, SearchObjectDto } from '../../types/dto';
 
 export async function getBranca(keyword?: string | null): Promise<SearchObjectDto[]> {
   const entities = await prisma.branca.findMany({
-    where: { nome: { contains: keyword ?? '', mode: 'insensitive' } },
+    where: { nome: { contains: keyword ?? '', mode: 'insensitive' }, stato: 'CONFERMATA' },
   });
 
   return entities.map((entity) => ({ id: entity.id, nome: entity.nome, gruppo: 'branca' }));
@@ -11,7 +11,7 @@ export async function getBranca(keyword?: string | null): Promise<SearchObjectDt
 
 export async function getCategoria(keyword?: string | null): Promise<SearchObjectDto[]> {
   const entities = await prisma.categoria.findMany({
-    where: { nome: { contains: keyword ?? '', mode: 'insensitive' } },
+    where: { nome: { contains: keyword ?? '', mode: 'insensitive' }, stato: 'CONFERMATA' },
   });
 
   return entities.map((entity) => ({ id: entity.id, nome: entity.nome, gruppo: 'categoria' }));
@@ -27,7 +27,7 @@ export async function getMateriale(keyword?: string | null): Promise<SearchObjec
 
 export async function getPeriodoAnno(keyword?: string | null): Promise<SearchObjectDto[]> {
   const entities = await prisma.periodoAnno.findMany({
-    where: { nome: { contains: keyword ?? '', mode: 'insensitive' } },
+    where: { nome: { contains: keyword ?? '', mode: 'insensitive' }, stato: 'CONFERMATA' },
   });
 
   return entities.map((entity) => ({ id: entity.id, nome: entity.nome, gruppo: 'periodoAnno' }));

scouthub-attivita-be/src/modules/notifiche/notifiche.router.ts

@@ -0,0 +1,57 @@
+import { Request, Response, NextFunction, Router } from 'express';
+import { HttpError } from '../../errors';
+import * as notificheService from './notifiche.service';
+
+function asyncHandler(
+  handler: (req: Request, res: Response, next: NextFunction) => Promise<void>,
+) {
+  return (req: Request, res: Response, next: NextFunction): void => {
+    handler(req, res, next).catch(next);
+  };
+}
+
+function parseId(req: Request, next: NextFunction): number | undefined {
+  const id = Number(req.params.id);
+  if (!Number.isInteger(id)) {
+    next(new HttpError(400, "l'id deve essere un numero intero"));
+    return undefined;
+  }
+  return id;
+}
+
+export const notificheRouter = Router();
+
+notificheRouter.get(
+  '/',
+  asyncHandler(async (req, res) => {
+    res.status(200).json(await notificheService.listNotifiche(req.auth!));
+  }),
+);
+
+notificheRouter.get(
+  '/non-lette/count',
+  asyncHandler(async (req, res) => {
+    res.status(200).json({ count: await notificheService.countNonLette(req.auth!) });
+  }),
+);
+
+notificheRouter.put(
+  '/letta-tutte',
+  asyncHandler(async (req, res) => {
+    await notificheService.segnaTutteLette(req.auth!);
+    res.status(204).end();
+  }),
+);
+
+notificheRouter.put(
+  '/:id/letta',
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await notificheService.segnaLetta(id, req.auth!);
+    res.status(204).end();
+  }),
+);
+
+export default notificheRouter;

scouthub-attivita-be/src/modules/notifiche/notifiche.service.ts

@@ -0,0 +1,95 @@
+import { TipoNotifica } from '@prisma/client';
+import { prisma } from '../../db/prisma';
+import { HttpError } from '../../errors';
+import { AuthContext } from '../../middlewares/auth.types';
+import { NotificaDto } from '../../types/dto';
+
+const RUOLI_MODERAZIONE = ['admin', 'moderatore'];
+
+function isModeratore(auth: AuthContext): boolean {
+  return RUOLI_MODERAZIONE.some((ruolo) => auth.roles.includes(ruolo));
+}
+
+function toDto(entity: {
+  id: number;
+  tipo: TipoNotifica;
+  messaggio: string;
+  link: string | null;
+  letta: boolean;
+  dataCreazione: Date;
+}): NotificaDto {
+  return {
+    id: entity.id,
+    tipo: entity.tipo,
+    messaggio: entity.messaggio,
+    link: entity.link,
+    letta: entity.letta,
+    dataCreazione: entity.dataCreazione,
+  };
+}
+
+// Le notifiche "broadcast" (destinatarioId null) sono la coda di moderazione condivisa tra
+// admin/moderatore: sono visibili solo a chi ha uno di questi ruoli, oltre alle proprie
+// notifiche personali.
+function whereVisibili(auth: AuthContext) {
+  return isModeratore(auth)
+    ? { OR: [{ destinatarioId: auth.userId }, { destinatarioId: null }] }
+    : { destinatarioId: auth.userId };
+}
+
+export async function listNotifiche(auth: AuthContext): Promise<NotificaDto[]> {
+  const entities = await prisma.notifica.findMany({
+    where: whereVisibili(auth),
+    orderBy: { dataCreazione: 'desc' },
+    take: 50,
+  });
+  return entities.map(toDto);
+}
+
+export async function countNonLette(auth: AuthContext): Promise<number> {
+  return prisma.notifica.count({ where: { ...whereVisibili(auth), letta: false } });
+}
+
+export async function segnaLetta(id: number, auth: AuthContext): Promise<void> {
+  const entity = await prisma.notifica.findUnique({ where: { id } });
+  if (!entity) {
+    throw new HttpError(404, 'notifica non trovata');
+  }
+  const visibile =
+    entity.destinatarioId === auth.userId || (entity.destinatarioId === null && isModeratore(auth));
+  if (!visibile) {
+    throw new HttpError(403, 'non puoi accedere a questa notifica');
+  }
+
+  await prisma.notifica.update({ where: { id }, data: { letta: true } });
+}
+
+export async function segnaTutteLette(auth: AuthContext): Promise<void> {
+  await prisma.notifica.updateMany({
+    where: { ...whereVisibili(auth), letta: false },
+    data: { letta: true },
+  });
+}
+
+// Notifica destinata a chiunque abbia ruolo admin/moderatore (coda di moderazione condivisa,
+// vedi whereVisibili): usata per segnalare nuove proposte/attività in attesa di revisione.
+export async function creaBroadcastModerazione(
+  tipo: TipoNotifica,
+  messaggio: string,
+  link?: string,
+): Promise<void> {
+  await prisma.notifica.create({
+    data: { tipo, messaggio, link: link ?? null, destinatarioId: null },
+  });
+}
+
+export async function creaPersonale(
+  tipo: TipoNotifica,
+  messaggio: string,
+  destinatarioId: string,
+  link?: string,
+): Promise<void> {
+  await prisma.notifica.create({
+    data: { tipo, messaggio, link: link ?? null, destinatarioId },
+  });
+}

scouthub-attivita-be/src/modules/tassonomie/tassonomie.router.ts

@@ -0,0 +1,305 @@
+import { Request, Response, NextFunction, Router } from 'express';
+import { HttpError } from '../../errors';
+import { requireRole } from '../../middlewares/requireRole';
+import {
+  brancaAdminSchema,
+  categoriaAdminSchema,
+  periodoAnnoAdminSchema,
+  proponiTassonomiaSchema,
+} from '../../types/validation';
+import * as tassonomieService from './tassonomie.service';
+
+const moderazione = requireRole('admin', 'moderatore');
+
+function asyncHandler(
+  handler: (req: Request, res: Response, next: NextFunction) => Promise<void>,
+) {
+  return (req: Request, res: Response, next: NextFunction): void => {
+    handler(req, res, next).catch(next);
+  };
+}
+
+function parseId(req: Request, next: NextFunction): number | undefined {
+  const id = Number(req.params.id);
+  if (!Number.isInteger(id)) {
+    next(new HttpError(400, "l'id deve essere un numero intero"));
+    return undefined;
+  }
+  return id;
+}
+
+export const tassonomieRouter = Router();
+
+tassonomieRouter.get(
+  '/branca',
+  moderazione,
+  asyncHandler(async (req, res) => {
+    res.status(200).json(await tassonomieService.listBranca());
+  }),
+);
+
+tassonomieRouter.post(
+  '/branca',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const parsed = brancaAdminSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const created = await tassonomieService.createBranca(parsed.data, req.auth!);
+    res.status(201).json(created);
+  }),
+);
+
+tassonomieRouter.put(
+  '/branca/:id',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    const parsed = brancaAdminSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const updated = await tassonomieService.updateBranca(id, parsed.data, req.auth!);
+    res.status(200).json(updated);
+  }),
+);
+
+tassonomieRouter.delete(
+  '/branca/:id',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await tassonomieService.deleteBranca(id);
+    res.status(204).end();
+  }),
+);
+
+tassonomieRouter.post(
+  '/branca/:id/approva',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    const approvata = await tassonomieService.approvaBranca(id);
+    res.status(200).json(approvata);
+  }),
+);
+
+tassonomieRouter.post(
+  '/branca/:id/rifiuta',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await tassonomieService.rifiutaBranca(id);
+    res.status(204).end();
+  }),
+);
+
+tassonomieRouter.get(
+  '/categoria',
+  moderazione,
+  asyncHandler(async (req, res) => {
+    res.status(200).json(await tassonomieService.listCategoria());
+  }),
+);
+
+tassonomieRouter.get(
+  '/tipo-categoria',
+  moderazione,
+  asyncHandler(async (req, res) => {
+    res.status(200).json(await tassonomieService.listTipoCategoria());
+  }),
+);
+
+tassonomieRouter.post(
+  '/categoria',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const parsed = categoriaAdminSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const created = await tassonomieService.createCategoria(parsed.data, req.auth!);
+    res.status(201).json(created);
+  }),
+);
+
+tassonomieRouter.put(
+  '/categoria/:id',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    const parsed = categoriaAdminSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const updated = await tassonomieService.updateCategoria(id, parsed.data, req.auth!);
+    res.status(200).json(updated);
+  }),
+);
+
+tassonomieRouter.delete(
+  '/categoria/:id',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await tassonomieService.deleteCategoria(id);
+    res.status(204).end();
+  }),
+);
+
+tassonomieRouter.post(
+  '/categoria/:id/approva',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    const approvata = await tassonomieService.approvaCategoria(id);
+    res.status(200).json(approvata);
+  }),
+);
+
+tassonomieRouter.post(
+  '/categoria/:id/rifiuta',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await tassonomieService.rifiutaCategoria(id);
+    res.status(204).end();
+  }),
+);
+
+tassonomieRouter.get(
+  '/periodoAnno',
+  moderazione,
+  asyncHandler(async (req, res) => {
+    res.status(200).json(await tassonomieService.listPeriodoAnno());
+  }),
+);
+
+tassonomieRouter.post(
+  '/periodoAnno',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const parsed = periodoAnnoAdminSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const created = await tassonomieService.createPeriodoAnno(parsed.data, req.auth!);
+    res.status(201).json(created);
+  }),
+);
+
+tassonomieRouter.put(
+  '/periodoAnno/:id',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    const parsed = periodoAnnoAdminSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const updated = await tassonomieService.updatePeriodoAnno(id, parsed.data, req.auth!);
+    res.status(200).json(updated);
+  }),
+);
+
+tassonomieRouter.delete(
+  '/periodoAnno/:id',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await tassonomieService.deletePeriodoAnno(id);
+    res.status(204).end();
+  }),
+);
+
+tassonomieRouter.post(
+  '/periodoAnno/:id/approva',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    const approvato = await tassonomieService.approvaPeriodoAnno(id);
+    res.status(200).json(approvato);
+  }),
+);
+
+tassonomieRouter.post(
+  '/periodoAnno/:id/rifiuta',
+  moderazione,
+  asyncHandler(async (req, res, next) => {
+    const id = parseId(req, next);
+    if (id === undefined) return;
+
+    await tassonomieService.rifiutaPeriodoAnno(id);
+    res.status(204).end();
+  }),
+);
+
+// Route di proposta: qualunque utente autenticato può proporre una nuova tassonomia,
+// che viene creata con stato DA_APPROVARE (vedi tassonomie.service.ts).
+tassonomieRouter.post(
+  '/proposte/branca',
+  asyncHandler(async (req, res, next) => {
+    const parsed = proponiTassonomiaSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const created = await tassonomieService.proponiBranca(parsed.data.nome, req.auth!);
+    res.status(201).json(created);
+  }),
+);
+
+tassonomieRouter.post(
+  '/proposte/categoria',
+  asyncHandler(async (req, res, next) => {
+    const parsed = proponiTassonomiaSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const created = await tassonomieService.proponiCategoria(parsed.data.nome, req.auth!);
+    res.status(201).json(created);
+  }),
+);
+
+tassonomieRouter.post(
+  '/proposte/periodoAnno',
+  asyncHandler(async (req, res, next) => {
+    const parsed = proponiTassonomiaSchema.safeParse(req.body);
+    if (!parsed.success) {
+      next(new HttpError(400, JSON.stringify(parsed.error.flatten())));
+      return;
+    }
+    const created = await tassonomieService.proponiPeriodoAnno(parsed.data.nome, req.auth!);
+    res.status(201).json(created);
+  }),
+);

scouthub-attivita-be/src/modules/tassonomie/tassonomie.service.ts

@@ -0,0 +1,301 @@
+import { Branca, Categoria, PeriodoAnno, TipoCategoria } from '@prisma/client';
+import { prisma } from '../../db/prisma';
+import { HttpError } from '../../errors';
+import { AuthContext } from '../../middlewares/auth.types';
+import * as notificheService from '../notifiche/notifiche.service';
+import { BrancaAdminInput, CategoriaAdminInput, PeriodoAnnoAdminInput } from '../../types/validation';
+
+export async function listBranca(): Promise<Branca[]> {
+  return prisma.branca.findMany({ orderBy: { nome: 'asc' } });
+}
+
+export async function createBranca(input: BrancaAdminInput, auth: AuthContext): Promise<Branca> {
+  return prisma.branca.create({
+    data: {
+      nome: input.nome,
+      inizioEta: input.inizioEta ?? null,
+      fineEta: input.fineEta ?? null,
+      colore: input.colore ?? null,
+      utenteModifica: auth.name,
+    },
+  });
+}
+
+export async function updateBranca(
+  id: number,
+  input: BrancaAdminInput,
+  auth: AuthContext,
+): Promise<Branca> {
+  await assertExists(prisma.branca.findUnique({ where: { id } }), 'Branca non trovata');
+
+  return prisma.branca.update({
+    where: { id },
+    data: {
+      nome: input.nome,
+      inizioEta: input.inizioEta ?? null,
+      fineEta: input.fineEta ?? null,
+      colore: input.colore ?? null,
+      utenteModifica: auth.name,
+    },
+  });
+}
+
+export async function deleteBranca(id: number): Promise<void> {
+  await assertExists(prisma.branca.findUnique({ where: { id } }), 'Branca non trovata');
+
+  const linkCount = await prisma.brancaAttivita.count({ where: { brancaId: id } });
+  if (linkCount > 0) {
+    throw new HttpError(409, `In uso da ${linkCount} attività, impossibile eliminare`);
+  }
+
+  await prisma.branca.delete({ where: { id } });
+}
+
+export async function proponiBranca(nome: string, auth: AuthContext): Promise<Branca> {
+  const created = await prisma.branca.create({
+    data: {
+      nome,
+      stato: 'DA_APPROVARE',
+      creatoDaId: auth.userId,
+      utenteModifica: auth.name,
+    },
+  });
+
+  await notificheService.creaBroadcastModerazione(
+    'TASSONOMIA_PROPOSTA',
+    `Nuova branca proposta da approvare: "${created.nome}"`,
+    '/tassonomie',
+  );
+
+  return created;
+}
+
+export async function approvaBranca(id: number): Promise<Branca> {
+  const entity = await assertExists(prisma.branca.findUnique({ where: { id } }), 'Branca non trovata');
+  if (entity.stato !== 'DA_APPROVARE') {
+    throw new HttpError(409, 'Branca già confermata');
+  }
+
+  return prisma.branca.update({ where: { id }, data: { stato: 'CONFERMATA' } });
+}
+
+export async function rifiutaBranca(id: number): Promise<void> {
+  const entity = await assertExists(prisma.branca.findUnique({ where: { id } }), 'Branca non trovata');
+  if (entity.stato !== 'DA_APPROVARE') {
+    throw new HttpError(409, 'Solo le proposte in attesa possono essere rifiutate');
+  }
+
+  await prisma.$transaction([
+    prisma.brancaAttivita.deleteMany({ where: { brancaId: id } }),
+    prisma.branca.delete({ where: { id } }),
+  ]);
+}
+
+export async function listCategoria(): Promise<Categoria[]> {
+  return prisma.categoria.findMany({ orderBy: { nome: 'asc' } });
+}
+
+export async function listTipoCategoria(): Promise<TipoCategoria[]> {
+  return prisma.tipoCategoria.findMany({ orderBy: { nome: 'asc' } });
+}
+
+export async function createCategoria(
+  input: CategoriaAdminInput,
+  auth: AuthContext,
+): Promise<Categoria> {
+  return prisma.categoria.create({
+    data: {
+      nome: input.nome,
+      padreId: input.padreId ?? null,
+      tipoId: input.tipoId,
+      utenteModifica: auth.name,
+    },
+  });
+}
+
+export async function updateCategoria(
+  id: number,
+  input: CategoriaAdminInput,
+  auth: AuthContext,
+): Promise<Categoria> {
+  await assertExists(prisma.categoria.findUnique({ where: { id } }), 'Categoria non trovata');
+
+  if (input.padreId === id) {
+    throw new HttpError(400, 'Una categoria non può essere padre di se stessa');
+  }
+
+  return prisma.categoria.update({
+    where: { id },
+    data: {
+      nome: input.nome,
+      padreId: input.padreId ?? null,
+      tipoId: input.tipoId,
+      utenteModifica: auth.name,
+    },
+  });
+}
+
+export async function deleteCategoria(id: number): Promise<void> {
+  await assertExists(prisma.categoria.findUnique({ where: { id } }), 'Categoria non trovata');
+
+  const [linkCount, figliCount, materialeLinkCount] = await Promise.all([
+    prisma.categoriaAttivita.count({ where: { categoriaId: id } }),
+    prisma.categoria.count({ where: { padreId: id } }),
+    prisma.categoriaMateriale.count({ where: { categoriaId: id } }),
+  ]);
+
+  const usi = linkCount + figliCount + materialeLinkCount;
+  if (usi > 0) {
+    throw new HttpError(409, `In uso da ${usi} elementi collegati, impossibile eliminare`);
+  }
+
+  await prisma.categoria.delete({ where: { id } });
+}
+
+export async function proponiCategoria(nome: string, auth: AuthContext): Promise<Categoria> {
+  const created = await prisma.categoria.create({
+    data: {
+      nome,
+      tipoId: 'A',
+      stato: 'DA_APPROVARE',
+      creatoDaId: auth.userId,
+      utenteModifica: auth.name,
+    },
+  });
+
+  await notificheService.creaBroadcastModerazione(
+    'TASSONOMIA_PROPOSTA',
+    `Nuova categoria proposta da approvare: "${created.nome}"`,
+    '/tassonomie',
+  );
+
+  return created;
+}
+
+export async function approvaCategoria(id: number): Promise<Categoria> {
+  const entity = await assertExists(prisma.categoria.findUnique({ where: { id } }), 'Categoria non trovata');
+  if (entity.stato !== 'DA_APPROVARE') {
+    throw new HttpError(409, 'Categoria già confermata');
+  }
+
+  return prisma.categoria.update({ where: { id }, data: { stato: 'CONFERMATA' } });
+}
+
+export async function rifiutaCategoria(id: number): Promise<void> {
+  const entity = await assertExists(prisma.categoria.findUnique({ where: { id } }), 'Categoria non trovata');
+  if (entity.stato !== 'DA_APPROVARE') {
+    throw new HttpError(409, 'Solo le proposte in attesa possono essere rifiutate');
+  }
+
+  const figliCount = await prisma.categoria.count({ where: { padreId: id } });
+  if (figliCount > 0) {
+    throw new HttpError(409, 'Ha sotto-categorie collegate, impossibile rifiutare');
+  }
+
+  await prisma.$transaction([
+    prisma.categoriaAttivita.deleteMany({ where: { categoriaId: id } }),
+    prisma.categoriaMateriale.deleteMany({ where: { categoriaId: id } }),
+    prisma.categoria.delete({ where: { id } }),
+  ]);
+}
+
+export async function listPeriodoAnno(): Promise<PeriodoAnno[]> {
+  return prisma.periodoAnno.findMany({ orderBy: { nome: 'asc' } });
+}
+
+export async function createPeriodoAnno(
+  input: PeriodoAnnoAdminInput,
+  auth: AuthContext,
+): Promise<PeriodoAnno> {
+  return prisma.periodoAnno.create({
+    data: {
+      nome: input.nome,
+      inizioMese: input.inizioMese ?? null,
+      fineMese: input.fineMese ?? null,
+      utenteModifica: auth.name,
+    },
+  });
+}
+
+export async function updatePeriodoAnno(
+  id: number,
+  input: PeriodoAnnoAdminInput,
+  auth: AuthContext,
+): Promise<PeriodoAnno> {
+  await assertExists(prisma.periodoAnno.findUnique({ where: { id } }), 'Periodo anno non trovato');
+
+  return prisma.periodoAnno.update({
+    where: { id },
+    data: {
+      nome: input.nome,
+      inizioMese: input.inizioMese ?? null,
+      fineMese: input.fineMese ?? null,
+      utenteModifica: auth.name,
+    },
+  });
+}
+
+export async function deletePeriodoAnno(id: number): Promise<void> {
+  await assertExists(prisma.periodoAnno.findUnique({ where: { id } }), 'Periodo anno non trovato');
+
+  const linkCount = await prisma.periodoAnnoAttivita.count({ where: { periodoAnnoId: id } });
+  if (linkCount > 0) {
+    throw new HttpError(409, `In uso da ${linkCount} attività, impossibile eliminare`);
+  }
+
+  await prisma.periodoAnno.delete({ where: { id } });
+}
+
+export async function proponiPeriodoAnno(nome: string, auth: AuthContext): Promise<PeriodoAnno> {
+  const created = await prisma.periodoAnno.create({
+    data: {
+      nome,
+      stato: 'DA_APPROVARE',
+      creatoDaId: auth.userId,
+      utenteModifica: auth.name,
+    },
+  });
+
+  await notificheService.creaBroadcastModerazione(
+    'TASSONOMIA_PROPOSTA',
+    `Nuovo periodo dell'anno proposto da approvare: "${created.nome}"`,
+    '/tassonomie',
+  );
+
+  return created;
+}
+
+export async function approvaPeriodoAnno(id: number): Promise<PeriodoAnno> {
+  const entity = await assertExists(
+    prisma.periodoAnno.findUnique({ where: { id } }),
+    'Periodo anno non trovato',
+  );
+  if (entity.stato !== 'DA_APPROVARE') {
+    throw new HttpError(409, 'Periodo anno già confermato');
+  }
+
+  return prisma.periodoAnno.update({ where: { id }, data: { stato: 'CONFERMATA' } });
+}
+
+export async function rifiutaPeriodoAnno(id: number): Promise<void> {
+  const entity = await assertExists(
+    prisma.periodoAnno.findUnique({ where: { id } }),
+    'Periodo anno non trovato',
+  );
+  if (entity.stato !== 'DA_APPROVARE') {
+    throw new HttpError(409, 'Solo le proposte in attesa possono essere rifiutate');
+  }
+
+  await prisma.$transaction([
+    prisma.periodoAnnoAttivita.deleteMany({ where: { periodoAnnoId: id } }),
+    prisma.periodoAnno.delete({ where: { id } }),
+  ]);
+}
+
+async function assertExists<T>(promise: Promise<T | null>, message: string): Promise<T> {
+  const entity = await promise;
+  if (!entity) {
+    throw new HttpError(404, message);
+  }
+  return entity;
+}

scouthub-attivita-be/src/types/dto.ts

@@ -3,6 +3,8 @@ export interface TipologicaDto {
   nome: string;
 }
 
+export type StatoTassonomiaDto = 'CONFERMATA' | 'DA_APPROVARE';
+
 export interface BaseDto {
   dataCreazione: Date;
   dataModifica: Date;
@@ -15,6 +17,7 @@ export interface BrancaDto extends BaseDto {
   inizioEta: number | null;
   fineEta: number | null;
   colore: string | null;
+  stato: StatoTassonomiaDto;
   cancellato: boolean;
 }
 
@@ -23,6 +26,7 @@ export interface CategoriaDto extends BaseDto {
   nome: string;
   padre: number | null;
   tipo: TipologicaDto;
+  stato: StatoTassonomiaDto;
   cancellato: boolean;
 }
 
@@ -48,9 +52,18 @@ export interface PeriodoAnnoDto extends BaseDto {
   nome: string;
   inizioMese: number | null;
   fineMese: number | null;
+  stato: StatoTassonomiaDto;
   cancellato: boolean;
 }
 
+export interface NotaDto {
+  id: number;
+  attivitaId: number;
+  testo: string;
+  autore: string;
+  dataCreazione: Date;
+}
+
 export interface AttivitaDto extends BaseDto {
   id: number | null;
   nome: string;
@@ -62,6 +75,18 @@ export interface AttivitaDto extends BaseDto {
   materialeList: MaterialeDto[];
   paragrafoList: ParagrafoDto[];
   periodoAnnoList: PeriodoAnnoDto[];
+  // Popolata solo se il richiedente è l'autore o ha ruolo admin/moderatore (vedi puoGestire
+  // in attivita.service.ts); per chiunque altro arriva sempre vuota, anche se esistono note.
+  noteList: NotaDto[];
+}
+
+export interface NotificaDto {
+  id: number;
+  tipo: string;
+  messaggio: string;
+  link: string | null;
+  letta: boolean;
+  dataCreazione: Date;
 }
 
 export interface SearchObjectDto {

scouthub-attivita-be/src/types/validation.ts

@@ -49,6 +49,39 @@ export const attivitaSaveSchema = z.object({
   paragrafoList: z.array(paragrafoInputSchema),
 });
 
+export const brancaAdminSchema = z.object({
+  nome: z.string().min(1),
+  inizioEta: z.number().int().nullable().optional(),
+  fineEta: z.number().int().nullable().optional(),
+  colore: z.string().max(10).nullable().optional(),
+});
+
+export const categoriaAdminSchema = z.object({
+  nome: z.string().min(1),
+  padreId: z.number().int().nullable().optional(),
+  tipoId: z.string().min(1),
+});
+
+export const periodoAnnoAdminSchema = z.object({
+  nome: z.string().min(1),
+  inizioMese: z.number().int().min(1).max(12).nullable().optional(),
+  fineMese: z.number().int().min(1).max(12).nullable().optional(),
+});
+
+export const proponiTassonomiaSchema = z.object({
+  nome: z.string().min(1),
+});
+
+export const notaAttivitaSchema = z.object({
+  testo: z.string().min(1).max(1000),
+});
+
+export type BrancaAdminInput = z.infer<typeof brancaAdminSchema>;
+export type CategoriaAdminInput = z.infer<typeof categoriaAdminSchema>;
+export type PeriodoAnnoAdminInput = z.infer<typeof periodoAnnoAdminSchema>;
+export type ProponiTassonomiaInput = z.infer<typeof proponiTassonomiaSchema>;
+export type NotaAttivitaInput = z.infer<typeof notaAttivitaSchema>;
+
 export type TipologicaInput = z.infer<typeof tipologicaSchema>;
 export type ParagrafoInput = z.infer<typeof paragrafoInputSchema>;
 export type BrancaInput = z.infer<typeof brancaInputSchema>;

scouthub-attivita-fe/Dockerfile

@@ -1,11 +1,18 @@
 FROM node:22-bookworm-slim AS build
 
+ARG API_URL
+ARG KEYCLOAK_BASE_URL
+
 WORKDIR /app
 
 COPY package*.json ./
 RUN npm ci
 
 COPY . .
+RUN sed -i \
+      -e "s#__API_URL__#${API_URL}#" \
+      -e "s#__KEYCLOAK_BASE_URL__#${KEYCLOAK_BASE_URL}#" \
+      src/environments/environment.ts
 RUN npm run build
 
 FROM nginx:1.27-alpine

scouthub-attivita-fe/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --port 7001",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"

scouthub-attivita-fe/src/app/app.routes.ts

@@ -1,20 +1,21 @@
 import { Routes } from '@angular/router';
 
 import { authGuard } from './core/auth/auth.guard';
+import { requireModeratoreGuard } from './core/auth/require-moderatore.guard';
 import { ActivityForm } from './pages/activity-form/activity-form';
 import { Detail } from './pages/detail/detail';
 import { Home } from './pages/home/home';
 import { MyActivity } from './pages/my-activity/my-activity';
-import { Profile } from './pages/profile/profile';
 import { Search } from './pages/search/search';
+import { Tassonomie } from './pages/tassonomie/tassonomie';
 
 export const routes: Routes = [
   { path: '', component: Home },
   { path: 'ricerca', component: Search },
   { path: 'attivita/dettaglio/:idAttivita', component: Detail },
   { path: 'mie-attivita', component: MyActivity, canActivate: [authGuard] },
-  { path: 'profilo', component: Profile, canActivate: [authGuard] },
   { path: 'nuova-attivita', component: ActivityForm, canActivate: [authGuard] },
   { path: 'modifica-attivita/:idAttivita', component: ActivityForm, canActivate: [authGuard] },
+  { path: 'tassonomie', component: Tassonomie, canActivate: [authGuard, requireModeratoreGuard] },
   { path: '**', redirectTo: '' },
 ];

scouthub-attivita-fe/src/app/core/auth/require-moderatore.guard.ts

@@ -0,0 +1,15 @@
+import { inject } from '@angular/core';
+import { CanActivateFn, Router } from '@angular/router';
+import Keycloak from 'keycloak-js';
+
+import { MODERATORE_ROLE, extractRealmRoles } from './roles';
+
+// La gestione delle tassonomie (Branca/Categoria/Periodo dell'anno) è riservata al ruolo
+// realm moderatore (admin lo include come composite role). Da usare insieme a authGuard.
+export const requireModeratoreGuard: CanActivateFn = () => {
+  const router = inject(Router);
+  const keycloak = inject(Keycloak);
+
+  const roles = extractRealmRoles(keycloak.tokenParsed);
+  return roles.includes(MODERATORE_ROLE) ? true : router.parseUrl('/');
+};

scouthub-attivita-fe/src/app/core/auth/roles.ts

@@ -0,0 +1,7 @@
+import { KeycloakTokenParsed } from 'keycloak-js';
+
+export const MODERATORE_ROLE = 'moderatore';
+
+export function extractRealmRoles(tokenParsed: KeycloakTokenParsed | undefined): string[] {
+  return tokenParsed?.realm_access?.roles ?? [];
+}

scouthub-attivita-fe/src/app/core/models/attivita.model.ts

@@ -8,6 +8,10 @@ export interface Stato extends BaseTipologica {}
 export const STATO_BOZZA: Stato = { id: 'BO', nome: 'Bozza' };
 export const STATO_PUBBLICATO: Stato = { id: 'PU', nome: 'Pubblicato' };
 export const STATO_PRIVATO: Stato = { id: 'PR', nome: 'Privato' };
+// Non selezionabile direttamente dall'autore: è lo stato in cui il backend porta
+// un'attività quando l'autore sceglie "Pubblicato", in attesa dell'approvazione di
+// admin/moderatore (vedi risolviStatoPersistito in attivita.service.ts sul backend).
+export const STATO_IN_ATTESA: Stato = { id: 'IA', nome: 'In attesa di approvazione' };
 export const STATI: Stato[] = [STATO_BOZZA, STATO_PUBBLICATO, STATO_PRIVATO];
 
 export interface TipoParagrafo extends BaseTipologica {}
@@ -17,12 +21,15 @@ export const TIPO_PARAGRAFO: TipoParagrafo = { id: 'PARAGRAFO', nome: 'Paragrafo
 
 export interface TipoCategoria extends BaseTipologica {}
 
+export type StatoTassonomia = 'CONFERMATA' | 'DA_APPROVARE';
+
 export interface Branca {
   id: number;
   nome: string;
   inizioEta?: number;
   fineEta?: number;
   colore?: string;
+  stato?: StatoTassonomia;
 }
 
 export interface Categoria {
@@ -30,6 +37,7 @@ export interface Categoria {
   nome: string;
   tipo?: TipoCategoria;
   padre?: number | null;
+  stato?: StatoTassonomia;
 }
 
 export interface Materiale {
@@ -43,6 +51,7 @@ export interface PeriodoAnno {
   nome: string;
   inizioMese?: number | null;
   fineMese?: number | null;
+  stato?: StatoTassonomia;
 }
 
 export interface Paragrafo {
@@ -52,6 +61,14 @@ export interface Paragrafo {
   ordine: number;
 }
 
+export interface Nota {
+  id: number;
+  attivitaId: number;
+  testo: string;
+  autore: string;
+  dataCreazione: string;
+}
+
 export interface Attivita {
   id?: number;
   nome: string;
@@ -63,6 +80,9 @@ export interface Attivita {
   categoriaList: Categoria[];
   materialeList: Materiale[];
   periodoAnnoList: PeriodoAnno[];
+  // Popolata dal backend solo per l'autore o per admin/moderatore (vedi puoGestire su
+  // attivita.service.ts); vuota per chiunque altro anche quando esistono note.
+  noteList?: Nota[];
   dataCreazione?: string;
   dataModifica?: string;
   utenteModifica?: string;

scouthub-attivita-fe/src/app/core/models/notifica.model.ts

@@ -0,0 +1,14 @@
+export type TipoNotifica =
+  | 'TASSONOMIA_PROPOSTA'
+  | 'ATTIVITA_IN_ATTESA'
+  | 'ATTIVITA_PUBBLICATA'
+  | 'ATTIVITA_BOZZA_NOTA';
+
+export interface Notifica {
+  id: number;
+  tipo: TipoNotifica;
+  messaggio: string;
+  link: string | null;
+  letta: boolean;
+  dataCreazione: string;
+}

scouthub-attivita-fe/src/app/core/models/tassonomia.model.ts

@@ -0,0 +1,56 @@
+export type StatoTassonomia = 'CONFERMATA' | 'DA_APPROVARE';
+
+export interface Branca {
+  id: number;
+  nome: string;
+  inizioEta: number | null;
+  fineEta: number | null;
+  colore: string | null;
+  stato: StatoTassonomia;
+  creatoDaId: string | null;
+  dataCreazione: string;
+  dataModifica: string;
+  utenteModifica: string;
+}
+
+export interface TipoCategoria {
+  id: string;
+  nome: string;
+}
+
+export interface Categoria {
+  id: number;
+  nome: string;
+  padreId: number | null;
+  tipoId: string;
+  stato: StatoTassonomia;
+  creatoDaId: string | null;
+  dataCreazione: string;
+  dataModifica: string;
+  utenteModifica: string;
+}
+
+export interface PeriodoAnno {
+  id: number;
+  nome: string;
+  inizioMese: number | null;
+  fineMese: number | null;
+  stato: StatoTassonomia;
+  creatoDaId: string | null;
+  dataCreazione: string;
+  dataModifica: string;
+  utenteModifica: string;
+}
+
+export type BrancaInput = Omit<
+  Branca,
+  'id' | 'stato' | 'creatoDaId' | 'dataCreazione' | 'dataModifica' | 'utenteModifica'
+>;
+export type CategoriaInput = Omit<
+  Categoria,
+  'id' | 'stato' | 'creatoDaId' | 'dataCreazione' | 'dataModifica' | 'utenteModifica'
+>;
+export type PeriodoAnnoInput = Omit<
+  PeriodoAnno,
+  'id' | 'stato' | 'creatoDaId' | 'dataCreazione' | 'dataModifica' | 'utenteModifica'
+>;

scouthub-attivita-fe/src/app/core/services/attivita.ts

@@ -37,4 +37,20 @@ export class AttivitaService {
   save(attivita: Attivita): Observable<void> {
     return this.http.post<void>(`${this.privateUrl}/save`, attivita);
   }
+
+  getListModerazione(): Observable<Attivita[]> {
+    return this.http.get<Attivita[]>(`${this.privateUrl}/get/lista/moderazione`);
+  }
+
+  approva(idAttivita: number): Observable<void> {
+    return this.http.post<void>(`${this.privateUrl}/${idAttivita}/approva`, {});
+  }
+
+  commenta(idAttivita: number, testo: string): Observable<void> {
+    return this.http.post<void>(`${this.privateUrl}/${idAttivita}/commenta`, { testo });
+  }
+
+  eliminaNota(idNota: number): Observable<void> {
+    return this.http.delete<void>(`${this.privateUrl}/note/${idNota}`);
+  }
 }

scouthub-attivita-fe/src/app/core/services/notifiche.ts

@@ -0,0 +1,30 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable, inject } from '@angular/core';
+import { Observable } from 'rxjs';
+
+import { environment } from '../../../environments/environment';
+import { Notifica } from '../models/notifica.model';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class NotificheService {
+  private readonly http = inject(HttpClient);
+  private readonly baseUrl = `${environment.apiUrl}/private/notifiche`;
+
+  getLista(): Observable<Notifica[]> {
+    return this.http.get<Notifica[]>(`${this.baseUrl}/`);
+  }
+
+  getCountNonLette(): Observable<{ count: number }> {
+    return this.http.get<{ count: number }>(`${this.baseUrl}/non-lette/count`);
+  }
+
+  segnaLetta(id: number): Observable<void> {
+    return this.http.put<void>(`${this.baseUrl}/${id}/letta`, {});
+  }
+
+  segnaTutteLette(): Observable<void> {
+    return this.http.put<void>(`${this.baseUrl}/letta-tutte`, {});
+  }
+}

scouthub-attivita-fe/src/app/core/services/tassonomie.ts

@@ -0,0 +1,110 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable, inject } from '@angular/core';
+import { Observable } from 'rxjs';
+
+import { environment } from '../../../environments/environment';
+import {
+  Branca,
+  BrancaInput,
+  Categoria,
+  CategoriaInput,
+  PeriodoAnno,
+  PeriodoAnnoInput,
+  TipoCategoria,
+} from '../models/tassonomia.model';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class TassonomieService {
+  private readonly http = inject(HttpClient);
+  private readonly baseUrl = `${environment.apiUrl}/private/tassonomie`;
+
+  listBranca(): Observable<Branca[]> {
+    return this.http.get<Branca[]>(`${this.baseUrl}/branca`);
+  }
+
+  createBranca(input: BrancaInput): Observable<Branca> {
+    return this.http.post<Branca>(`${this.baseUrl}/branca`, input);
+  }
+
+  updateBranca(id: number, input: BrancaInput): Observable<Branca> {
+    return this.http.put<Branca>(`${this.baseUrl}/branca/${id}`, input);
+  }
+
+  deleteBranca(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/branca/${id}`);
+  }
+
+  proponiBranca(nome: string): Observable<Branca> {
+    return this.http.post<Branca>(`${this.baseUrl}/proposte/branca`, { nome });
+  }
+
+  approvaBranca(id: number): Observable<Branca> {
+    return this.http.post<Branca>(`${this.baseUrl}/branca/${id}/approva`, {});
+  }
+
+  rifiutaBranca(id: number): Observable<void> {
+    return this.http.post<void>(`${this.baseUrl}/branca/${id}/rifiuta`, {});
+  }
+
+  listCategoria(): Observable<Categoria[]> {
+    return this.http.get<Categoria[]>(`${this.baseUrl}/categoria`);
+  }
+
+  listTipoCategoria(): Observable<TipoCategoria[]> {
+    return this.http.get<TipoCategoria[]>(`${this.baseUrl}/tipo-categoria`);
+  }
+
+  createCategoria(input: CategoriaInput): Observable<Categoria> {
+    return this.http.post<Categoria>(`${this.baseUrl}/categoria`, input);
+  }
+
+  updateCategoria(id: number, input: CategoriaInput): Observable<Categoria> {
+    return this.http.put<Categoria>(`${this.baseUrl}/categoria/${id}`, input);
+  }
+
+  deleteCategoria(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/categoria/${id}`);
+  }
+
+  proponiCategoria(nome: string): Observable<Categoria> {
+    return this.http.post<Categoria>(`${this.baseUrl}/proposte/categoria`, { nome });
+  }
+
+  approvaCategoria(id: number): Observable<Categoria> {
+    return this.http.post<Categoria>(`${this.baseUrl}/categoria/${id}/approva`, {});
+  }
+
+  rifiutaCategoria(id: number): Observable<void> {
+    return this.http.post<void>(`${this.baseUrl}/categoria/${id}/rifiuta`, {});
+  }
+
+  listPeriodoAnno(): Observable<PeriodoAnno[]> {
+    return this.http.get<PeriodoAnno[]>(`${this.baseUrl}/periodoAnno`);
+  }
+
+  createPeriodoAnno(input: PeriodoAnnoInput): Observable<PeriodoAnno> {
+    return this.http.post<PeriodoAnno>(`${this.baseUrl}/periodoAnno`, input);
+  }
+
+  updatePeriodoAnno(id: number, input: PeriodoAnnoInput): Observable<PeriodoAnno> {
+    return this.http.put<PeriodoAnno>(`${this.baseUrl}/periodoAnno/${id}`, input);
+  }
+
+  deletePeriodoAnno(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/periodoAnno/${id}`);
+  }
+
+  proponiPeriodoAnno(nome: string): Observable<PeriodoAnno> {
+    return this.http.post<PeriodoAnno>(`${this.baseUrl}/proposte/periodoAnno`, { nome });
+  }
+
+  approvaPeriodoAnno(id: number): Observable<PeriodoAnno> {
+    return this.http.post<PeriodoAnno>(`${this.baseUrl}/periodoAnno/${id}/approva`, {});
+  }
+
+  rifiutaPeriodoAnno(id: number): Observable<void> {
+    return this.http.post<void>(`${this.baseUrl}/periodoAnno/${id}/rifiuta`, {});
+  }
+}

scouthub-attivita-fe/src/app/core/utils/stato-style.ts

@@ -11,6 +11,9 @@ export function statoStyle(idStato: string): StatoStyle {
   if (idStato === 'PR') {
     return { bg: 'var(--color-periodo-bg)', color: 'var(--color-periodo-text)', border: 'var(--color-periodo-border)' };
   }
+  if (idStato === 'IA') {
+    return { bg: 'var(--color-attesa-bg)', color: 'var(--color-attesa-text)', border: 'var(--color-attesa-border)' };
+  }
   return { bg: 'var(--color-neutral-bg)', color: 'var(--color-neutral-text)', border: 'var(--color-neutral-border)' };
 }
 

scouthub-attivita-fe/src/app/pages/activity-form/activity-form.css

@@ -44,6 +44,11 @@
   gap: 24px;
 }
 
+.errore-inline {
+  color: var(--color-danger);
+  font-size: 13px;
+}
+
 .field {
   font-weight: 700;
   font-size: 14px;

scouthub-attivita-fe/src/app/pages/activity-form/activity-form.html

@@ -47,29 +47,38 @@
 
   @if (step() === 1) {
     <div class="step-content step-content--gap">
+      @if (classificazioneErrore()) {
+        <div class="errore-inline">{{ classificazioneErrore() }}</div>
+      }
       <app-chip-field
         label="Branca"
         [chips]="brancaList()"
         [(query)]="brancaQuery"
         [suggestions]="brancaSuggestions()"
+        [allowCreate]="true"
         (select)="addBranca($event)"
         (remove)="removeBranca($event)"
+        (create)="onCreateBranca($event)"
       />
       <app-chip-field
         label="Categoria"
         [chips]="categoriaList()"
         [(query)]="categoriaQuery"
         [suggestions]="categoriaSuggestions()"
+        [allowCreate]="true"
         (select)="addCategoria($event)"
         (remove)="removeCategoria($event)"
+        (create)="onCreateCategoria($event)"
       />
       <app-chip-field
         label="Periodo dell'anno"
         [chips]="periodoAnnoList()"
         [(query)]="periodoQuery"
         [suggestions]="periodoSuggestions()"
+        [allowCreate]="true"
         (select)="addPeriodo($event)"
         (remove)="removePeriodo($event)"
+        (create)="onCreatePeriodo($event)"
       />
     </div>
   }

scouthub-attivita-fe/src/app/pages/activity-form/activity-form.ts

@@ -1,6 +1,8 @@
-import { Component, computed, effect, inject, signal } from '@angular/core';
+import { Component, Signal, computed, inject, signal } from '@angular/core';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { ActivatedRoute, Router } from '@angular/router';
 import Keycloak from 'keycloak-js';
+import { Observable, catchError, debounceTime, distinctUntilChanged, of, switchMap } from 'rxjs';
 
 import {
   Attivita,
@@ -17,10 +19,12 @@ import {
 } from '../../core/models/attivita.model';
 import { AttivitaService } from '../../core/services/attivita';
 import { AutocompleteService } from '../../core/services/autocomplete';
+import { TassonomieService } from '../../core/services/tassonomie';
 import { statoStyle } from '../../core/utils/stato-style';
 import { ChipField, ChipOption } from '../../shared/chip-field/chip-field';
 
 const STEP_LABELS = ['Info base', 'Classificazione', 'Materiale', 'Paragrafi', 'Riepilogo'];
+const AUTOCOMPLETE_DEBOUNCE_MS = 300;
 
 @Component({
   selector: 'app-activity-form',
@@ -33,6 +37,7 @@ export class ActivityForm {
   private readonly router = inject(Router);
   private readonly attivitaService = inject(AttivitaService);
   private readonly autocompleteService = inject(AutocompleteService);
+  private readonly tassonomieService = inject(TassonomieService);
   private readonly keycloak = inject(Keycloak);
 
   readonly editingId = signal<number | null>(null);
@@ -59,6 +64,8 @@ export class ActivityForm {
   readonly periodoSuggestions = signal<ChipOption[]>([]);
   readonly materialeSuggestions = signal<ChipOption[]>([]);
 
+  readonly classificazioneErrore = signal<string | null>(null);
+
   readonly wizardTitle = computed(() => (this.editingId() ? 'Modifica attività' : 'Nuova attività'));
   readonly isLastStep = computed(() => this.step() === 4);
   readonly nonTitoloCount = computed(() => this.paragrafoList().filter((p) => p.tipo.id !== 'TITOLO').length);
@@ -75,54 +82,53 @@ export class ActivityForm {
       this.attivitaService.getOne(id).subscribe((attivita) => this.popolaForm(attivita));
     }
 
-    effect(() => {
-      const query = this.brancaQuery();
+    this.autocompleteQuery(
+      this.brancaQuery,
+      (query) => this.autocompleteService.branca(query),
+    ).subscribe((r) => {
       const selezionati = new Set(this.brancaList().map((b) => b.id));
-      if (!query.trim()) {
-        this.brancaSuggestions.set([]);
-        return;
-      }
-      this.autocompleteService.branca(query).subscribe({
-        next: (r) => this.brancaSuggestions.set(this.toChipOptions(r, selezionati)),
-        error: () => this.brancaSuggestions.set([]),
+      this.brancaSuggestions.set(this.toChipOptions(r, selezionati));
     });
-    });
-    effect(() => {
-      const query = this.categoriaQuery();
+    this.autocompleteQuery(
+      this.categoriaQuery,
+      (query) => this.autocompleteService.categoria(query),
+    ).subscribe((r) => {
       const selezionati = new Set(this.categoriaList().map((c) => c.id));
-      if (!query.trim()) {
-        this.categoriaSuggestions.set([]);
-        return;
-      }
-      this.autocompleteService.categoria(query).subscribe({
-        next: (r) => this.categoriaSuggestions.set(this.toChipOptions(r, selezionati)),
-        error: () => this.categoriaSuggestions.set([]),
+      this.categoriaSuggestions.set(this.toChipOptions(r, selezionati));
     });
-    });
-    effect(() => {
-      const query = this.periodoQuery();
+    this.autocompleteQuery(
+      this.periodoQuery,
+      (query) => this.autocompleteService.periodoAnno(query),
+    ).subscribe((r) => {
       const selezionati = new Set(this.periodoAnnoList().map((p) => p.id));
-      if (!query.trim()) {
-        this.periodoSuggestions.set([]);
-        return;
-      }
-      this.autocompleteService.periodoAnno(query).subscribe({
-        next: (r) => this.periodoSuggestions.set(this.toChipOptions(r, selezionati)),
-        error: () => this.periodoSuggestions.set([]),
+      this.periodoSuggestions.set(this.toChipOptions(r, selezionati));
     });
-    });
-    effect(() => {
-      const query = this.materialeQuery();
+    this.autocompleteQuery(
+      this.materialeQuery,
+      (query) => this.autocompleteService.materiale(query),
+    ).subscribe((r) => {
       const selezionati = new Set(this.materialeList().map((m) => m.id));
-      if (!query.trim()) {
-        this.materialeSuggestions.set([]);
-        return;
+      this.materialeSuggestions.set(this.toChipOptions(r, selezionati));
+    });
   }
-      this.autocompleteService.materiale(query).subscribe({
-        next: (r) => this.materialeSuggestions.set(this.toChipOptions(r, selezionati)),
-        error: () => this.materialeSuggestions.set([]),
-      });
-    });
+
+  // Aspetta che l'utente smetta di scrivere per AUTOCOMPLETE_DEBOUNCE_MS prima di
+  // interrogare il backend, invece di chiamarlo ad ogni singola lettera digitata.
+  private autocompleteQuery(
+    querySignal: Signal<string>,
+    richiedi: (query: string) => Observable<{ id: number | null; nome: string | null }[]>,
+  ) {
+    return toObservable(querySignal).pipe(
+      debounceTime(AUTOCOMPLETE_DEBOUNCE_MS),
+      distinctUntilChanged(),
+      switchMap((query) => {
+        if (!query.trim()) {
+          return of([]);
+        }
+        return richiedi(query).pipe(catchError(() => of([])));
+      }),
+      takeUntilDestroyed(),
+    );
   }
 
   private toChipOptions(
@@ -165,6 +171,26 @@ export class ActivityForm {
   removeBranca(chip: ChipOption): void {
     this.brancaList.update((lista) => lista.filter((b) => b.id !== chip.id));
   }
+  onCreateBranca(nome: string): void {
+    this.classificazioneErrore.set(null);
+    this.tassonomieService.proponiBranca(nome).subscribe({
+      next: (branca) => {
+        this.brancaList.update((lista) => [
+          ...lista,
+          {
+            id: branca.id,
+            nome: branca.nome,
+            inizioEta: branca.inizioEta ?? undefined,
+            fineEta: branca.fineEta ?? undefined,
+            colore: branca.colore ?? undefined,
+            stato: branca.stato,
+          },
+        ]);
+        this.brancaQuery.set('');
+      },
+      error: () => this.classificazioneErrore.set('Impossibile proporre la branca.'),
+    });
+  }
 
   addCategoria(chip: ChipOption): void {
     this.categoriaList.update((lista) => [...lista, { id: chip.id, nome: chip.nome }]);
@@ -173,6 +199,19 @@ export class ActivityForm {
   removeCategoria(chip: ChipOption): void {
     this.categoriaList.update((lista) => lista.filter((c) => c.id !== chip.id));
   }
+  onCreateCategoria(nome: string): void {
+    this.classificazioneErrore.set(null);
+    this.tassonomieService.proponiCategoria(nome).subscribe({
+      next: (categoria) => {
+        this.categoriaList.update((lista) => [
+          ...lista,
+          { id: categoria.id, nome: categoria.nome, stato: categoria.stato },
+        ]);
+        this.categoriaQuery.set('');
+      },
+      error: () => this.classificazioneErrore.set('Impossibile proporre la categoria.'),
+    });
+  }
 
   addPeriodo(chip: ChipOption): void {
     this.periodoAnnoList.update((lista) => [...lista, { id: chip.id, nome: chip.nome }]);
@@ -181,6 +220,25 @@ export class ActivityForm {
   removePeriodo(chip: ChipOption): void {
     this.periodoAnnoList.update((lista) => lista.filter((p) => p.id !== chip.id));
   }
+  onCreatePeriodo(nome: string): void {
+    this.classificazioneErrore.set(null);
+    this.tassonomieService.proponiPeriodoAnno(nome).subscribe({
+      next: (periodo) => {
+        this.periodoAnnoList.update((lista) => [
+          ...lista,
+          {
+            id: periodo.id,
+            nome: periodo.nome,
+            inizioMese: periodo.inizioMese,
+            fineMese: periodo.fineMese,
+            stato: periodo.stato,
+          },
+        ]);
+        this.periodoQuery.set('');
+      },
+      error: () => this.classificazioneErrore.set('Impossibile proporre il periodo.'),
+    });
+  }
 
   addMateriale(chip: ChipOption): void {
     this.materialeList.update((lista) => [...lista, { id: chip.id, nome: chip.nome, proprieta: '' }]);

scouthub-attivita-fe/src/app/pages/detail/detail.css

@@ -64,6 +64,12 @@
   color: var(--color-periodo-text);
 }
 
+.badge-attesa {
+  cursor: default;
+  font-size: 13px;
+  margin-left: 2px;
+}
+
 .materiale-box {
   background: var(--color-surface);
   border: 1px solid var(--color-border);
@@ -123,3 +129,79 @@
   margin: 0;
   white-space: pre-wrap;
 }
+
+.moderazione-box {
+  margin-top: 32px;
+  background: var(--color-attesa-bg);
+  border: 1px solid var(--color-attesa-border);
+  border-radius: 14px;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.moderazione-title {
+  font-weight: 700;
+  font-size: 15px;
+  color: var(--color-attesa-text);
+}
+
+.moderazione-azioni {
+  display: flex;
+}
+
+.moderazione-textarea {
+  width: 100%;
+  min-height: 90px;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font-size: 14px;
+  resize: vertical;
+}
+
+.note-box {
+  margin-top: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.note-title {
+  font-weight: 700;
+  font-size: 15px;
+  color: var(--color-text-muted);
+}
+
+.nota {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 12px;
+  padding: 12px 16px;
+}
+
+.nota-meta {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  margin-bottom: 6px;
+}
+
+.nota-testo {
+  font-size: 15px;
+  white-space: pre-wrap;
+}
+
+.nota-elimina {
+  cursor: pointer;
+  margin-top: 8px;
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--color-danger);
+  font-size: 13px;
+  font-weight: 600;
+  font-family: inherit;
+}

scouthub-attivita-fe/src/app/pages/detail/detail.html

@@ -3,6 +3,9 @@
     <div class="branca-row">
       @for (branca of a.brancaList; track branca.id) {
         <span class="branca-dot" [style.background]="branca.colore" [title]="branca.nome"></span>
+        @if (branca.stato === 'DA_APPROVARE') {
+          <span class="badge-attesa" title="In attesa di conferma">⚠️</span>
+        }
       }
       <span class="branca-nomi">{{ brancaNomi() }}</span>
     </div>
@@ -13,10 +16,20 @@
     </div>
     <div class="chips-row">
       @for (categoria of a.categoriaList; track categoria.id) {
-        <span class="chip chip--categoria">{{ categoria.nome }}</span>
+        <span class="chip chip--categoria">
+          {{ categoria.nome }}
+          @if (categoria.stato === 'DA_APPROVARE') {
+            <span class="badge-attesa" title="In attesa di conferma">⚠️</span>
+          }
+        </span>
       }
       @for (periodo of a.periodoAnnoList; track periodo.id) {
-        <span class="chip chip--periodo">{{ periodo.nome }}</span>
+        <span class="chip chip--periodo">
+          {{ periodo.nome }}
+          @if (periodo.stato === 'DA_APPROVARE') {
+            <span class="badge-attesa" title="In attesa di conferma">⚠️</span>
+          }
+        </span>
       }
     </div>
 
@@ -50,6 +63,43 @@
         }
       }
     </div>
+
+    @if (puoModerare()) {
+      <div class="moderazione-box">
+        <div class="moderazione-title">Moderazione</div>
+        <div class="moderazione-azioni">
+          <button class="btn-primary" [disabled]="azioneInCorso()" (click)="approva()">✓ Approva e pubblica</button>
+        </div>
+        <textarea
+          class="moderazione-textarea"
+          placeholder="Scrivi una nota per l'autore: l'attività tornerà in bozza per essere sistemata..."
+          [value]="testoCommento()"
+          (input)="testoCommento.set($any($event.target).value)"
+        ></textarea>
+        <button
+          class="btn-secondary"
+          [disabled]="azioneInCorso() || !testoCommento().trim()"
+          (click)="commenta()"
+        >
+          Commenta e rimanda all'autore
+        </button>
+      </div>
+    }
+
+    @if (a.noteList && a.noteList.length > 0) {
+      <div class="note-box">
+        <div class="note-title">Note di moderazione</div>
+        @for (nota of a.noteList; track nota.id) {
+          <div class="nota">
+            <div class="nota-meta">{{ nota.autore }} · {{ formatNotaData(nota.dataCreazione) }}</div>
+            <div class="nota-testo">{{ nota.testo }}</div>
+            @if (puoCancellareNote()) {
+              <button class="nota-elimina" (click)="eliminaNota(nota.id)">Elimina nota</button>
+            }
+          </div>
+        }
+      </div>
+    }
   </div>
 }
 

scouthub-attivita-fe/src/app/pages/detail/detail.ts

@@ -1,6 +1,9 @@
 import { Component, computed, inject, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
+import Keycloak from 'keycloak-js';
+import { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';
 
+import { MODERATORE_ROLE, extractRealmRoles } from '../../core/auth/roles';
 import { Attivita, Paragrafo } from '../../core/models/attivita.model';
 import { AttivitaService } from '../../core/services/attivita';
 import { formatData, parseMarkdown, statoStyle } from '../../core/utils/stato-style';
@@ -14,9 +17,13 @@ import { formatData, parseMarkdown, statoStyle } from '../../core/utils/stato-st
 export class Detail {
   private readonly route = inject(ActivatedRoute);
   private readonly attivitaService = inject(AttivitaService);
+  private readonly keycloak = inject(Keycloak);
+  private readonly keycloakEvent = inject(KEYCLOAK_EVENT_SIGNAL);
 
   readonly attivita = signal<Attivita | null>(null);
   readonly caricamento = signal(true);
+  readonly testoCommento = signal('');
+  readonly azioneInCorso = signal(false);
 
   readonly dataModificaFmt = computed(() => formatData(this.attivita()?.dataModifica));
   readonly statoTextColor = computed(() => statoStyle(this.attivita()?.stato.id ?? 'BO').color);
@@ -25,8 +32,26 @@ export class Detail {
     [...(this.attivita()?.paragrafoList ?? [])].sort((a, b) => a.ordine - b.ordine)
   );
 
+  readonly isModeratore = computed(() => {
+    this.keycloakEvent();
+    return extractRealmRoles(this.keycloak.tokenParsed).includes(MODERATORE_ROLE);
+  });
+
+  readonly puoModerare = computed(
+    () => this.isModeratore() && this.attivita()?.stato.id === 'IA',
+  );
+
+  readonly puoCancellareNote = computed(
+    () => this.isModeratore() && this.attivita()?.stato.id === 'PU',
+  );
+
   constructor() {
+    this.caricaAttivita();
+  }
+
+  private caricaAttivita(): void {
     const idAttivita = Number(this.route.snapshot.paramMap.get('idAttivita'));
+    this.caricamento.set(true);
     this.attivitaService.getOne(idAttivita).subscribe({
       next: (attivita) => {
         this.attivita.set(attivita);
@@ -43,4 +68,42 @@ export class Detail {
   tokens(paragrafo: Paragrafo) {
     return parseMarkdown(paragrafo.corpo);
   }
+
+  formatNotaData(data: string): string {
+    return formatData(data);
+  }
+
+  approva(): void {
+    const attivita = this.attivita();
+    if (!attivita?.id || this.azioneInCorso()) return;
+
+    this.azioneInCorso.set(true);
+    this.attivitaService.approva(attivita.id).subscribe({
+      next: () => {
+        this.azioneInCorso.set(false);
+        this.caricaAttivita();
+      },
+      error: () => this.azioneInCorso.set(false),
+    });
+  }
+
+  commenta(): void {
+    const attivita = this.attivita();
+    const testo = this.testoCommento().trim();
+    if (!attivita?.id || !testo || this.azioneInCorso()) return;
+
+    this.azioneInCorso.set(true);
+    this.attivitaService.commenta(attivita.id, testo).subscribe({
+      next: () => {
+        this.azioneInCorso.set(false);
+        this.testoCommento.set('');
+        this.caricaAttivita();
+      },
+      error: () => this.azioneInCorso.set(false),
+    });
+  }
+
+  eliminaNota(idNota: number): void {
+    this.attivitaService.eliminaNota(idNota).subscribe(() => this.caricaAttivita());
+  }
 }

scouthub-attivita-fe/src/app/pages/home/home.css

@@ -0,0 +1,14 @@
+.approvazione-box {
+  background: var(--color-attesa-bg);
+  border: 1px solid var(--color-attesa-border);
+  border-radius: 14px;
+  padding: 20px;
+  margin-bottom: 32px;
+}
+
+.approvazione-title {
+  font-weight: 700;
+  font-size: 17px;
+  color: var(--color-attesa-text);
+  margin-bottom: 14px;
+}

scouthub-attivita-fe/src/app/pages/home/home.html

@@ -1,4 +1,15 @@
 <div class="page">
+  @if (isModeratore() && daApprovare().length > 0) {
+    <div class="approvazione-box">
+      <div class="approvazione-title">⏳ Attività da approvare ({{ daApprovare().length }})</div>
+      <div class="grid">
+        @for (attivita of daApprovare(); track attivita.id) {
+          <app-activity-card [attivita]="attivita" />
+        }
+      </div>
+    </div>
+  }
+
   <div class="page-header">
     <h1 class="page-title">Attività pubblicate</h1>
     <a class="search-bar" routerLink="/ricerca">

scouthub-attivita-fe/src/app/pages/home/home.ts

@@ -1,6 +1,9 @@
-import { Component, inject, signal } from '@angular/core';
+import { Component, computed, effect, inject, signal } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import Keycloak from 'keycloak-js';
+import { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';
 
+import { MODERATORE_ROLE, extractRealmRoles } from '../../core/auth/roles';
 import { Attivita } from '../../core/models/attivita.model';
 import { AttivitaService } from '../../core/services/attivita';
 import { ActivityCard } from '../../shared/activity-card/activity-card';
@@ -13,9 +16,17 @@ import { ActivityCard } from '../../shared/activity-card/activity-card';
 })
 export class Home {
   private readonly attivitaService = inject(AttivitaService);
+  private readonly keycloak = inject(Keycloak);
+  private readonly keycloakEvent = inject(KEYCLOAK_EVENT_SIGNAL);
 
   readonly attivitaList = signal<Attivita[]>([]);
   readonly caricamento = signal(true);
+  readonly daApprovare = signal<Attivita[]>([]);
+
+  readonly isModeratore = computed(() => {
+    this.keycloakEvent();
+    return extractRealmRoles(this.keycloak.tokenParsed).includes(MODERATORE_ROLE);
+  });
 
   constructor() {
     this.attivitaService.getListHome().subscribe({
@@ -25,5 +36,16 @@ export class Home {
       },
       error: () => this.caricamento.set(false),
     });
+
+    // Il ruolo moderatore/admin arriva dal token Keycloak in modo asincrono: quando diventa
+    // disponibile carichiamo la lista delle attività in attesa di approvazione da mostrare
+    // in cima alla home.
+    effect(() => {
+      if (this.isModeratore()) {
+        this.attivitaService.getListModerazione().subscribe((lista) => this.daApprovare.set(lista));
+      } else {
+        this.daApprovare.set([]);
+      }
+    });
   }
 }

scouthub-attivita-fe/src/app/pages/my-activity/my-activity.css

@@ -33,6 +33,24 @@
   margin-top: 2px;
 }
 
+.riga-badge {
+  display: inline-block;
+  margin-top: 6px;
+  padding: 3px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 700;
+  border: 1px solid;
+}
+
+.riga-note {
+  display: block;
+  margin-top: 6px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--color-danger);
+}
+
 .stato-options {
   display: flex;
   gap: 6px;

scouthub-attivita-fe/src/app/pages/my-activity/my-activity.html

@@ -11,6 +11,14 @@
           <div class="riga-info">
             <a class="riga-titolo" [routerLink]="['/attivita/dettaglio', attivita.id]">{{ attivita.nome }}</a>
             <div class="riga-data">Aggiornata il {{ dataModificaFmt(attivita) }}</div>
+            @if (isInAttesa(attivita)) {
+              <div class="riga-badge" [style.color]="stileStato('IA').color" [style.background]="stileStato('IA').bg" [style.border-color]="stileStato('IA').border">
+                In attesa di approvazione
+              </div>
+            }
+            @if (attivita.noteList && attivita.noteList.length > 0) {
+              <a class="riga-note" [routerLink]="['/attivita/dettaglio', attivita.id]">📝 Note del moderatore</a>
+            }
           </div>
           <div class="stato-options">
             @for (stato of stati; track stato.id) {

scouthub-attivita-fe/src/app/pages/my-activity/my-activity.ts

@@ -45,6 +45,10 @@ export class MyActivity {
     return attivita.stato.id === stato.id;
   }
 
+  isInAttesa(attivita: Attivita): boolean {
+    return attivita.stato.id === 'IA';
+  }
+
   cambiaStato(attivita: Attivita, stato: Stato): void {
     if (!attivita.id || attivita.stato.id === stato.id) {
       return;

scouthub-attivita-fe/src/app/pages/profile/profile.css

@@ -1,30 +0,0 @@
-.profile-page {
-  max-width: 520px;
-  padding-top: 60px;
-  text-align: center;
-}
-
-.avatar {
-  width: 84px;
-  height: 84px;
-  border-radius: 50%;
-  background: var(--color-primary-soft);
-  color: var(--color-primary-text);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 34px;
-  font-weight: 700;
-  margin: 0 auto 18px;
-}
-
-.titolo {
-  font-size: 24px;
-  margin: 0 0 6px;
-  font-weight: 700;
-}
-
-.sottotitolo {
-  color: var(--color-text-muted);
-  margin: 0 0 24px;
-}

scouthub-attivita-fe/src/app/pages/profile/profile.html

@@ -1,8 +0,0 @@
-<div class="page profile-page">
-  <div class="avatar">👤</div>
-  <h1 class="titolo">Il tuo profilo</h1>
-  <p class="sottotitolo">
-    La gestione account arriverà con l'autenticazione. Per ora, accedi alle tue attività qui sotto.
-  </p>
-  <a class="btn-primary" routerLink="/mie-attivita">Vai a Le mie attività</a>
-</div>

scouthub-attivita-fe/src/app/pages/profile/profile.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterLink } from '@angular/router';
-
-@Component({
-  selector: 'app-profile',
-  imports: [RouterLink],
-  templateUrl: './profile.html',
-  styleUrl: './profile.css',
-})
-export class Profile {}

scouthub-attivita-fe/src/app/pages/search/search.ts

@@ -1,4 +1,6 @@
 import { Component, computed, effect, inject, signal } from '@angular/core';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { catchError, debounceTime, distinctUntilChanged, of, switchMap } from 'rxjs';
 
 import { Attivita } from '../../core/models/attivita.model';
 import { AutocompleteGroup, GruppoFiltro, SearchObjectDto } from '../../core/models/search.model';
@@ -7,6 +9,8 @@ import { AutocompleteService } from '../../core/services/autocomplete';
 import { NavigationService } from '../../core/services/navigation';
 import { ActivityCard } from '../../shared/activity-card/activity-card';
 
+const AUTOCOMPLETE_DEBOUNCE_MS = 300;
+
 @Component({
   selector: 'app-search',
   imports: [ActivityCard],
@@ -38,19 +42,26 @@ export class Search {
         error: () => this.results.set([]),
       });
     });
+
+    // Aspetta che l'utente smetta di scrivere per AUTOCOMPLETE_DEBOUNCE_MS prima di
+    // interrogare il backend, invece di chiamarlo ad ogni singola lettera digitata.
+    toObservable(this.searchQuery)
+      .pipe(
+        debounceTime(AUTOCOMPLETE_DEBOUNCE_MS),
+        distinctUntilChanged(),
+        switchMap((query) => {
+          if (!query.trim()) {
+            return of([]);
+          }
+          return this.autocompleteService.search(query).pipe(catchError(() => of([])));
+        }),
+        takeUntilDestroyed(),
+      )
+      .subscribe((groups) => this.suggestionGroups.set(groups));
   }
 
   onQueryChange(event: Event): void {
-    const value = (event.target as HTMLInputElement).value;
-    this.searchQuery.set(value);
-    if (!value.trim()) {
-      this.suggestionGroups.set([]);
-      return;
-    }
-    this.autocompleteService.search(value).subscribe({
-      next: (groups) => this.suggestionGroups.set(groups),
-      error: () => this.suggestionGroups.set([]),
-    });
+    this.searchQuery.set((event.target as HTMLInputElement).value);
   }
 
   onQueryKeyDown(event: KeyboardEvent): void {

scouthub-attivita-fe/src/app/pages/tassonomie/tassonomie.css

@@ -0,0 +1,155 @@
+.tabs {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 24px;
+  flex-wrap: wrap;
+}
+
+.tab {
+  cursor: pointer;
+  padding: 10px 16px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 700;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+
+.tab--attivo {
+  background: var(--color-primary);
+  border-color: var(--color-primary);
+  color: #fff;
+}
+
+.form-card {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 14px;
+  padding: 18px 20px;
+  margin-bottom: 20px;
+}
+
+.form-riga {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.field {
+  font-weight: 700;
+  font-size: 14px;
+  flex: 1;
+  min-width: 160px;
+}
+
+.text-input {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  margin-top: 6px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  border: 1px solid var(--color-border);
+  font-size: 16px;
+  font-family: inherit;
+  background: var(--color-bg);
+  color: var(--color-text);
+}
+
+.text-input--sm {
+  margin-top: 4px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  font-size: 14px;
+}
+
+.form-azioni {
+  display: flex;
+  gap: 10px;
+  margin-top: 16px;
+}
+
+.errore-inline {
+  color: var(--color-danger);
+  font-size: 13px;
+  margin-top: 10px;
+}
+
+.lista {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.riga {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 14px;
+  padding: 18px 20px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  align-items: center;
+}
+
+.riga-info {
+  flex: 1;
+  min-width: 220px;
+}
+
+.riga-titolo {
+  font-weight: 700;
+  font-size: 17px;
+  color: var(--color-text);
+}
+
+.riga-data {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  margin-top: 2px;
+}
+
+.riga-azioni {
+  display: flex;
+  gap: 8px;
+}
+
+.riga-modifica {
+  cursor: pointer;
+  padding: 9px 14px;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.riga-elimina {
+  cursor: pointer;
+  padding: 9px 14px;
+  border-radius: 8px;
+  border: 1px solid var(--color-danger);
+  color: var(--color-danger);
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.proposte-box {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  margin-bottom: 20px;
+}
+
+.proposte-titolo {
+  font-weight: 700;
+  font-size: 14px;
+  color: var(--color-text-muted);
+  text-transform: uppercase;
+}
+
+.badge-attesa {
+  cursor: default;
+  font-size: 14px;
+  margin-left: 4px;
+}

scouthub-attivita-fe/src/app/pages/tassonomie/tassonomie.html

@@ -0,0 +1,269 @@
+<div class="page">
+  <div class="page-header">
+    <h1 class="page-title page-title--sm">Tassonomie</h1>
+  </div>
+
+  <div class="tabs">
+    <div class="tab" [class.tab--attivo]="tab() === 'branca'" (click)="setTab('branca')">Branca</div>
+    <div class="tab" [class.tab--attivo]="tab() === 'categoria'" (click)="setTab('categoria')">Categoria</div>
+    <div class="tab" [class.tab--attivo]="tab() === 'periodoAnno'" (click)="setTab('periodoAnno')">Periodo dell'anno</div>
+  </div>
+
+  @if (caricamento()) {
+    <div class="empty-state">Caricamento...</div>
+  } @else if (erroreCaricamento()) {
+    <div class="empty-state">{{ erroreCaricamento() }}</div>
+  } @else {
+    @if (tab() === 'branca') {
+      @if (brancaProposte().length > 0) {
+        <div class="proposte-box">
+          <div class="proposte-titolo">Proposte in attesa di approvazione</div>
+          @for (branca of brancaProposte(); track branca.id) {
+            <div class="riga">
+              <div class="riga-info">
+                <div class="riga-titolo">
+                  {{ branca.nome }}
+                  <span class="badge-attesa" title="In attesa di conferma">⚠️</span>
+                </div>
+                @if (approvazioneErroreId() === branca.id) {
+                  <div class="errore-inline">{{ approvazioneErroreMsg() }}</div>
+                }
+              </div>
+              <div class="riga-azioni">
+                <div class="riga-modifica" (click)="approvaBranca(branca)">Approva</div>
+                <div class="riga-elimina" (click)="rifiutaBranca(branca)">Rifiuta</div>
+              </div>
+            </div>
+          }
+        </div>
+      }
+      <div class="form-card">
+        <div class="form-riga">
+          <label class="field">
+            Nome
+            <input class="text-input text-input--sm" type="text" [value]="brancaNome()" (input)="brancaNome.set($any($event.target).value)" placeholder="Es. Lupetti" />
+          </label>
+          <label class="field">
+            Inizio età
+            <input class="text-input text-input--sm" type="number" [value]="brancaInizioEta() ?? ''" (input)="brancaInizioEta.set(numeroONull($any($event.target).value))" />
+          </label>
+          <label class="field">
+            Fine età
+            <input class="text-input text-input--sm" type="number" [value]="brancaFineEta() ?? ''" (input)="brancaFineEta.set(numeroONull($any($event.target).value))" />
+          </label>
+          <label class="field">
+            Colore
+            <input class="text-input text-input--sm" type="text" [value]="brancaColore() ?? ''" (input)="brancaColore.set($any($event.target).value)" placeholder="Es. #f4a300" />
+          </label>
+        </div>
+        @if (brancaSalvataggioErrore()) {
+          <div class="errore-inline">{{ brancaSalvataggioErrore() }}</div>
+        }
+        <div class="form-azioni">
+          <div class="btn-primary" (click)="salvaBranca()">{{ brancaEditId() ? 'Salva modifiche' : '+ Aggiungi branca' }}</div>
+          @if (brancaEditId()) {
+            <div class="btn-secondary" (click)="annullaBranca()">Annulla</div>
+          }
+        </div>
+      </div>
+
+      @if (brancaConfermate().length > 0) {
+        <div class="lista">
+          @for (branca of brancaConfermate(); track branca.id) {
+            <div class="riga">
+              <div class="riga-info">
+                <div class="riga-titolo">{{ branca.nome }}</div>
+                <div class="riga-data">
+                  @if (branca.inizioEta !== null || branca.fineEta !== null) {
+                    Età {{ branca.inizioEta ?? '?' }}-{{ branca.fineEta ?? '?' }}
+                  }
+                  @if (branca.colore) {
+                    · {{ branca.colore }}
+                  }
+                </div>
+                @if (eliminaErroreId() === branca.id) {
+                  <div class="errore-inline">{{ eliminaErroreMsg() }}</div>
+                }
+              </div>
+              <div class="riga-azioni">
+                <div class="riga-modifica" (click)="modificaBranca(branca)">Modifica</div>
+                <div class="riga-elimina" (click)="eliminaBranca(branca)">Elimina</div>
+              </div>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="empty-state">
+          <div class="empty-title">Nessuna branca presente</div>
+        </div>
+      }
+    }
+
+    @if (tab() === 'categoria') {
+      @if (categoriaProposte().length > 0) {
+        <div class="proposte-box">
+          <div class="proposte-titolo">Proposte in attesa di approvazione</div>
+          @for (categoria of categoriaProposte(); track categoria.id) {
+            <div class="riga">
+              <div class="riga-info">
+                <div class="riga-titolo">
+                  {{ categoria.nome }}
+                  <span class="badge-attesa" title="In attesa di conferma">⚠️</span>
+                </div>
+                @if (approvazioneErroreId() === categoria.id) {
+                  <div class="errore-inline">{{ approvazioneErroreMsg() }}</div>
+                }
+              </div>
+              <div class="riga-azioni">
+                <div class="riga-modifica" (click)="approvaCategoria(categoria)">Approva</div>
+                <div class="riga-elimina" (click)="rifiutaCategoria(categoria)">Rifiuta</div>
+              </div>
+            </div>
+          }
+        </div>
+      }
+      <div class="form-card">
+        <div class="form-riga">
+          <label class="field">
+            Nome
+            <input class="text-input text-input--sm" type="text" [value]="categoriaNome()" (input)="categoriaNome.set($any($event.target).value)" placeholder="Es. Giochi" />
+          </label>
+          <label class="field">
+            Tipo
+            <select class="text-input text-input--sm" [value]="categoriaTipoId()" (change)="categoriaTipoId.set($any($event.target).value)">
+              <option value="" disabled>Seleziona un tipo</option>
+              @for (tipo of tipoCategoriaList(); track tipo.id) {
+                <option [value]="tipo.id">{{ tipo.nome }}</option>
+              }
+            </select>
+          </label>
+          <label class="field">
+            Categoria padre
+            <select class="text-input text-input--sm" [value]="categoriaPadreId() ?? ''" (change)="categoriaPadreId.set(numeroONull($any($event.target).value))">
+              <option value="">Nessuna</option>
+              @for (categoria of categoriaPadreOpzioni(); track categoria.id) {
+                <option [value]="categoria.id">{{ categoria.nome }}</option>
+              }
+            </select>
+          </label>
+        </div>
+        @if (categoriaSalvataggioErrore()) {
+          <div class="errore-inline">{{ categoriaSalvataggioErrore() }}</div>
+        }
+        <div class="form-azioni">
+          <div class="btn-primary" (click)="salvaCategoria()">{{ categoriaEditId() ? 'Salva modifiche' : '+ Aggiungi categoria' }}</div>
+          @if (categoriaEditId()) {
+            <div class="btn-secondary" (click)="annullaCategoria()">Annulla</div>
+          }
+        </div>
+      </div>
+
+      @if (categoriaConfermate().length > 0) {
+        <div class="lista">
+          @for (categoria of categoriaConfermate(); track categoria.id) {
+            <div class="riga">
+              <div class="riga-info">
+                <div class="riga-titolo">{{ categoria.nome }}</div>
+                <div class="riga-data">
+                  {{ tipoCategoriaNome(categoria.tipoId) }}
+                  @if (categoriaPadreNome(categoria.padreId); as padreNome) {
+                    · figlia di {{ padreNome }}
+                  }
+                </div>
+                @if (eliminaErroreId() === categoria.id) {
+                  <div class="errore-inline">{{ eliminaErroreMsg() }}</div>
+                }
+              </div>
+              <div class="riga-azioni">
+                <div class="riga-modifica" (click)="modificaCategoria(categoria)">Modifica</div>
+                <div class="riga-elimina" (click)="eliminaCategoria(categoria)">Elimina</div>
+              </div>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="empty-state">
+          <div class="empty-title">Nessuna categoria presente</div>
+        </div>
+      }
+    }
+
+    @if (tab() === 'periodoAnno') {
+      @if (periodoProposti().length > 0) {
+        <div class="proposte-box">
+          <div class="proposte-titolo">Proposte in attesa di approvazione</div>
+          @for (periodo of periodoProposti(); track periodo.id) {
+            <div class="riga">
+              <div class="riga-info">
+                <div class="riga-titolo">
+                  {{ periodo.nome }}
+                  <span class="badge-attesa" title="In attesa di conferma">⚠️</span>
+                </div>
+                @if (approvazioneErroreId() === periodo.id) {
+                  <div class="errore-inline">{{ approvazioneErroreMsg() }}</div>
+                }
+              </div>
+              <div class="riga-azioni">
+                <div class="riga-modifica" (click)="approvaPeriodo(periodo)">Approva</div>
+                <div class="riga-elimina" (click)="rifiutaPeriodo(periodo)">Rifiuta</div>
+              </div>
+            </div>
+          }
+        </div>
+      }
+      <div class="form-card">
+        <div class="form-riga">
+          <label class="field">
+            Nome
+            <input class="text-input text-input--sm" type="text" [value]="periodoNome()" (input)="periodoNome.set($any($event.target).value)" placeholder="Es. Estate" />
+          </label>
+          <label class="field">
+            Mese inizio
+            <input class="text-input text-input--sm" type="number" min="1" max="12" [value]="periodoInizioMese() ?? ''" (input)="periodoInizioMese.set(numeroONull($any($event.target).value))" />
+          </label>
+          <label class="field">
+            Mese fine
+            <input class="text-input text-input--sm" type="number" min="1" max="12" [value]="periodoFineMese() ?? ''" (input)="periodoFineMese.set(numeroONull($any($event.target).value))" />
+          </label>
+        </div>
+        @if (periodoSalvataggioErrore()) {
+          <div class="errore-inline">{{ periodoSalvataggioErrore() }}</div>
+        }
+        <div class="form-azioni">
+          <div class="btn-primary" (click)="salvaPeriodo()">{{ periodoEditId() ? 'Salva modifiche' : '+ Aggiungi periodo' }}</div>
+          @if (periodoEditId()) {
+            <div class="btn-secondary" (click)="annullaPeriodo()">Annulla</div>
+          }
+        </div>
+      </div>
+
+      @if (periodoConfermati().length > 0) {
+        <div class="lista">
+          @for (periodo of periodoConfermati(); track periodo.id) {
+            <div class="riga">
+              <div class="riga-info">
+                <div class="riga-titolo">{{ periodo.nome }}</div>
+                <div class="riga-data">
+                  @if (periodo.inizioMese !== null || periodo.fineMese !== null) {
+                    Mese {{ periodo.inizioMese ?? '?' }}-{{ periodo.fineMese ?? '?' }}
+                  }
+                </div>
+                @if (eliminaErroreId() === periodo.id) {
+                  <div class="errore-inline">{{ eliminaErroreMsg() }}</div>
+                }
+              </div>
+              <div class="riga-azioni">
+                <div class="riga-modifica" (click)="modificaPeriodo(periodo)">Modifica</div>
+                <div class="riga-elimina" (click)="eliminaPeriodo(periodo)">Elimina</div>
+              </div>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="empty-state">
+          <div class="empty-title">Nessun periodo presente</div>
+        </div>
+      }
+    }
+  }
+</div>

scouthub-attivita-fe/src/app/pages/tassonomie/tassonomie.ts

@@ -0,0 +1,375 @@
+import { Component, computed, inject, signal } from '@angular/core';
+import { firstValueFrom } from 'rxjs';
+
+import { TassonomieService } from '../../core/services/tassonomie';
+import {
+  Branca,
+  Categoria,
+  PeriodoAnno,
+  TipoCategoria,
+} from '../../core/models/tassonomia.model';
+
+type Tab = 'branca' | 'categoria' | 'periodoAnno';
+
+@Component({
+  selector: 'app-tassonomie',
+  templateUrl: './tassonomie.html',
+  styleUrl: './tassonomie.css',
+})
+export class Tassonomie {
+  private readonly tassonomieService = inject(TassonomieService);
+
+  readonly tab = signal<Tab>('branca');
+  readonly caricamento = signal(true);
+  readonly erroreCaricamento = signal<string | null>(null);
+
+  readonly brancaList = signal<Branca[]>([]);
+  readonly categoriaList = signal<Categoria[]>([]);
+  readonly tipoCategoriaList = signal<TipoCategoria[]>([]);
+  readonly periodoAnnoList = signal<PeriodoAnno[]>([]);
+
+  readonly brancaEditId = signal<number | null>(null);
+  readonly brancaNome = signal('');
+  readonly brancaInizioEta = signal<number | null>(null);
+  readonly brancaFineEta = signal<number | null>(null);
+  readonly brancaColore = signal<string | null>(null);
+  readonly brancaSalvataggioErrore = signal<string | null>(null);
+
+  readonly categoriaEditId = signal<number | null>(null);
+  readonly categoriaNome = signal('');
+  readonly categoriaPadreId = signal<number | null>(null);
+  readonly categoriaTipoId = signal('');
+  readonly categoriaSalvataggioErrore = signal<string | null>(null);
+
+  readonly periodoEditId = signal<number | null>(null);
+  readonly periodoNome = signal('');
+  readonly periodoInizioMese = signal<number | null>(null);
+  readonly periodoFineMese = signal<number | null>(null);
+  readonly periodoSalvataggioErrore = signal<string | null>(null);
+
+  readonly eliminaErroreId = signal<number | null>(null);
+  readonly eliminaErroreMsg = signal<string | null>(null);
+
+  readonly categoriaPadreOpzioni = computed(() =>
+    this.categoriaList().filter((c) => c.id !== this.categoriaEditId()),
+  );
+
+  readonly brancaConfermate = computed(() => this.brancaList().filter((b) => b.stato === 'CONFERMATA'));
+  readonly brancaProposte = computed(() => this.brancaList().filter((b) => b.stato === 'DA_APPROVARE'));
+  readonly categoriaConfermate = computed(() => this.categoriaList().filter((c) => c.stato === 'CONFERMATA'));
+  readonly categoriaProposte = computed(() => this.categoriaList().filter((c) => c.stato === 'DA_APPROVARE'));
+  readonly periodoConfermati = computed(() => this.periodoAnnoList().filter((p) => p.stato === 'CONFERMATA'));
+  readonly periodoProposti = computed(() => this.periodoAnnoList().filter((p) => p.stato === 'DA_APPROVARE'));
+
+  readonly approvazioneErroreId = signal<number | null>(null);
+  readonly approvazioneErroreMsg = signal<string | null>(null);
+
+  constructor() {
+    this.caricaTutto();
+  }
+
+  setTab(tab: Tab): void {
+    this.tab.set(tab);
+    this.annullaBranca();
+    this.annullaCategoria();
+    this.annullaPeriodo();
+  }
+
+  private async caricaTutto(): Promise<void> {
+    this.caricamento.set(true);
+    this.erroreCaricamento.set(null);
+
+    try {
+      const [branche, categorie, tipiCategoria, periodi] = await Promise.all([
+        firstValueFrom(this.tassonomieService.listBranca()),
+        firstValueFrom(this.tassonomieService.listCategoria()),
+        firstValueFrom(this.tassonomieService.listTipoCategoria()),
+        firstValueFrom(this.tassonomieService.listPeriodoAnno()),
+      ]);
+      this.brancaList.set(branche);
+      this.categoriaList.set(categorie);
+      this.tipoCategoriaList.set(tipiCategoria);
+      this.periodoAnnoList.set(periodi);
+    } catch {
+      this.erroreCaricamento.set('Impossibile caricare le tassonomie. Riprova più tardi.');
+    } finally {
+      this.caricamento.set(false);
+    }
+  }
+
+  tipoCategoriaNome(tipoId: string): string {
+    return this.tipoCategoriaList().find((t) => t.id === tipoId)?.nome ?? tipoId;
+  }
+
+  categoriaPadreNome(padreId: number | null): string | null {
+    if (padreId === null) {
+      return null;
+    }
+    return this.categoriaList().find((c) => c.id === padreId)?.nome ?? null;
+  }
+
+  modificaBranca(branca: Branca): void {
+    this.brancaEditId.set(branca.id);
+    this.brancaNome.set(branca.nome);
+    this.brancaInizioEta.set(branca.inizioEta);
+    this.brancaFineEta.set(branca.fineEta);
+    this.brancaColore.set(branca.colore);
+    this.brancaSalvataggioErrore.set(null);
+  }
+
+  annullaBranca(): void {
+    this.brancaEditId.set(null);
+    this.brancaNome.set('');
+    this.brancaInizioEta.set(null);
+    this.brancaFineEta.set(null);
+    this.brancaColore.set(null);
+    this.brancaSalvataggioErrore.set(null);
+  }
+
+  async salvaBranca(): Promise<void> {
+    const nome = this.brancaNome().trim();
+    if (!nome) {
+      return;
+    }
+
+    const input = {
+      nome,
+      inizioEta: this.brancaInizioEta(),
+      fineEta: this.brancaFineEta(),
+      colore: this.brancaColore() || null,
+    };
+
+    this.brancaSalvataggioErrore.set(null);
+    try {
+      const editId = this.brancaEditId();
+      const salvata = editId
+        ? await firstValueFrom(this.tassonomieService.updateBranca(editId, input))
+        : await firstValueFrom(this.tassonomieService.createBranca(input));
+
+      this.brancaList.update((lista) => {
+        const senzaVecchia = lista.filter((b) => b.id !== salvata.id);
+        return [...senzaVecchia, salvata].sort((a, b) => a.nome.localeCompare(b.nome));
+      });
+      this.annullaBranca();
+    } catch {
+      this.brancaSalvataggioErrore.set('Impossibile salvare la branca.');
+    }
+  }
+
+  async eliminaBranca(branca: Branca): Promise<void> {
+    this.eliminaErroreId.set(null);
+    this.eliminaErroreMsg.set(null);
+    try {
+      await firstValueFrom(this.tassonomieService.deleteBranca(branca.id));
+      this.brancaList.update((lista) => lista.filter((b) => b.id !== branca.id));
+    } catch (err) {
+      this.eliminaErroreId.set(branca.id);
+      this.eliminaErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  async approvaBranca(branca: Branca): Promise<void> {
+    this.approvazioneErroreId.set(null);
+    this.approvazioneErroreMsg.set(null);
+    try {
+      const approvata = await firstValueFrom(this.tassonomieService.approvaBranca(branca.id));
+      this.brancaList.update((lista) => lista.map((b) => (b.id === approvata.id ? approvata : b)));
+    } catch (err) {
+      this.approvazioneErroreId.set(branca.id);
+      this.approvazioneErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  async rifiutaBranca(branca: Branca): Promise<void> {
+    this.approvazioneErroreId.set(null);
+    this.approvazioneErroreMsg.set(null);
+    try {
+      await firstValueFrom(this.tassonomieService.rifiutaBranca(branca.id));
+      this.brancaList.update((lista) => lista.filter((b) => b.id !== branca.id));
+    } catch (err) {
+      this.approvazioneErroreId.set(branca.id);
+      this.approvazioneErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  modificaCategoria(categoria: Categoria): void {
+    this.categoriaEditId.set(categoria.id);
+    this.categoriaNome.set(categoria.nome);
+    this.categoriaPadreId.set(categoria.padreId);
+    this.categoriaTipoId.set(categoria.tipoId);
+    this.categoriaSalvataggioErrore.set(null);
+  }
+
+  annullaCategoria(): void {
+    this.categoriaEditId.set(null);
+    this.categoriaNome.set('');
+    this.categoriaPadreId.set(null);
+    this.categoriaTipoId.set('');
+    this.categoriaSalvataggioErrore.set(null);
+  }
+
+  async salvaCategoria(): Promise<void> {
+    const nome = this.categoriaNome().trim();
+    const tipoId = this.categoriaTipoId();
+    if (!nome || !tipoId) {
+      return;
+    }
+
+    const input = {
+      nome,
+      padreId: this.categoriaPadreId(),
+      tipoId,
+    };
+
+    this.categoriaSalvataggioErrore.set(null);
+    try {
+      const editId = this.categoriaEditId();
+      const salvata = editId
+        ? await firstValueFrom(this.tassonomieService.updateCategoria(editId, input))
+        : await firstValueFrom(this.tassonomieService.createCategoria(input));
+
+      this.categoriaList.update((lista) => {
+        const senzaVecchia = lista.filter((c) => c.id !== salvata.id);
+        return [...senzaVecchia, salvata].sort((a, b) => a.nome.localeCompare(b.nome));
+      });
+      this.annullaCategoria();
+    } catch {
+      this.categoriaSalvataggioErrore.set('Impossibile salvare la categoria.');
+    }
+  }
+
+  async eliminaCategoria(categoria: Categoria): Promise<void> {
+    this.eliminaErroreId.set(null);
+    this.eliminaErroreMsg.set(null);
+    try {
+      await firstValueFrom(this.tassonomieService.deleteCategoria(categoria.id));
+      this.categoriaList.update((lista) => lista.filter((c) => c.id !== categoria.id));
+    } catch (err) {
+      this.eliminaErroreId.set(categoria.id);
+      this.eliminaErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  async approvaCategoria(categoria: Categoria): Promise<void> {
+    this.approvazioneErroreId.set(null);
+    this.approvazioneErroreMsg.set(null);
+    try {
+      const approvata = await firstValueFrom(this.tassonomieService.approvaCategoria(categoria.id));
+      this.categoriaList.update((lista) => lista.map((c) => (c.id === approvata.id ? approvata : c)));
+    } catch (err) {
+      this.approvazioneErroreId.set(categoria.id);
+      this.approvazioneErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  async rifiutaCategoria(categoria: Categoria): Promise<void> {
+    this.approvazioneErroreId.set(null);
+    this.approvazioneErroreMsg.set(null);
+    try {
+      await firstValueFrom(this.tassonomieService.rifiutaCategoria(categoria.id));
+      this.categoriaList.update((lista) => lista.filter((c) => c.id !== categoria.id));
+    } catch (err) {
+      this.approvazioneErroreId.set(categoria.id);
+      this.approvazioneErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  modificaPeriodo(periodo: PeriodoAnno): void {
+    this.periodoEditId.set(periodo.id);
+    this.periodoNome.set(periodo.nome);
+    this.periodoInizioMese.set(periodo.inizioMese);
+    this.periodoFineMese.set(periodo.fineMese);
+    this.periodoSalvataggioErrore.set(null);
+  }
+
+  annullaPeriodo(): void {
+    this.periodoEditId.set(null);
+    this.periodoNome.set('');
+    this.periodoInizioMese.set(null);
+    this.periodoFineMese.set(null);
+    this.periodoSalvataggioErrore.set(null);
+  }
+
+  async salvaPeriodo(): Promise<void> {
+    const nome = this.periodoNome().trim();
+    if (!nome) {
+      return;
+    }
+
+    const input = {
+      nome,
+      inizioMese: this.periodoInizioMese(),
+      fineMese: this.periodoFineMese(),
+    };
+
+    this.periodoSalvataggioErrore.set(null);
+    try {
+      const editId = this.periodoEditId();
+      const salvato = editId
+        ? await firstValueFrom(this.tassonomieService.updatePeriodoAnno(editId, input))
+        : await firstValueFrom(this.tassonomieService.createPeriodoAnno(input));
+
+      this.periodoAnnoList.update((lista) => {
+        const senzaVecchia = lista.filter((p) => p.id !== salvato.id);
+        return [...senzaVecchia, salvato].sort((a, b) => a.nome.localeCompare(b.nome));
+      });
+      this.annullaPeriodo();
+    } catch {
+      this.periodoSalvataggioErrore.set('Impossibile salvare il periodo.');
+    }
+  }
+
+  async eliminaPeriodo(periodo: PeriodoAnno): Promise<void> {
+    this.eliminaErroreId.set(null);
+    this.eliminaErroreMsg.set(null);
+    try {
+      await firstValueFrom(this.tassonomieService.deletePeriodoAnno(periodo.id));
+      this.periodoAnnoList.update((lista) => lista.filter((p) => p.id !== periodo.id));
+    } catch (err) {
+      this.eliminaErroreId.set(periodo.id);
+      this.eliminaErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  async approvaPeriodo(periodo: PeriodoAnno): Promise<void> {
+    this.approvazioneErroreId.set(null);
+    this.approvazioneErroreMsg.set(null);
+    try {
+      const approvato = await firstValueFrom(this.tassonomieService.approvaPeriodoAnno(periodo.id));
+      this.periodoAnnoList.update((lista) => lista.map((p) => (p.id === approvato.id ? approvato : p)));
+    } catch (err) {
+      this.approvazioneErroreId.set(periodo.id);
+      this.approvazioneErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  async rifiutaPeriodo(periodo: PeriodoAnno): Promise<void> {
+    this.approvazioneErroreId.set(null);
+    this.approvazioneErroreMsg.set(null);
+    try {
+      await firstValueFrom(this.tassonomieService.rifiutaPeriodoAnno(periodo.id));
+      this.periodoAnnoList.update((lista) => lista.filter((p) => p.id !== periodo.id));
+    } catch (err) {
+      this.approvazioneErroreId.set(periodo.id);
+      this.approvazioneErroreMsg.set(this.estraiMessaggioErrore(err));
+    }
+  }
+
+  private estraiMessaggioErrore(err: unknown): string {
+    if (err && typeof err === 'object' && 'error' in err) {
+      const body = (err as { error?: unknown }).error;
+      if (body && typeof body === 'object' && 'message' in body && typeof (body as { message?: unknown }).message === 'string') {
+        return (body as { message: string }).message;
+      }
+    }
+    return 'Impossibile eliminare l\'elemento.';
+  }
+
+  numeroONull(value: string): number | null {
+    if (value.trim() === '') {
+      return null;
+    }
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+}

scouthub-attivita-fe/src/app/shared/chip-field/chip-field.css

@@ -48,6 +48,17 @@
   background: var(--color-primary-soft);
 }
 
+.suggestion-item--create {
+  color: var(--color-primary-text);
+  font-weight: 600;
+  border-top: 1px solid var(--color-border);
+}
+
+.chip-badge {
+  cursor: default;
+  font-size: 13px;
+}
+
 .chips {
   display: flex;
   gap: 8px;

scouthub-attivita-fe/src/app/shared/chip-field/chip-field.html

@@ -8,11 +8,16 @@
       [value]="query()"
       (input)="onQueryInput($event)"
     />
-    @if (suggestions().length > 0) {
+    @if (suggestions().length > 0 || showCreateOption()) {
       <div class="suggestions">
         @for (suggestion of suggestions(); track suggestion.id) {
           <div class="suggestion-item" (click)="select.emit(suggestion)">{{ suggestion.nome }}</div>
         }
+        @if (showCreateOption()) {
+          <div class="suggestion-item suggestion-item--create" (click)="onCreate()">
+            + Crea "{{ query() }}"
+          </div>
+        }
       </div>
     }
   </div>
@@ -20,6 +25,9 @@
     @for (chip of chips(); track chip.id) {
       <div class="chip">
         <span>{{ chip.nome }}</span>
+        @if (chip.stato === 'DA_APPROVARE') {
+          <span class="chip-badge" title="In attesa di conferma">⚠️</span>
+        }
         <span class="chip-remove" (click)="remove.emit(chip)">×</span>
       </div>
     }

scouthub-attivita-fe/src/app/shared/chip-field/chip-field.ts

@@ -1,8 +1,9 @@
-import { Component, input, model, output } from '@angular/core';
+import { Component, computed, input, model, output } from '@angular/core';
 
 export interface ChipOption {
   id: number;
   nome: string;
+  stato?: 'CONFERMATA' | 'DA_APPROVARE';
 }
 
 @Component({
@@ -15,12 +16,33 @@ export class ChipField {
   readonly label = input.required<string>();
   readonly chips = input.required<ChipOption[]>();
   readonly suggestions = input<ChipOption[]>([]);
+  readonly allowCreate = input(false);
   readonly query = model('');
 
   readonly remove = output<ChipOption>();
   readonly select = output<ChipOption>();
+  readonly create = output<string>();
+
+  readonly showCreateOption = computed(() => {
+    const query = this.query().trim();
+    if (!this.allowCreate() || !query) {
+      return false;
+    }
+    const queryLower = query.toLowerCase();
+    const giaPresente = [...this.suggestions(), ...this.chips()].some(
+      (opzione) => opzione.nome.toLowerCase() === queryLower,
+    );
+    return !giaPresente;
+  });
 
   onQueryInput(event: Event): void {
     this.query.set((event.target as HTMLInputElement).value);
   }
+
+  onCreate(): void {
+    const nome = this.query().trim();
+    if (nome) {
+      this.create.emit(nome);
+    }
+  }
 }

scouthub-attivita-fe/src/app/shared/header/header.css

@@ -97,3 +97,119 @@
   padding: 6px 12px;
   font-size: 13px;
 }
+
+.notifiche {
+  position: relative;
+}
+
+.campanellina {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.campanellina:hover {
+  background: var(--color-primary-soft);
+}
+
+.campanellina-badge {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 999px;
+  background: var(--color-error, #d64545);
+  color: #fff;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 16px;
+  text-align: center;
+}
+
+.notifiche-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 19;
+}
+
+.notifiche-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  z-index: 20;
+  width: 320px;
+  max-height: 420px;
+  overflow-y: auto;
+  background: var(--color-header);
+  border: 1px solid var(--color-border);
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+}
+
+.notifiche-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 12px 14px;
+  font-weight: 700;
+  font-size: 14px;
+  color: var(--color-text);
+  border-bottom: 1px solid var(--color-border);
+}
+
+.notifiche-segna-tutte {
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 12px;
+  color: var(--color-primary-text-strong);
+}
+
+.notifiche-vuoto {
+  padding: 20px 14px;
+  text-align: center;
+  font-size: 13px;
+  color: var(--color-text);
+  opacity: 0.7;
+}
+
+.notifica-item {
+  cursor: pointer;
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--color-border);
+  font-size: 13px;
+  color: var(--color-text);
+}
+
+.notifica-item:last-child {
+  border-bottom: none;
+}
+
+.notifica-item:hover {
+  background: var(--color-primary-soft);
+}
+
+.notifica-item--non-letta {
+  font-weight: 600;
+  background: var(--color-primary-soft);
+}
+
+.notifica-item--non-letta::before {
+  content: '';
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  margin-right: 8px;
+  border-radius: 999px;
+  background: var(--color-primary);
+}

scouthub-attivita-fe/src/app/shared/header/header.html

@@ -16,7 +16,7 @@
       <span class="brand-name">Scouthub</span>
     </a>
     <nav class="nav-items">
-      @for (item of navItems; track item.path) {
+      @for (item of navItems(); track item.path) {
         <a
           class="nav-item"
           [class.nav-item--active]="isActive(item.path)"
@@ -28,6 +28,45 @@
     </nav>
     <div class="auth-section">
       @if (isAuthenticated()) {
+        <div class="notifiche">
+          <button
+            type="button"
+            class="campanellina"
+            (click)="toggleCampanellina()"
+            aria-label="Notifiche"
+          >
+            🔔
+            @if (countNonLette() > 0) {
+              <span class="campanellina-badge">{{ countBadge() }}</span>
+            }
+          </button>
+          @if (campanellinaAperta()) {
+            <div class="notifiche-overlay" (click)="chiudiCampanellina()"></div>
+            <div class="notifiche-dropdown">
+              <div class="notifiche-header">
+                <span>Notifiche</span>
+                @if (countNonLette() > 0) {
+                  <span class="notifiche-segna-tutte" (click)="segnaTutteLette()">
+                    Segna tutte come lette
+                  </span>
+                }
+              </div>
+              @if (notifiche().length === 0) {
+                <div class="notifiche-vuoto">Nessuna notifica</div>
+              } @else {
+                @for (notifica of notifiche(); track notifica.id) {
+                  <div
+                    class="notifica-item"
+                    [class.notifica-item--non-letta]="!notifica.letta"
+                    (click)="apriNotifica(notifica)"
+                  >
+                    <span class="notifica-messaggio">{{ notifica.messaggio }}</span>
+                  </div>
+                }
+              }
+            </div>
+          }
+        </div>
         <span class="auth-name">{{ displayName() }}</span>
         <div class="btn-secondary btn-secondary--sm" (click)="logout()">Esci</div>
       } @else {

scouthub-attivita-fe/src/app/shared/header/header.ts

@@ -1,15 +1,21 @@
 import { Location } from '@angular/common';
-import { Component, computed, inject, signal } from '@angular/core';
+import { Component, DestroyRef, computed, effect, inject, signal } from '@angular/core';
 import { NavigationEnd, Router, RouterLink } from '@angular/router';
 import { filter } from 'rxjs';
 import Keycloak from 'keycloak-js';
 import { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';
 
+import { MODERATORE_ROLE, extractRealmRoles } from '../../core/auth/roles';
+import { Notifica } from '../../core/models/notifica.model';
+import { NotificheService } from '../../core/services/notifiche';
+
 interface NavItem {
   path: string;
   label: string;
 }
 
+const INTERVALLO_POLLING_MS = 30000;
+
 @Component({
   selector: 'app-header',
   imports: [RouterLink],
@@ -21,9 +27,20 @@ export class Header {
   private readonly location = inject(Location);
   private readonly keycloak = inject(Keycloak);
   private readonly keycloakEvent = inject(KEYCLOAK_EVENT_SIGNAL);
+  private readonly notificheService = inject(NotificheService);
+  private readonly destroyRef = inject(DestroyRef);
 
   readonly currentUrl = signal(this.router.url);
 
+  readonly notifiche = signal<Notifica[]>([]);
+  readonly countNonLette = signal(0);
+  readonly campanellinaAperta = signal(false);
+
+  readonly countBadge = computed(() => {
+    const count = this.countNonLette();
+    return count > 9 ? '9+' : String(count);
+  });
+
   readonly isAuthenticated = computed(() => {
     this.keycloakEvent();
     return !!this.keycloak.authenticated;
@@ -40,17 +57,46 @@ export class Header {
     return url.startsWith('/attivita/dettaglio') || url.startsWith('/nuova-attivita') || url.startsWith('/modifica-attivita');
   });
 
-  readonly navItems: NavItem[] = [
+  readonly isModeratore = computed(() => {
+    this.keycloakEvent();
+    return extractRealmRoles(this.keycloak.tokenParsed).includes(MODERATORE_ROLE);
+  });
+
+  readonly navItems = computed<NavItem[]>(() => {
+    const items: NavItem[] = [
       { path: '/', label: 'Home' },
       { path: '/ricerca', label: 'Cerca' },
       { path: '/mie-attivita', label: 'Le mie attività' },
-    { path: '/profilo', label: 'Profilo' },
     ];
+    if (this.isModeratore()) {
+      items.push({ path: '/tassonomie', label: 'Tassonomie' });
+    }
+    return items;
+  });
 
   constructor() {
     this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
       this.currentUrl.set(this.router.url);
     });
+
+    // Il polling parte/si ferma seguendo lo stato di autenticazione: non ha senso interrogare
+    // l'endpoint privato delle notifiche per un utente non loggato.
+    let intervalId: ReturnType<typeof setInterval> | undefined;
+    effect(() => {
+      if (this.isAuthenticated()) {
+        this.aggiornaCountNonLette();
+        intervalId = setInterval(() => this.aggiornaCountNonLette(), INTERVALLO_POLLING_MS);
+      } else {
+        this.notifiche.set([]);
+        this.countNonLette.set(0);
+      }
+    });
+
+    this.destroyRef.onDestroy(() => {
+      if (intervalId !== undefined) {
+        clearInterval(intervalId);
+      }
+    });
   }
 
   isActive(path: string): boolean {
@@ -68,4 +114,50 @@ export class Header {
   logout(): void {
     this.keycloak.logout({ redirectUri: window.location.origin + '/' });
   }
+
+  private aggiornaCountNonLette(): void {
+    this.notificheService.getCountNonLette().subscribe({
+      next: ({ count }) => this.countNonLette.set(count),
+    });
+  }
+
+  toggleCampanellina(): void {
+    const apri = !this.campanellinaAperta();
+    this.campanellinaAperta.set(apri);
+    if (apri) {
+      this.notificheService.getLista().subscribe({
+        next: (lista) => this.notifiche.set(lista),
+      });
+    }
+  }
+
+  chiudiCampanellina(): void {
+    this.campanellinaAperta.set(false);
+  }
+
+  apriNotifica(notifica: Notifica): void {
+    if (!notifica.letta) {
+      this.notificheService.segnaLetta(notifica.id).subscribe({
+        next: () => {
+          this.notifiche.update((lista) =>
+            lista.map((n) => (n.id === notifica.id ? { ...n, letta: true } : n)),
+          );
+          this.countNonLette.update((count) => Math.max(0, count - 1));
+        },
+      });
+    }
+    this.campanellinaAperta.set(false);
+    if (notifica.link) {
+      this.router.navigateByUrl(notifica.link);
+    }
+  }
+
+  segnaTutteLette(): void {
+    this.notificheService.segnaTutteLette().subscribe({
+      next: () => {
+        this.notifiche.update((lista) => lista.map((n) => ({ ...n, letta: true })));
+        this.countNonLette.set(0);
+      },
+    });
+  }
 }

scouthub-attivita-fe/src/environments/environment.development.ts

@@ -1,7 +1,7 @@
 export const environment = {
   production: false,
-  apiUrl: 'http://localhost:8080',
-  keycloakBaseUrl: 'http://localhost:8081',
+  apiUrl: 'http://localhost:8001',
+  keycloakBaseUrl: 'http://localhost:6999',
   keycloakRealm: 'scouthub',
   keycloakClientId: 'scouthub-frontend',
 };

scouthub-attivita-fe/src/environments/environment.ts

@@ -1,7 +1,7 @@
 export const environment = {
   production: true,
-  apiUrl: 'http://localhost:8080',
-  keycloakBaseUrl: 'http://localhost:8081',
+  apiUrl: '__API_URL__',
+  keycloakBaseUrl: '__KEYCLOAK_BASE_URL__',
   keycloakRealm: 'scouthub',
   keycloakClientId: 'scouthub-frontend',
 };

scouthub-attivita-fe/src/styles.css

@@ -18,6 +18,9 @@
   --color-periodo-border: oklch(80% 0.04 260);
   --color-periodo-text: oklch(35% 0.05 260);
   --color-danger: oklch(50% 0.15 25);
+  --color-attesa-bg: oklch(93% 0.06 90);
+  --color-attesa-border: oklch(80% 0.1 90);
+  --color-attesa-text: oklch(40% 0.1 90);
   --color-neutral-bg: oklch(92% 0.005 60);
   --color-neutral-text: oklch(45% 0.02 55);
   --color-neutral-border: oklch(85% 0.01 60);

scouthub-eventi-fe/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --port 7003",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"

scouthub-home-be/.env.example

@@ -1,10 +1,10 @@
-# 8082, non 8081: la porta 8081 è quella su cui il Keycloak del
-# docker-compose alla radice del progetto è esposto sull'host.
-PORT=8082
+# 8000, non 6999: la porta 6999 e' quella su cui il Keycloak del
+# docker-compose alla radice del progetto e' esposto sull'host.
+PORT=8000
 DATABASE_URL=postgresql://postgres:postgres@localhost:5432/scouthub_home?schema=public
-FRONTEND_BASE_URL=http://localhost:4200
+FRONTEND_BASE_URL=http://localhost:7000
 
-KEYCLOAK_BASE_URL=http://localhost:8081
+KEYCLOAK_BASE_URL=http://localhost:6999
 KEYCLOAK_REALM=scouthub
 KEYCLOAK_ORG_SERVICE_CLIENT_ID=scouthub-home-be
 KEYCLOAK_ORG_SERVICE_CLIENT_SECRET=CAMBIA-QUESTO-SECRET-IN-UN-VAULT

scouthub-home-be/Dockerfile

@@ -13,6 +13,4 @@ RUN npm run build
 
 EXPOSE 8082
 
-# Niente migrazioni ancora create (prisma/migrations assente): db push sincronizza
-# lo schema direttamente, coerente con lo stato early-stage del progetto.
-CMD ["sh", "-c", "npx prisma db push --skip-generate && node dist/server.js"]
+CMD ["sh", "-c", "npx prisma migrate deploy && node dist/server.js"]

scouthub-home-be/README.md

@@ -77,7 +77,7 @@ interamente `src/keycloak-admin` e `src/db/prisma`.
 Crea un nuovo gruppo scout: organizzazione Keycloak, un gruppo Keycloak per
 ciascun ruolo di default, e la riga corrispondente in `gruppo_scout`.
 
-- Richiede autenticazione + ruolo `admin-centrale` (temporaneo, vedi
+- Richiede autenticazione + ruolo `admin` (temporaneo, vedi
   `src/routes/gruppi.routes.ts`)
 - Body: `{ nome: string, regione?: string, ruoliDefault?: string[] }`
   (`ruoliDefault` di default `["Capi", "Aiuto capi", "Censiti"]`)

scouthub-home-be/prisma/migrations/20260725000000_init/migration.sql

@@ -0,0 +1,90 @@
+-- CreateEnum
+CREATE TYPE "StatoRichiesta" AS ENUM ('PENDING', 'APPROVATA', 'RIFIUTATA');
+
+-- CreateEnum
+CREATE TYPE "OrigineRichiesta" AS ENUM ('LINK', 'PROFILO');
+
+-- CreateTable
+CREATE TABLE "gruppo_scout" (
+    "org_id" TEXT NOT NULL,
+    "nome" TEXT NOT NULL,
+    "regione" TEXT,
+    "data_creazione" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "gruppo_scout_pkey" PRIMARY KEY ("org_id")
+);
+
+-- CreateTable
+CREATE TABLE "invito" (
+    "id" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "org_id" TEXT NOT NULL,
+    "ruolo" TEXT NOT NULL,
+    "scadenza" TIMESTAMP(3) NOT NULL,
+    "stato" TEXT NOT NULL,
+
+    CONSTRAINT "invito_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "richiesta_ingresso" (
+    "id" TEXT NOT NULL,
+    "user_id" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "org_id" TEXT NOT NULL,
+    "stato" "StatoRichiesta" NOT NULL DEFAULT 'PENDING',
+    "origine" "OrigineRichiesta" NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "richiesta_ingresso_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "link_ingresso" (
+    "id" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "org_id" TEXT NOT NULL,
+    "attivo" BOOLEAN NOT NULL DEFAULT true,
+    "creato_da" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "link_ingresso_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "richiesta_creazione_gruppo" (
+    "id" TEXT NOT NULL,
+    "user_id" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "nome_proposto" TEXT NOT NULL,
+    "regione" TEXT,
+    "stato" "StatoRichiesta" NOT NULL DEFAULT 'PENDING',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "richiesta_creazione_gruppo_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "invito_token_key" ON "invito"("token");
+
+-- CreateIndex
+CREATE INDEX "richiesta_ingresso_email_idx" ON "richiesta_ingresso"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "link_ingresso_token_key" ON "link_ingresso"("token");
+
+-- CreateIndex
+CREATE INDEX "richiesta_creazione_gruppo_email_idx" ON "richiesta_creazione_gruppo"("email");
+
+-- AddForeignKey
+ALTER TABLE "invito" ADD CONSTRAINT "invito_org_id_fkey" FOREIGN KEY ("org_id") REFERENCES "gruppo_scout"("org_id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "richiesta_ingresso" ADD CONSTRAINT "richiesta_ingresso_org_id_fkey" FOREIGN KEY ("org_id") REFERENCES "gruppo_scout"("org_id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "link_ingresso" ADD CONSTRAINT "link_ingresso_org_id_fkey" FOREIGN KEY ("org_id") REFERENCES "gruppo_scout"("org_id") ON DELETE RESTRICT ON UPDATE CASCADE;
+

scouthub-home-be/prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "postgresql"

scouthub-home-be/prisma/schema.prisma

@@ -14,6 +14,8 @@ model GruppoScout {
   dataCreazione DateTime @default(now()) @map("data_creazione")
 
   inviti            Invito[]
+  richiesteIngresso RichiestaIngresso[]
+  linkIngresso      LinkIngresso[]
 
   @@map("gruppo_scout")
 }
@@ -31,3 +33,57 @@ model Invito {
 
   @@map("invito")
 }
+
+enum StatoRichiesta {
+  PENDING
+  APPROVATA
+  RIFIUTATA
+}
+
+enum OrigineRichiesta {
+  LINK
+  PROFILO
+}
+
+model RichiestaIngresso {
+  id        String           @id @default(uuid())
+  userId    String           @map("user_id")
+  email     String
+  orgId     String           @map("org_id")
+  stato     StatoRichiesta   @default(PENDING)
+  origine   OrigineRichiesta
+  createdAt DateTime         @default(now()) @map("created_at")
+  updatedAt DateTime         @updatedAt @map("updated_at")
+
+  gruppoScout GruppoScout @relation(fields: [orgId], references: [orgId])
+
+  @@index([email])
+  @@map("richiesta_ingresso")
+}
+
+model LinkIngresso {
+  id        String   @id @default(uuid())
+  token     String   @unique
+  orgId     String   @map("org_id")
+  attivo    Boolean  @default(true)
+  creatoDa  String   @map("creato_da")
+  createdAt DateTime @default(now()) @map("created_at")
+
+  gruppoScout GruppoScout @relation(fields: [orgId], references: [orgId])
+
+  @@map("link_ingresso")
+}
+
+model RichiestaCreazioneGruppo {
+  id           String         @id @default(uuid())
+  userId       String         @map("user_id")
+  email        String
+  nomeProposto String         @map("nome_proposto")
+  regione      String?
+  stato        StatoRichiesta @default(PENDING)
+  createdAt    DateTime       @default(now()) @map("created_at")
+  updatedAt    DateTime       @updatedAt @map("updated_at")
+
+  @@index([email])
+  @@map("richiesta_creazione_gruppo")
+}

scouthub-home-be/src/app.ts

@@ -4,6 +4,10 @@ import { healthRouter } from './routes/health.routes';
 import { gruppiRouter } from './routes/gruppi.routes';
 import { invitiRouter } from './routes/inviti.routes';
 import { membriRouter } from './routes/membri.routes';
+import { linkIngressoRouter } from './routes/linkIngresso.routes';
+import { richiesteIngressoRouter } from './routes/richiesteIngresso.routes';
+import { richiesteCreazioneGruppoRouter } from './routes/richiesteCreazioneGruppo.routes';
+import { utenteRouter } from './routes/utente.routes';
 import { errorHandler } from './middleware/errorHandler';
 
 export const app = express();
@@ -15,6 +19,10 @@ app.use(healthRouter);
 app.use(gruppiRouter);
 app.use(invitiRouter);
 app.use(membriRouter);
+app.use(linkIngressoRouter);
+app.use(richiesteIngressoRouter);
+app.use(richiesteCreazioneGruppoRouter);
+app.use(utenteRouter);
 
 app.use((req, res) => {
   res.status(404).json({ message: 'not found' });

scouthub-home-be/src/controllers/gruppi.controller.ts

@@ -1,5 +1,5 @@
 import { Request, Response, NextFunction } from 'express';
-import { createGruppo } from '../services/gruppi.service';
+import { createGruppo, listGruppi, listGruppiPubblico } from '../services/gruppi.service';
 import { HttpError } from '../errors';
 
 interface PostGruppoBody {
@@ -34,9 +34,27 @@ function parseBody(body: PostGruppoBody): { nome: string; regione?: string; ruol
 export async function postGruppo(req: Request, res: Response, next: NextFunction): Promise<void> {
   try {
     const input = parseBody(req.body ?? {});
-    const result = await createGruppo({ ...input, userId: req.auth!.userId });
+    const result = await createGruppo(input);
     res.status(201).json(result);
   } catch (err) {
     next(err);
   }
 }
+
+export async function getGruppi(_req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const gruppi = await listGruppi();
+    res.status(200).json(gruppi);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function getGruppiElencoPubblico(_req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const gruppi = await listGruppiPubblico();
+    res.status(200).json(gruppi);
+  } catch (err) {
+    next(err);
+  }
+}

scouthub-home-be/src/controllers/inviti.controller.ts

@@ -20,12 +20,6 @@ function parseCreaInvitoBody(body: PostInvitoBody): { email: string; ruolo: stri
 export async function postInvito(req: Request, res: Response, next: NextFunction): Promise<void> {
   try {
     const { orgId } = req.params;
-
-    // Un capo gruppo può invitare solo all'interno della propria organization.
-    if (req.auth?.organizationId !== orgId) {
-      throw new HttpError(403, "Non puoi invitare persone in un'organizzazione diversa dalla tua");
-    }
-
     const { email, ruolo } = parseCreaInvitoBody(req.body ?? {});
     const result = await creaInvito({ orgId, email, ruolo });
 

scouthub-home-be/src/controllers/linkIngresso.controller.ts

@@ -0,0 +1,42 @@
+import { Request, Response, NextFunction } from 'express';
+import { creaOTrovaLinkIngresso, getLinkIngressoPubblico, richiediIngresso } from '../services/linkIngresso.service';
+import { HttpError } from '../errors';
+
+export async function postLinkIngresso(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { orgId } = req.params;
+    const { giaEsistente, ...result } = await creaOTrovaLinkIngresso(orgId, req.auth!.userId);
+    res.status(giaEsistente ? 200 : 201).json(result);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function getLinkIngresso(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { token } = req.params;
+    const link = await getLinkIngressoPubblico(token);
+
+    if (!link) {
+      throw new HttpError(404, 'Link di ingresso non trovato');
+    }
+
+    res.json(link);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function postRichiediIngresso(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { token } = req.params;
+    const result = await richiediIngresso(token, {
+      userId: req.auth!.userId,
+      email: req.auth!.email,
+    });
+
+    res.status(201).json(result);
+  } catch (err) {
+    next(err);
+  }
+}

scouthub-home-be/src/controllers/membri.controller.ts

@@ -1,18 +1,36 @@
 import { Request, Response, NextFunction } from 'express';
-import { listaMembri, cambiaRuoloMembro, rimuoviMembro } from '../services/membri.service';
+import { listaMembri, cambiaRuoloMembro, rimuoviMembro, aggiungiMembro } from '../services/membri.service';
 import { HttpError } from '../errors';
 
-function checkOrgAccess(req: Request): string {
+interface PostMembroBody {
+  email?: unknown;
+  ruolo?: unknown;
+}
+
+function parseAggiungiMembroBody(body: PostMembroBody): { email: string; ruolo: string } {
+  if (typeof body.email !== 'string' || body.email.trim().length === 0) {
+    throw new HttpError(400, "Il campo 'email' è obbligatorio ed è una stringa non vuota");
+  }
+  if (typeof body.ruolo !== 'string' || body.ruolo.trim().length === 0) {
+    throw new HttpError(400, "Il campo 'ruolo' è obbligatorio ed è una stringa non vuota");
+  }
+  return { email: body.email, ruolo: body.ruolo };
+}
+
+export async function postMembro(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
     const { orgId } = req.params;
-  if (req.auth?.organizationId !== orgId) {
-    throw new HttpError(403, "Non puoi gestire membri di un'organizzazione diversa dalla tua");
+    const { email, ruolo } = parseAggiungiMembroBody(req.body ?? {});
+    const result = await aggiungiMembro({ orgId, email, ruolo });
+    res.status(201).json(result);
+  } catch (err) {
+    next(err);
   }
-  return orgId;
 }
 
 export async function getMembri(req: Request, res: Response, next: NextFunction): Promise<void> {
   try {
-    const orgId = checkOrgAccess(req);
+    const { orgId } = req.params;
     const membri = await listaMembri(orgId);
     res.json(membri);
   } catch (err) {
@@ -22,8 +40,7 @@ export async function getMembri(req: Request, res: Response, next: NextFunction)
 
 export async function putRuoloMembro(req: Request, res: Response, next: NextFunction): Promise<void> {
   try {
-    const orgId = checkOrgAccess(req);
-    const { userId } = req.params;
+    const { orgId, userId } = req.params;
     const { ruolo } = req.body ?? {};
 
     if (typeof ruolo !== 'string' || ruolo.trim().length === 0) {
@@ -39,8 +56,7 @@ export async function putRuoloMembro(req: Request, res: Response, next: NextFunc
 
 export async function deleteMembro(req: Request, res: Response, next: NextFunction): Promise<void> {
   try {
-    const orgId = checkOrgAccess(req);
-    const { userId } = req.params;
+    const { orgId, userId } = req.params;
 
     await rimuoviMembro(orgId, userId);
     res.status(204).send();

scouthub-home-be/src/controllers/richiesteCreazioneGruppo.controller.ts

@@ -0,0 +1,74 @@
+import { Request, Response, NextFunction } from 'express';
+import {
+  creaRichiestaCreazioneGruppo,
+  listaRichiestePending,
+  approvaRichiesta,
+  rifiutaRichiesta,
+} from '../services/richiesteCreazioneGruppo.service';
+import { HttpError } from '../errors';
+
+interface PostRichiestaBody {
+  nomeProposto?: unknown;
+  regione?: unknown;
+}
+
+function parsePostBody(body: PostRichiestaBody): { nomeProposto: string; regione?: string } {
+  if (typeof body.nomeProposto !== 'string' || body.nomeProposto.trim().length === 0) {
+    throw new HttpError(400, "Il campo 'nomeProposto' è obbligatorio ed è una stringa non vuota");
+  }
+
+  if (body.regione !== undefined && typeof body.regione !== 'string') {
+    throw new HttpError(400, "Il campo 'regione', se presente, deve essere una stringa");
+  }
+
+  return { nomeProposto: body.nomeProposto, regione: body.regione as string | undefined };
+}
+
+export async function postRichiestaCreazioneGruppo(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { nomeProposto, regione } = parsePostBody(req.body ?? {});
+    const result = await creaRichiestaCreazioneGruppo({
+      userId: req.auth!.userId,
+      email: req.auth!.email,
+      nomeProposto,
+      regione,
+    });
+
+    res.status(201).json(result);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function getRichiesteCreazioneGruppo(_req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const richieste = await listaRichiestePending();
+    res.json(richieste);
+  } catch (err) {
+    next(err);
+  }
+}
+
+interface PutRichiestaBody {
+  esito?: unknown;
+}
+
+function parsePutBody(body: PutRichiestaBody): 'approvata' | 'rifiutata' {
+  if (body.esito !== 'approvata' && body.esito !== 'rifiutata') {
+    throw new HttpError(400, "Il campo 'esito' deve essere 'approvata' o 'rifiutata'");
+  }
+  return body.esito;
+}
+
+export async function putRichiestaCreazioneGruppo(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { id } = req.params;
+    const esito = parsePutBody(req.body ?? {});
+
+    const result = esito === 'approvata' ? await approvaRichiesta(id) : await rifiutaRichiesta(id);
+
+    res.status(200).json(result);
+  } catch (err) {
+    next(err);
+  }
+}

scouthub-home-be/src/controllers/richiesteIngresso.controller.ts

@@ -0,0 +1,67 @@
+import { Request, Response, NextFunction } from 'express';
+import {
+  creaRichiestaIngresso,
+  listaRichiestePending,
+  approvaRichiesta,
+  rifiutaRichiesta,
+  ORIGINE_RICHIESTA,
+} from '../services/richiesteIngresso.service';
+import { HttpError } from '../errors';
+
+export async function postRichiestaIngresso(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { orgId } = req.params;
+    const result = await creaRichiestaIngresso(
+      orgId,
+      { userId: req.auth!.userId, email: req.auth!.email },
+      ORIGINE_RICHIESTA.PROFILO,
+    );
+    res.status(201).json(result);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function getRichiesteIngresso(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { orgId } = req.params;
+    const richieste = await listaRichiestePending(orgId);
+    res.json(richieste);
+  } catch (err) {
+    next(err);
+  }
+}
+
+interface PutRichiestaBody {
+  esito?: unknown;
+  ruolo?: unknown;
+}
+
+function parsePutBody(body: PutRichiestaBody): { esito: 'approvata' | 'rifiutata'; ruolo?: string } {
+  if (body.esito !== 'approvata' && body.esito !== 'rifiutata') {
+    throw new HttpError(400, "Il campo 'esito' deve essere 'approvata' o 'rifiutata'");
+  }
+
+  if (body.esito === 'approvata') {
+    if (typeof body.ruolo !== 'string' || body.ruolo.trim().length === 0) {
+      throw new HttpError(400, "Il campo 'ruolo' è obbligatorio quando esito è 'approvata'");
+    }
+    return { esito: body.esito, ruolo: body.ruolo };
+  }
+
+  return { esito: body.esito };
+}
+
+export async function putRichiestaIngresso(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { orgId, id } = req.params;
+    const { esito, ruolo } = parsePutBody(req.body ?? {});
+
+    const result =
+      esito === 'approvata' ? await approvaRichiesta(orgId, id, ruolo!) : await rifiutaRichiesta(orgId, id);
+
+    res.status(200).json(result);
+  } catch (err) {
+    next(err);
+  }
+}

scouthub-home-be/src/controllers/utente.controller.ts

@@ -0,0 +1,55 @@
+import { Request, Response, NextFunction } from 'express';
+import { getProfiloUtente, aggiornaProfiloUtente, cambiaPasswordUtente } from '../services/utente.service';
+import { HttpError } from '../errors';
+
+interface PutProfiloBody {
+  email?: unknown;
+  nome?: unknown;
+  cognome?: unknown;
+}
+
+function parseProfiloBody(body: PutProfiloBody): { email: string; nome: string; cognome: string } {
+  if (typeof body.email !== 'string' || body.email.trim().length === 0) {
+    throw new HttpError(400, "Il campo 'email' è obbligatorio ed è una stringa non vuota");
+  }
+  if (typeof body.nome !== 'string' || body.nome.trim().length === 0) {
+    throw new HttpError(400, "Il campo 'nome' è obbligatorio ed è una stringa non vuota");
+  }
+  if (typeof body.cognome !== 'string' || body.cognome.trim().length === 0) {
+    throw new HttpError(400, "Il campo 'cognome' è obbligatorio ed è una stringa non vuota");
+  }
+  return { email: body.email.trim(), nome: body.nome.trim(), cognome: body.cognome.trim() };
+}
+
+export async function getMe(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const profilo = await getProfiloUtente(req.auth!.userId);
+    res.json(profilo);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function putMe(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const input = parseProfiloBody(req.body ?? {});
+    await aggiornaProfiloUtente(req.auth!.userId, input);
+    res.status(200).json(input);
+  } catch (err) {
+    next(err);
+  }
+}
+
+export async function putMePassword(req: Request, res: Response, next: NextFunction): Promise<void> {
+  try {
+    const { password } = req.body ?? {};
+    if (typeof password !== 'string' || password.length < 8) {
+      throw new HttpError(400, "Il campo 'password' è obbligatorio e deve avere almeno 8 caratteri");
+    }
+
+    await cambiaPasswordUtente(req.auth!.userId, password);
+    res.status(204).send();
+  } catch (err) {
+    next(err);
+  }
+}

scouthub-home-be/src/keycloak-admin/groups.ts

@@ -1,11 +1,12 @@
+import { keycloakAdminHttp } from './httpClient';
+import { GRUPPO_PADRE_PREFIX } from './organizations';
+
 export async function assignUserToGroup(userId: string, groupId: string): Promise<void> {
-  // TODO: PUT {adminBaseUrl}/users/{userId}/groups/{groupId}
-  throw new Error('Not implemented');
+  await keycloakAdminHttp.put(`/users/${userId}/groups/${groupId}`);
 }
 
 export async function removeUserFromGroup(userId: string, groupId: string): Promise<void> {
-  // TODO: DELETE {adminBaseUrl}/users/{userId}/groups/{groupId}
-  throw new Error('Not implemented');
+  await keycloakAdminHttp.delete(`/users/${userId}/groups/${groupId}`);
 }
 
 export interface UserGroup {
@@ -14,8 +15,16 @@ export interface UserGroup {
 }
 
 export async function getUserGroupsInOrganization(orgId: string, userId: string): Promise<UserGroup[]> {
-  // TODO: GET {adminBaseUrl}/users/{userId}/groups, filtrati ai gruppi che
-  // appartengono all'albero dei gruppi dell'organizzazione orgId (o endpoint
-  // dedicato, da verificare in base alla versione di Keycloak).
-  throw new Error('Not implemented');
+  const response = await keycloakAdminHttp.get<Array<{ id: string; name: string; path: string }>>(
+    `/users/${userId}/groups`,
+  );
+
+  // I gruppi ruolo di un'organizzazione vivono tutti sotto il gruppo padre
+  // "org-{orgId}" (vedi organizations.ts): filtriamo per path invece che
+  // interrogare Keycloak org per org, perché l'endpoint utente non supporta
+  // un filtro nativo per organizzazione.
+  const prefix = `/${GRUPPO_PADRE_PREFIX}${orgId}/`;
+  return response.data
+    .filter((group) => group.path.startsWith(prefix))
+    .map((group) => ({ groupId: group.id, nome: group.name }));
 }

scouthub-home-be/src/keycloak-admin/index.ts

@@ -9,4 +9,5 @@ export {
 } from './organizations';
 export { assignUserToGroup, removeUserFromGroup, getUserGroupsInOrganization } from './groups';
 export { assignRealmRoleToUser, removeRealmRoleFromUser, getUserRealmRoles } from './roles';
-export { findUserByEmail, createUser } from './users';
+export { findUserByEmail, getUserById, updateUserProfile, resetUserPassword } from './users';
+export type { KeycloakUserProfile, UpdateUserProfileInput } from './users';

scouthub-home-be/src/keycloak-admin/organizations.ts

@@ -43,7 +43,7 @@ export async function createOrganization(nome: string): Promise<{ orgId: string
 // dell'organizzazione (non elencato da GET /groups, ma verificato contro
 // un'istanza reale: un POST /groups con quel nome esatto risponde comunque
 // 409 "already exists"). Va quindi evitato un nome che collida con quello.
-const GRUPPO_PADRE_PREFIX = 'org-';
+export const GRUPPO_PADRE_PREFIX = 'org-';
 
 export async function createOrganizationGroup(orgId: string, nomeGruppo: string): Promise<{ groupId: string }> {
   // Le Organizations di Keycloak 26 non hanno un concetto nativo di "gruppo
@@ -79,9 +79,18 @@ export async function addMemberToOrganization(orgId: string, userId: string): Pr
   // Verificato contro un'istanza Keycloak 26.7 reale: l'endpoint richiede
   // Content-Type application/json con il solo id utente come stringa JSON nel
   // body (non un oggetto, e non text/plain: entrambi rispondono 415).
+  try {
     await keycloakAdminHttp.post(`/organizations/${orgId}/members`, JSON.stringify(userId), {
       headers: { 'Content-Type': 'application/json' },
     });
+  } catch (err) {
+    // Idempotente: un retry dopo un fallimento parziale (es. l'assegnazione
+    // del ruolo realm successiva fallita) non deve rompersi solo perché
+    // l'utente era già stato aggiunto all'org nel tentativo precedente.
+    if (!axios.isAxiosError(err) || err.response?.status !== 409) {
+      throw err;
+    }
+  }
 }
 
 export interface OrganizationMember {

scouthub-home-be/src/keycloak-admin/roles.ts

@@ -1,20 +1,29 @@
+import { keycloakAdminHttp } from './httpClient';
+
+interface RealmRoleRepresentation {
+  id: string;
+  name: string;
+}
+
+// Ruoli assegnati automaticamente da Keycloak a ogni utente (non gestiti da
+// questa app): il composite "default-roles-{realm}" e i ruoli che include.
+const RUOLI_DEFAULT_KEYCLOAK = new Set(['offline_access', 'uma_authorization']);
+
+function isRuoloDefaultKeycloak(nome: string): boolean {
+  return RUOLI_DEFAULT_KEYCLOAK.has(nome) || nome.startsWith('default-roles-');
+}
+
 export async function assignRealmRoleToUser(userId: string, ruolo: string): Promise<void> {
-  // TODO: POST {adminBaseUrl}/users/{userId}/role-mappings/realm con il
-  // rappresentante del ruolo (richiede prima GET {adminBaseUrl}/roles/{ruolo}
-  // per ottenerne id e name).
-  throw new Error('Not implemented');
+  const { data: ruoloRepresentation } = await keycloakAdminHttp.get<RealmRoleRepresentation>(`/roles/${ruolo}`);
+  await keycloakAdminHttp.post(`/users/${userId}/role-mappings/realm`, [ruoloRepresentation]);
 }
 
 export async function removeRealmRoleFromUser(userId: string, ruolo: string): Promise<void> {
-  // TODO: DELETE {adminBaseUrl}/users/{userId}/role-mappings/realm con il
-  // rappresentante del ruolo.
-  throw new Error('Not implemented');
+  const { data: ruoloRepresentation } = await keycloakAdminHttp.get<RealmRoleRepresentation>(`/roles/${ruolo}`);
+  await keycloakAdminHttp.delete(`/users/${userId}/role-mappings/realm`, { data: [ruoloRepresentation] });
 }
 
 export async function getUserRealmRoles(userId: string): Promise<string[]> {
-  // TODO: GET {adminBaseUrl}/users/{userId}/role-mappings/realm. Il contratto
-  // di questa funzione è di restituire solo i ruoli scout "custom" (es. le
-  // voci di ruoliDefault create in POST /gruppi), escludendo i ruoli di
-  // default di Keycloak (offline_access, uma_authorization, ecc.).
-  throw new Error('Not implemented');
+  const response = await keycloakAdminHttp.get<RealmRoleRepresentation[]>(`/users/${userId}/role-mappings/realm`);
+  return response.data.map((ruolo) => ruolo.name).filter((nome) => !isRuoloDefaultKeycloak(nome));
 }

scouthub-home-be/src/keycloak-admin/users.ts

@@ -1,13 +1,59 @@
+import { keycloakAdminHttp } from './httpClient';
 import { KeycloakUserSummary } from './types';
 
 export async function findUserByEmail(email: string): Promise<KeycloakUserSummary | null> {
-  // TODO: GET {adminBaseUrl}/users?email={email}&exact=true, restituire il
-  // primo risultato mappato a { id } oppure null se l'array è vuoto.
-  throw new Error('Not implemented');
+  const response = await keycloakAdminHttp.get<Array<{ id: string }>>('/users', {
+    params: { email, exact: true },
+  });
+  const [utente] = response.data;
+  return utente ? { id: utente.id } : null;
 }
 
-export async function createUser(email: string, datiProfilo: object): Promise<{ userId: string }> {
-  // TODO: POST {adminBaseUrl}/users con { email, ...datiProfilo, enabled: true },
-  // leggere l'id dall'header Location della risposta.
-  throw new Error('Not implemented');
+export interface KeycloakUserProfile {
+  id: string;
+  email: string;
+  firstName: string;
+  lastName: string;
+}
+
+export async function getUserById(userId: string): Promise<KeycloakUserProfile> {
+  const response = await keycloakAdminHttp.get<{
+    id: string;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+  }>(`/users/${userId}`);
+
+  return {
+    id: response.data.id,
+    email: response.data.email ?? '',
+    firstName: response.data.firstName ?? '',
+    lastName: response.data.lastName ?? '',
+  };
+}
+
+export interface UpdateUserProfileInput {
+  email: string;
+  firstName: string;
+  lastName: string;
+}
+
+// Il realm ha `registrationEmailAsUsername: true`, quindi username ed email
+// devono restare sincronizzati: aggiornare l'email senza lo username
+// lascerebbe l'utente con un login (username) diverso dalla nuova email.
+export async function updateUserProfile(userId: string, input: UpdateUserProfileInput): Promise<void> {
+  await keycloakAdminHttp.put(`/users/${userId}`, {
+    email: input.email,
+    username: input.email,
+    firstName: input.firstName,
+    lastName: input.lastName,
+  });
+}
+
+export async function resetUserPassword(userId: string, password: string): Promise<void> {
+  await keycloakAdminHttp.put(`/users/${userId}/reset-password`, {
+    type: 'password',
+    value: password,
+    temporary: false,
+  });
 }

scouthub-home-be/src/middleware/requireOrgAccess.ts

@@ -0,0 +1,20 @@
+import { Request, Response, NextFunction } from 'express';
+
+// admin opera su qualsiasi organizzazione; capo-gruppo resta
+// vincolato alla propria (req.auth.organizationId deve coincidere con
+// req.params.orgId).
+export function requireOrgAccess(req: Request, res: Response, next: NextFunction): void {
+  const roles = req.auth?.roles ?? [];
+
+  if (roles.includes('admin')) {
+    next();
+    return;
+  }
+
+  if (roles.includes('capo-gruppo') && req.auth?.organizationId === req.params.orgId) {
+    next();
+    return;
+  }
+
+  res.status(403).json({ message: "Non sei autorizzato ad operare su questa organizzazione" });
+}

scouthub-home-be/src/routes/gruppi.routes.ts

@@ -1,10 +1,18 @@
 import { Router } from 'express';
 import { authenticate } from '../middleware/authenticate';
 import { requireRole } from '../middleware/requireRole';
-import { postGruppo } from '../controllers/gruppi.controller';
+import { postGruppo, getGruppi, getGruppiElencoPubblico } from '../controllers/gruppi.controller';
 
 export const gruppiRouter = Router();
 
-// TODO: "admin-centrale" è temporaneo, in attesa di definire i ruoli reali
-// abilitati alla creazione di un nuovo gruppo scout.
-gruppiRouter.post('/gruppi', authenticate, requireRole('admin-centrale'), postGruppo);
+// "admin" è la porta d'accesso diretta e definitiva a queste due route: un
+// utente normale non le chiama mai a mano, ma passa dal flusso self-service
+// di richiesta creazione gruppo (POST /richieste-creazione-gruppo), che alla
+// review positiva invoca createGruppo() internamente (vedi
+// richiesteCreazioneGruppo.service.ts:98), bypassando questo controllo.
+gruppiRouter.post('/gruppi', authenticate, requireRole('admin'), postGruppo);
+gruppiRouter.get('/gruppi', authenticate, requireRole('admin'), getGruppi);
+
+// Elenco minimale (orgId/nome) aperto a qualsiasi utente autenticato, usato
+// dal percorso "richiedi di entrare in un gruppo esistente" del profilo.
+gruppiRouter.get('/gruppi/elenco-pubblico', authenticate, getGruppiElencoPubblico);

scouthub-home-be/src/routes/inviti.routes.ts

@@ -1,11 +1,11 @@
 import { Router } from 'express';
 import { authenticate } from '../middleware/authenticate';
-import { requireRole } from '../middleware/requireRole';
+import { requireOrgAccess } from '../middleware/requireOrgAccess';
 import { postInvito, getInvito, postAccettaInvito } from '../controllers/inviti.controller';
 
 export const invitiRouter = Router();
 
-invitiRouter.post('/gruppi/:orgId/inviti', authenticate, requireRole('capo-gruppo'), postInvito);
+invitiRouter.post('/gruppi/:orgId/inviti', authenticate, requireOrgAccess, postInvito);
 
 invitiRouter.get('/inviti/:token', getInvito);