.. include:: ../../Includes.txt



.. _screenshots:

===========
Screenshots
===========


Frontend Screenshots
====================

Hier sind einige Screenshots der Ansichten im Frontend. Das Aussehen wird durch das Site Package der Extension
`fire department <https://extensions.typo3.org/extension/fire_department>`_ bestimmt, welche für die Fluid Templates
in `operations` optimiert sind. Damit habt ihr die Extension `operations` sofort einsatzfähig.

.. container:: row m-0 p-0

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Liste der Einsätze im Frontend mit Filter und Blätternavigation

         .. container:: card-body

            .. image:: /Images/Frontend/einsatzliste.png
               :alt: Screenshot der Frontendansicht der Einsatzliste

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Frontend Detailansicht für einen Einsatz

         .. container:: card-body

            .. image:: /Images/Frontend/einsatz-einzelansicht.png
               :alt: Screenshot der Einzelansicht eines Einsatzes

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Frontend Listenansicht für Hilfsmitteln

         .. container:: card-body

            .. image:: /Images/Frontend/hilfsmittel.png
               :alt: Screenshot der Listenansicht von Hilfsmitteln im Frontend

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Frontend Listenansicht für Fahrzeuge

         .. container:: card-body

            .. image:: /Images/Frontend/fahrzeuge.png
               :alt: Screenshot der Listenansicht von Fahrzeugen im Frontend

   .. container:: col-md-12 pl-0 pr-6 py-6 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Frontend Ansicht der Statistiken, gruppiert nach Typ und Jahr

         .. container:: card-body

            .. image:: /Images/Frontend/statistik.png
               :alt: Tabelle und Diagramm der Einsatzstatistiken


Backend Screenshots
===================


Hier sind ein paar Beispiele der Datensätze im Backend mit zugehöriger Einsatzart, Hilfsmittel, Fahrzeugen oder
Unterstützung. Die einzelnen Datentypen sind durch individuelle Icons gekennzeichnet.


.. container:: row m-0 p-0

   .. container:: col-md-12 pl-0 pr-6 py-6 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Liste von Einsatzdaten im Backend

         .. container:: card-body

            .. image:: /Images/Backend/operations.png
               :alt: Backend Liste von Datensätzen des Typs: Einsatz

   .. container:: col-md-12 pl-0 pr-6 py-6 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: List der Einsatzarten im Backend

         .. container:: card-body

            .. image:: /Images/Backend/types.png
               :alt: Backend Liste von Datensätzen des Typs: Einsatzart

   .. container:: col-md-12 pl-0 pr-6 py-6 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Liste der Hilfsmittel im Backend

         .. container:: card-body

            .. image:: /Images/Backend/resources.png
               :alt: Backend Liste von Datensätzen des Typs: Hilfsmittel

   .. container:: col-md-12 pl-0 pr-6 py-6 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Liste der Fahrzeuge im Backend

         .. container:: card-body

            .. image:: /Images/Backend/vehicles.png
               :alt: Backend Liste von Datensätzen des Typs: Fahrzeug

   .. container:: col-md-12 pl-0 pr-6 py-6 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: Liste der Datensätze für Unterstützung

         .. container:: card-body

            .. image:: /Images/Backend/assistance.png
               :alt: Backend Liste von Datensätzen des Typs: Unterstützung