Configurazioni - lucadileo9/template-catalog GitHub Wiki

Sono presenti due file usati per raccogliere i template e i siti esterni da mostrare.

File: config/templates.ts

Descrizione

Il file templates.ts contiene un array di oggetti che rappresentano i template validi disponibili nell'applicazione. Questo array viene utilizzato per verificare l'esistenza di un template richiesto e per generare dinamicamente le pagine o i layout corrispondenti.

Struttura

L'array validTemplates è composto da oggetti con le seguenti proprietà:

  • name: Nome del template (es. "estetista"). Viene utilizzato come identificatore univoco.
  • description: Descrizione del template (opzionale). Può essere utilizzata per fornire ulteriori dettagli sul template. N.B.: quando viene generato un nuovo template con Plop, il nome del template viene inserito in AUTOMATICO in questo file.

Esempio di Struttura

export const validTemplates = [
  {
    name: "estetista",
    description: "",
  },
];

Utilizzo

L'array validTemplates viene utilizzato nel componente TemplateList per generare una lista di card che rappresentano i template disponibili. Ogni card include:

  • Il nome del template (formattato con la prima lettera maiuscola).
  • La descrizione del template.
  • Un'immagine associata al template, caricata dal percorso /template_screenshots/${template.name}.png.
  • Un link diretto alla pagina del template (/${template.name}).

Componente Correlato: TemplateList

Il componente TemplateList mappa l'array validTemplates e utilizza il componente CardComponent per visualizzare ogni template come una card. Le proprietà passate a CardComponent includono:

  • title: Nome del template formattato.
  • description: Descrizione del template.
  • imageUrl: Percorso dell'immagine associata al template.
  • href: Link alla pagina del template.

File: config/externalSites.ts

Descrizione

Il file externalSites.ts contiene un array di oggetti che rappresentano siti esterni realizzati o gestiti dall'applicazione. Questo array viene utilizzato per generare una lista di card che mostrano informazioni sui siti esterni.

Struttura

L'array externalSites è composto da oggetti con le seguenti proprietà:

  • title: Titolo del sito esterno.
  • description: Breve descrizione del sito.
  • imageUrl: Percorso dell'immagine associata al sito.
  • url: URL del sito esterno.

Esempio di Struttura

export const externalSites = [
  {
    title: "JEIOM 23",
    description: "Sito realizzato per l'evento annuale del JEIOM, basato sull'innovazione che unisce qualità e tradizione.",
    imageUrl: "/siti_esterni/jeiom23.escanortargaryen.dev_.png",
    url: "https://jeiom23.escanortargaryen.dev/",
  },
];

Utilizzo

L'array externalSites viene utilizzato nel componente SiteList per generare una lista di card che rappresentano i siti esterni. Ogni card include:

  • Il titolo del sito.
  • Una breve descrizione del sito.
  • Un'immagine associata al sito.
  • Un link diretto al sito esterno.

Componente Correlato: SiteList

Il componente SiteList mappa l'array externalSites e utilizza il componente CardComponent per visualizzare ogni sito esterno come una card. Le proprietà passate a CardComponent includono:

  • title: Titolo del sito.
  • description: Descrizione del sito.
  • imageUrl: Percorso dell'immagine associata al sito.
  • href: URL del sito esterno.