feat: Implement basic article search feature

.env.template

@@ -4,6 +4,9 @@
 # This is for development only. For production you need to replace this with the actual URL.
 VITE_API_URL=http://localhost:8000
 
+# VITE_ARTICLE_API_URL= http://sc-010187l:8001/
+VITE_ARTICLE_API_URL=http://localhost:8001
+
 ###### IDP Settings ######
 # Change accordingly for dev, staging or production
 

.gitignore

@@ -14,5 +14,15 @@ dist
 reports
 coverage
 
+# .env
+.eslintcache
 .env
+.venv
+__pycache__/
+/public/assets
+/public/locales
+/public/node_modules
+/public/pdf.worker.min.mjs
 .eslintcache
+.env
+.DS_Store

docs/contribute.md

@@ -174,43 +174,41 @@ would be difficult to handle with React's `props` alone.
   ![](images/ThemeGuidelines.svg 'ESID Design Guidelines')
 
   **The alternative text color for lighter and darker variants where the contrast is not high enough is always either `#F2F2F2` (light text), or `#0C0B0D` (dark text).**
-
   - The Spacing is done in 5 steps: `0 px`, `4 px`, `8 px`, `12 px`, and `26 px`
 
   </details>
-
   - The theme is provided using the [MUI Theme Provider](https://mui.com/customization/theming 'mui.com')
   - <details>
     <summary>It can be accessed in components like this: <i>(-- Click to expand --)</i></summary>
 
-    ```tsx
-    import {useTheme} from '@mui/material/styles';
-
-    export default function MyComponent(): JSX.Element {
-      const theme = useTheme();
-
-      return (
-        <Box
-          sx={{
-            /*
-             * Available theme properties can be found at their declaration inside the App.tsx.
-             */
-            // accessing theme variables
-            background: theme.palette.background.default,
-            border: `1px solid ${theme.palette.divider}`,
-
-            // accessing theme typography
-            typography: theme.typography.h1,
-            // or
-            typography: 'h1',
-
-            // accessing theme spacing via index [0, 4, 8, 12, 26]
-            margin: theme.spacing(3), // 12 px margin
-          }}
-        ></Box>
-      );
-    }
-    ```
+  ```tsx
+  import {useTheme} from '@mui/material/styles';
+
+  export default function MyComponent(): JSX.Element {
+    const theme = useTheme();
+
+    return (
+      <Box
+        sx={{
+          /*
+           * Available theme properties can be found at their declaration inside the App.tsx.
+           */
+          // accessing theme variables
+          background: theme.palette.background.default,
+          border: `1px solid ${theme.palette.divider}`,
+
+          // accessing theme typography
+          typography: theme.typography.h1,
+          // or
+          typography: 'h1',
+
+          // accessing theme spacing via index [0, 4, 8, 12, 26]
+          margin: theme.spacing(3), // 12 px margin
+        }}
+      ></Box>
+    );
+  }
+  ```
 
     </details>
 

locales/de-global.json5

@@ -19,6 +19,18 @@
       attribution: 'Attribution',
       changelog: 'Versionshistorie',
     },
+    applicationMenu: {
+      about: 'Über ESID',
+      accessibility: 'Barrierefreiheit',
+      changelog: 'Änderungsprotokoll',
+      imprint: 'Impressum',
+      privacyPolicy: 'Datenschutzerklärung',
+      termsOfUse: 'Nutzungsbedingungen',
+    },
+    scenarioSelector: {
+      label: 'Szenario',
+    },
+    tour: 'Tour',
   },
   'icon-bar': {
     'previous-day-tooltip': 'Vorheriger Tag',
@@ -28,6 +40,7 @@
   },
   history: {
     placeholder: 'history',
+    title: 'Verlauf',
   },
   BEZ: {
     K: 'Kreis',
@@ -119,11 +132,114 @@
   today: 'Heute',
   more: 'Mehr',
   less: 'Weniger',
-  search: 'Suche',
+  search: {
+    articles: {
+      placeholder: 'Artikel suchen...',
+      ariaLabel: 'Suchen Sie nach Artikeln und Dokumentationen',
+    },
+  },
   germany: 'Deutschland',
   WIP: 'Diese Funktionalität befindet sich noch in der Entwicklung.',
   'no-data': 'Keine Daten',
   'loki-logo': 'LOKI-Logo',
   okay: 'Okay',
   yAxisLabel: 'Wert',
+  semanticSearch: {
+    title: 'Semantische Suche',
+    description: 'Stellen Sie Fragen zu den Daten, Modellen oder Funktionen, um relevante Dokumentationen und Artikel zu finden.',
+    placeholder: 'Geben Sie eine Frage für die Suche ein...',
+    suggestions: {
+      title: 'Oder versuchen Sie eine dieser Optionen:',
+      scenarioForecasting: 'Wie unterstützt die ESID-Plattform szenariobasierte Prognosen für Ausbrüche von Infektionskrankheiten?',
+      purpose: 'Was ist der Zweck von ESID?',
+    },
+    results: {
+      initialPrompt: 'Geben Sie eine Frage ein, um nach relevanten Artikeln und Dokumentationen zu suchen.',
+      noResults: 'Keine Ergebnisse gefunden. Versuchen Sie, Ihre Frage umzuformulieren oder andere Schlüsselwörter zu verwenden.',
+      resultsFound_one: '1 Ergebnis gefunden für',
+      resultsFound_other: '{{count}} Ergebnisse gefunden für',
+    },
+    classification: {
+      direct: 'Direkte Antwort',
+      high: 'Hohe Relevanz',
+      related: 'Verwandt',
+    },
+    pagination: {
+      previous: 'Zurück',
+      next: 'Weiter',
+      pageOf: 'Seite {{current}} von {{total}}',
+    },
+  },
+  language: 'Sprache',
+  legal: {
+    attributions: 'Namensnennung',
+  },
+  scenarios: {
+    cards: {
+      cases: 'Fälle',
+      hospitalization: 'Krankenhausaufnahme',
+      intensiveCare: 'Intensivpflege',
+      death: 'Todesfälle',
+      rValue: 'R-Wert',
+      doublingTime: 'Verdopplungszeit',
+      attackRate: 'Befallsrate',
+    },
+  },
+  groups: {
+    title: 'Filter',
+    addGroup: 'Gruppe hinzufügen',
+    manageGroups: 'Gruppen verwalten',
+    noGroups: 'Keine Gruppen definiert.',
+    groupName: {
+      label: 'Gruppenname',
+      alreadyExists: 'Eine Gruppe mit diesem Namen existiert bereits.',
+      cannotBeEmpty: 'Der Gruppenname darf nicht leer sein.',
+    },
+    options: {
+      delete: 'Löschen',
+      edit: 'Bearbeiten',
+    },
+  },
+  compartments: {
+    title: 'Kompartimente',
+    S: 'Suszeptible',
+    E: 'Exponiert',
+    I: 'Infiziert',
+    R: 'Genesen',
+    H: 'Hospitalisiert',
+    U: 'Intensivpflege',
+    D: 'Verstorben',
+    X: 'Geimpft',
+    V: 'Geimpft (geschützt)',
+    W: 'Geimpft (nachlassend)',
+  },
+  lineChart: {
+    title: 'Liniendiagramm',
+    showConfidence: 'Konfidenzintervalle anzeigen',
+    logScale: 'Logarithmische Skala',
+    sum: 'Summe',
+    yAxis: 'Wert',
+  },
+  map: {
+    title: 'Karte',
+    legendTitle: 'Fälle pro 100k',
+    incidences: {
+      total: 'Gesamt',
+      per100k: 'pro 100k',
+      per100kIn7Days: '7-Tage-Inzidenz pro 100k',
+    },
+  },
+  parameter: {
+    title: 'Parameter',
+    compartment: 'Kompartiment',
+    reset: 'Auf Standardwert zurücksetzen',
+    r0: 'Basisreproduktionszahl (R0)',
+  },
+  history: {
+    title: 'Verlauf',
+  },
+  language: 'Sprache',
+  legal: {
+    attributions: 'Namensnennung',
+  },
 }

locales/en-global.json5

@@ -19,6 +19,18 @@
       attribution: 'Attribution',
       changelog: 'Changelog',
     },
+    applicationMenu: {
+      about: 'About ESID',
+      accessibility: 'Accessibility',
+      changelog: 'Changelog',
+      imprint: 'Imprint',
+      privacyPolicy: 'Privacy Policy',
+      termsOfUse: 'Terms of Use',
+    },
+    scenarioSelector: {
+      label: 'Scenario',
+    },
+    tour: 'Tour',
   },
   'icon-bar': {
     'previous-day-tooltip': 'Previous Day',
@@ -34,6 +46,7 @@
   },
   history: {
     Tabtitle: 'history',
+    title: 'History',
   },
   details: {
     Tabtitle: 'Details',
@@ -128,7 +141,12 @@
   today: 'Today',
   more: 'More',
   less: 'Less',
-  search: 'Search',
+  search: {
+    articles: {
+      placeholder: 'Search articles...',
+      ariaLabel: 'Search for articles and documentation',
+    },
+  },
   germany: 'Germany',
   'no-data': 'No Data',
   'loki-logo': 'LOKI logo',
@@ -141,4 +159,102 @@
   WIP: 'This functionality is still work in progress.',
   okay: 'Okay',
   yAxisLabel: 'Value',
+  values: 'Values',
+  name: 'Name',
+  date: 'Date',
+  semanticSearch: {
+    title: 'Semantic Search',
+    description: 'Ask questions about the data, models, or functionality to find relevant documentation and articles.',
+    placeholder: 'Enter a question to search...',
+    suggestions: {
+      title: 'Or try one of these:',
+      scenarioForecasting: 'How does the ESID platform support scenario-based forecasting for infectious disease outbreaks?',
+      purpose: 'What is ESID purpose?',
+    },
+    results: {
+      initialPrompt: 'Enter a question to search for relevant articles and documentation.',
+      noResults: 'No results found. Try rephrasing your question or using different keywords.',
+      resultsFound_one: 'Found 1 result for',
+      resultsFound_other: 'Found {{count}} results for',
+    },
+    classification: {
+      direct: 'Direct Answer',
+      high: 'High Relevance',
+      related: 'Related',
+    },
+    pagination: {
+      previous: 'Previous',
+      next: 'Next',
+      pageOf: 'Page {{current}} of {{total}}',
+    },
+  },
+  language: 'Language',
+  legal: {
+    attributions: 'Attributions',
+  },
+  scenarios: {
+    cards: {
+      cases: 'Cases',
+      hospitalization: 'Hospitalization',
+      intensiveCare: 'Intensive Care',
+      death: 'Deaths',
+      rValue: 'R-Value',
+      doublingTime: 'Doubling Time',
+      attackRate: 'Attack Rate',
+    },
+  },
+  groups: {
+    title: 'Filter',
+    addGroup: 'Add Group',
+    manageGroups: 'Manage Groups',
+    noGroups: 'No Groups defined.',
+    groupName: {
+      label: 'Group Name',
+      alreadyExists: 'A group with this name already exists.',
+      cannotBeEmpty: 'The group name cannot be empty.',
+    },
+    options: {
+      delete: 'Delete',
+      edit: 'Edit',
+    },
+  },
+  compartments: {
+    title: 'Compartments',
+    S: 'Susceptible',
+    E: 'Exposed',
+    I: 'Infected',
+    R: 'Recovered',
+    H: 'Hospitalized',
+    U: 'Intensive Care',
+    D: 'Dead',
+    X: 'Vaccinated',
+    V: 'Vaccinated (protected)',
+    W: 'Vaccinated (waned)',
+  },
+  lineChart: {
+    title: 'Line Chart',
+    showConfidence: 'Show confidence intervals',
+    logScale: 'Logarithmic Scale',
+    sum: 'Sum',
+    yAxis: 'Value',
+  },
+  map: {
+    title: 'Map',
+    legendTitle: 'Cases per 100k',
+    incidences: {
+      total: 'Total',
+      per100k: 'per 100k',
+      per100kIn7Days: '7-day-incidence per 100k',
+    },
+  },
+  parameter: {
+    title: 'Parameters',
+    compartment: 'Compartment',
+    reset: 'Reset to default value',
+    r0: 'Basic Reproduction Number (R0)',
+  },
+  language: 'Language',
+  legal: {
+    attributions: 'Attributions',
+  },
 }