# Onderdelen van de interface

De namen die deze documentatie gebruikt voor de onderdelen van het scherm, op desktop en op je telefoon, elk aangewezen.

Deze documentatie noemt de onderdelen van het scherm bij vaste namen. Deze pagina laat zien waar elk onderdeel zit. Waar de onderdelen van de app voor dienen, lees je in [Je weg vinden](https://databeamer.eu/docs/getting-started/find-your-way-around).

## Desktop

![De desktopindeling met de bovenbalk, de groepenbalk, de zijbalk en het inhoudsgebied gemarkeerd](https://databeamer.eu/docs-screenshots/nl/ui-desktop.png '1: bovenbalk, 2: groepenbalk, 3: zijbalk, 4: inhoudsgebied.')

### Bovenbalk

De band bovenaan. Links staat het logo, of het kruimelpad als je in een groep zit. Rechts staan de versleutelingsindicator, de knop **Nieuw**, de knop **Chats** en je gebruikersmenu.

### Groepenbalk

De smalle kolom helemaal links, met één vierkant per groep waar je lid van bent en je persoonlijke omgeving bovenaan. Klik op een vierkant om die groep te openen. **Nieuwe groep** staat onderaan. De balk verbergt zichzelf zolang je geen groepen hebt, en met het pijltje onderaan maak je hem breder zodat de groepsnamen zichtbaar worden.

### Zijbalk

De navigatie voor de plek waar je bent: **Dashboard**, **Drive**, **Uitwisseling** en **Contacten** in je persoonlijke omgeving; **Overzicht**, **Chat**, **Drive**, **Uitwisseling** en, voor eigenaren en beheerders, **Instellingen** in een groep. Met **Inklappen** onderaan verklein je hem tot alleen iconen.

### Inhoudsgebied

Alles rechts van de zijbalk: de pagina waar je bent, opgebouwd uit een of meer panelen.

### De knoppen in de bovenbalk

![De rechterhelft van de bovenbalk met de vier knoppen gemarkeerd](https://databeamer.eu/docs-screenshots/nl/ui-top-bar.png '1: versleutelingsindicator, 2: Nieuw, 3: Chats, 4: gebruikersmenu.')

- **Versleutelingsindicator**: het schildje. Het laat zien dat je sleutels geladen zijn en beweegt kort terwijl er iets wordt versleuteld of ontsleuteld. Klik erop voor de details.
- **Nieuw**: start vanaf elke plek een transfer, request, groep of organisatie. Zie [het Nieuw-menu](https://databeamer.eu/docs/getting-started/find-your-way-around#het-nieuw-menu).
- **Chats**: opent het venster Chats met je directe berichten en groepschats. Een badge toont ongelezen berichten.
- **Gebruikersmenu**: je avatar. Meldingen, instellingen, donkere modus, wat is nieuw, feedback en uitloggen.

## In een groep

![Het overzicht van een groep met het actieve vierkant in de groepenbalk, het kruimelpad en de groepszijbalk gemarkeerd](https://databeamer.eu/docs-screenshots/nl/ui-group.png '1: de actieve groep in de groepenbalk, 2: kruimelpad, 3: groepszijbalk met het ledenpaneel.')

### Kruimelpad

Vervangt het logo in de bovenbalk zolang je in een groep zit: organisatie, groep, pagina. Elk deel is een link, zodat je een niveau omhoog kunt springen.

### Groepszijbalk

Dezelfde plek als de persoonlijke zijbalk, met de pagina's van de groep. Het paneel **Leden** onderaan laat zien wie in de groep zit en wie online is.

## Het venster Chats

![Het venster Chats met links de gesprekkenlijst en rechts een lege thread](https://databeamer.eu/docs-screenshots/nl/ui-chat-window.png)

Een zwevend venster dat opent vanuit de knop **Chats** en boven de pagina blijft staan waar je ook bent. Links staat de **gesprekkenlijst**, met groepen en directe berichten; rechts de **thread** van het gesprek dat je kiest. Sluit het met het kruisje; je plek in de app blijft bewaard.

## Zwevende vensters, panelen en zijpanelen

- **Zwevend venster**: een formulier dat boven de pagina opent en opzij kan: **Nieuwe Transfer**, **Nieuwe Request**, **Nieuwe Secure Mail** en het venster Chats.
- **Paneel**: een kaart in het inhoudsgebied, zoals **Je groepen** of **Te doen** op het dashboard. De panelen **Uploads** en **Downloads** verschijnen rechtsonder zolang er iets bezig is.
- **Zijpaneel**: een vlak dat van rechts inschuift met de details van één item, zoals de **Details** van een bestand.
- **Dialoogvenster**: een klein venster in het midden dat je om een bevestiging vraagt.

## Op je telefoon

![De telefoonindeling met de bovenbalk, de pagina en de tabbalk gemarkeerd](https://databeamer.eu/docs-screenshots/nl/ui-phone.png '1: bovenbalk, 2: pagina, 3: tabbalk.')

### Bovenbalk

Het logo en, op pagina's die er een hebben, een knop **Nieuw**. In een groep toont hij een terugknop naar de plek waar je vandaan kwam en de hulpmiddelen van de groep.

### Pagina

De inhoud van de tab waar je bent. Lijsten lopen van rand tot rand; andere pagina's staan op een witte kaart.

### Tabbalk

De vier tabs onderaan: **Chats**, **Activiteit**, **Drive** en **Jij**. De badge op een tab telt wat daar op je wacht. De balk verdwijnt terwijl je een gesprek leest of typt.