Fare calcoli

Nella sezione "Data" di un componente testuale o numerico (ad esempio Textfield, Text area o Number) è possibile effettuare calcoli automatici in base al valore indicato in altri component.

Per farlo devi inserire nel campo "Calculated value" il codice JavaScript di calcolo corretto: il valore che assegni alla variabile value diventa il valore del componente.

Di seguito trovi alcuni esempi di calcolo che puoi riutilizzare e adattare al tuo servizio.

Calcolare un punteggio per una graduatoria

Utile ad esempio per un servizio di iscrizione all'asilo nido o di richiesta di un bonus economico, dove le domande vengono ordinate in base al punteggio ottenuto.

1

Individua i property_name dei campi

Individua i campi del modulo che concorrono al punteggio (per esempio la percentuale d'invalidità o il valore ISEE): nella sezione "API" di ciascun componente trovi il property name da usare nel codice.

Se il valore che concorre al punteggio è annidato dentro a un Nested Form, come nel caso di "Importo ISEE" devi riportare il path completo del campo. Vedi Struttura dei dati dei Nested Form

2

Campo "Punteggio"

Aggiungi un textfield o un componente number con label "Punteggio" (e inserisci nella sezione "Data" il codice che somma i punti in base alle risposte.

Colloca il componente "Punteggio" dopo tutti i campi che concorrono al calcolo, quindi verso la fine del modulo: solo così, nel momento in cui il punteggio viene calcolato, il cittadino avrà già valorizzato tutti i dati necessari.

Nell'esempio mostrato il punteggio si basa sui valori "Importo ISEE" (data.ordinary_economic_situation_indicator?.data?.isee) e su "Percentuale di disabilità" (data.disability_percentage).

value = 0;

const raw = data.ordinary_economic_situation_indicator?.data?.isee;
if (raw !== undefined && raw !== null && raw !== '') {
  const isee = parseFloat(typeof raw === 'string' ? raw.replace(',', '.') : raw);
  if (!isNaN(isee)) {
    if (isee <= 5000) value += 50;
    else if (isee <= 10000) value += 40;
    else if (isee <= 15000) value += 30;
    else if (isee <= 20000) value += 20;
    else if (isee <= 25000) value += 10;
    else if (isee <= 30000) value += 5;
  }
}

if (data.minor_invalid === 'si') {
  if (data.disability_percentage === 'superiore68') value += 30;
  else if (data.disability_percentage === 'tra33e67') value += 20;
}

3

Visualizzare il Punteggio

Puoi scegliere se mostrare il punteggio al cittadino o tenerlo nascosto: per nasconderlo, nella sezione "Display" del componente attiva la funzione "Hidden".

Calcolare una differenza di giorni

Utile ad esempio per un servizio di occupazione temporanea del suolo pubblico, per calcolare i giorni di esposizione della segnaletica tra una data di inizio e una data di fine.

1

Individua i property name dei campi

Individua i campi che indicano la data di inizio e la data di fine: nella sezione "API" di ciascun componente trovi il property name da usare nel codice.

2

Crea il componente che calcola i giorni

Aggiungi un componente testuale o numerico e inserisci nella sua sezione "Data" il codice che calcola la differenza in giorni tra le due date.

Puoi disabilitare il campo (voce "Disabled" nella sezione "Display"): trattandosi di un valore calcolato automaticamente, il cittadino non deve poterlo modificare.

initialDate = moment(data.initial_date, 'DD/MM/YYYY')
finalDate = moment(data.final_date, 'DD/MM/YYYY')
value = finalDate.diff(initialDate, 'days')

Calcolare una superficie totale

Utile quando il cittadino inserisce più misure in un Datagrid (per esempio profondità e lunghezza di un'area per l'occupazione di suolo pubblico) e serve calcolare automaticamente la superficie complessiva.

1

Individua i property name dei campi

Individua i campi del Datagrid che compongono il calcolo (per esempio larghezza e profondità di ciascuna riga): nella sezione "API" di ciascun componente trovi il property name da usare nel codice.

2

Crea il componente "Totale metri quadrati"

Aggiungi un componente Number con label "Totale metri quadrati" e inserisci nella sua sezione "Data" il codice che somma il prodotto di ciascuna riga del Datagrid.

Puoi disabilitare il campo (voce "Disabled" nella sezione "Display"): trattandosi di un valore calcolato automaticamente, il cittadino non deve poterlo modificare.

Nell'esempio, il Datagrid sides raccoglie per ogni riga una larghezza (span) e una profondità (depth):

if (data.sides?.length) {
  value = data.sides.reduce((sum, side) => {
    const span = side.span || 0;
    const depth = side.depth || 0;
    return sum + span * depth;
  }, 0);
}