Die folgenden Aufnahmen zeigen den Dokumentenbereich auf dem Testsystem. Die
Dokumentnamen stammen aus Testdaten und sind bewusst frei erfunden.

\begin{figure}[H]
    \centering
    \includegraphics[width=\textwidth]{figures/screenshots/explorer_general.png}
    \caption{Der Dokumentenbereich in Houston: Suchleiste, Typfilter, Dokumentenliste mit
    Mehrfachauswahl und Blätterelemente}
    \label{fig:shot-explorer}
\end{figure}

\begin{figure}[H]
    \centering
    \includegraphics[width=0.85\textwidth]{figures/screenshots/explorer_type-filters.png}
    \caption{Typfilterung: Nur die hervorgehobenen Typen werden angezeigt}
    \label{fig:shot-type-filters}
\end{figure}

\clearpage

\begin{figure}[H]
    \centering
    \includegraphics[width=0.85\textwidth]{figures/screenshots/explorer_search-query.png}
    \caption{Suche nach einem Namensbestandteil bei gleichzeitig aktiven Typfiltern}
    \label{fig:shot-search}
\end{figure}

\begin{figure}[H]
    \centering
    \includegraphics[width=0.8\textwidth]{figures/screenshots/pagination_page-2.png}
    \caption{Zweite Seite der Blätterung; die Adresszeile trägt den Fortsetzungs-Token
    \texttt{pageToken} statt einer Seitennummer}
    \label{fig:shot-pagination}
\end{figure}

\clearpage

\begin{figure}[H]
    \centering
    \includegraphics[width=0.8\textwidth]{figures/screenshots/zip-downloads_in-houston.png}
    \caption{Auswahl mehrerer Dokumente für den ZIP-Download}
    \label{fig:shot-zip-selection}
\end{figure}

\begin{figure}[H]
    \centering
    \includegraphics[width=0.7\textwidth]{figures/screenshots/zip-downloads_after-download.png}
    \caption{Das erzeugte Archiv nach dem Entpacken: Die Typordner sind erhalten,
    typlose Dokumente liegen auf oberster Ebene}
    \label{fig:shot-zip-result}
\end{figure}

\clearpage

\begin{figure}[H]
    \centering
    \includegraphics[width=0.85\textwidth]{figures/screenshots/pdf_previewer.png}
    \caption{PDF-Vorschau im Modal ohne Verlassen der Seite}
    \label{fig:shot-pdf-preview}
\end{figure}

\begin{figure}[H]
    \centering
    \includegraphics[width=0.8\textwidth]{figures/screenshots/explorer_opened-share-link.png}
    \caption{Ergebnis eines geöffneten Freigabelinks: Suche, Typfilter und Seite sind so
    gesetzt, dass das verwiesene Dokument sichtbar und hervorgehoben ist}
    \label{fig:shot-share-target}
\end{figure}

\clearpage

\begin{figure}[H]
    \centering
    \includegraphics[width=0.85\textwidth]{figures/screenshots/sharelink-preview_in-teams.png}
    \caption{Vorschau eines Freigabelinks in Microsoft Teams mit Dokumentname und Typbild}
    \label{fig:shot-share-teams}
\end{figure}

\begin{figure}[H]
    \centering
    \includegraphics[width=0.85\textwidth]{figures/screenshots/url-file-icons.png}
    \caption{Symbole für \texttt{.url}-Dateien: mit ausdrücklichem \texttt{IconFile},
    ohne \texttt{IconFile} (Typsymbol des Ordners) sowie bekannte Zielsysteme}
    \label{fig:shot-url-icons}
\end{figure}

\begin{figure}[H]
    \centering
    \newcommand{\typeicon}[1]{\raisebox{-0.35\height}{\includegraphics[height=9mm]{figures/icons/#1.pdf}}}
    \begin{tabularx}{\textwidth}{@{} c X c X @{}}
        \toprule
        \multicolumn{2}{@{}l}{\textbf{Dokumententyp}} & \multicolumn{2}{l@{}}{\textbf{Dokumententyp}} \\
        \midrule
        \typeicon{service-protokoll}     & Service-Protokoll
            & \typeicon{security-assessments} & Security Assessments \\
        \addlinespace
        \typeicon{abnahme-dokumente}     & Abnahme-Dokumente
            & \typeicon{abrechnungsdaten}     & Abrechnungsdaten \\
        \addlinespace
        \typeicon{sla-reports}           & SLA-Reports Ticketbearbeitung
            & \typeicon{vertragsunterlagen}   & Vertragsunterlagen \\
        \addlinespace
        \typeicon{monitoring-reports}    & Monitoring-Reports
            & \typeicon{default}              & Sonstige Dokumente (Standardsymbol) \\
        \addlinespace
        \midrule
        \multicolumn{4}{@{}l}{\textbf{Symbole für Verknüpfungen auf bekannte Zielsysteme}} \\
        \midrule
        \typeicon{ms-teams}      & Microsoft Teams
            & \typeicon{ms-sharepoint} & Microsoft SharePoint \\
        \addlinespace
        \typeicon{ms-onedrive}   & Microsoft OneDrive & & \\
        \bottomrule
    \end{tabularx}
    \caption{Die für den Dokumentenbereich entworfenen Symbole}
    \label{fig:type-icons}
\end{figure}