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



.. _screenshots:

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


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

Here are some screenshots of the frontend templates. Styles used from the Site Package
`fire department <https://extensions.typo3.org/extension/fire_department>`_ optimized for the Fluid templates
in "operations".

.. 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:: Frontend list view with filter and pagination

         .. container:: card-body

            .. image:: /Images/Frontend/list-view-with-filter.png
               :alt: Frontend list view with filter and pagination

   .. 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 single view of operation data

         .. container:: card-body

            .. image:: /Images/Frontend/single-view.png
               :alt: Frontend single view of operation data

   .. 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 list view of resources

         .. container:: card-body

            .. image:: /Images/Frontend/resources.png
               :alt: Screenshot of a simple list of resources data in 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 list view of vehicles

         .. container:: card-body

            .. image:: /Images/Frontend/vehicles.png
               :alt: Screenshot of a simple list of vehicle data in 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 statistic view grouped by type and year

         .. container:: card-body

            .. image:: /Images/Frontend/statistics.png
               :alt: Table and chart of operation statistics


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


Here are some example data for operations and related data types, resources, vehicles, assistance.
Each kind of operation data has it's own individual icon.


.. 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:: Operations data list in backend

         .. container:: card-body

            .. image:: /Images/Backend/operations.png
               :alt: List with data of operations in TYPO3 backend

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

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

         .. rst-class:: card-header h3

            .. rubric:: Backend list of types

         .. container:: card-body

            .. image:: /Images/Backend/types.png
               :alt: List with data of types in TYPO3 backend

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

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

         .. rst-class:: card-header h3

            .. rubric:: Backend list of resources

         .. container:: card-body

            .. image:: /Images/Backend/resources.png
               :alt: List with data of resources in TYPO3 backend

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

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

         .. rst-class:: card-header h3

            .. rubric:: Backend list of vehicles

         .. container:: card-body

            .. image:: /Images/Backend/vehicles.png
               :alt: List with data of vehicles in TYPO3 backend

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

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

         .. rst-class:: card-header h3

            .. rubric:: Backend list of assistance

         .. container:: card-body

            .. image:: /Images/Backend/assistance.png
               :alt: List with data of assistance in TYPO3 backend