# 4. Rozhraní aplikace

Po přihlášení má aplikace společný hlavní stránku: horní lištu, levý sidebar a hlavní obsah.

[![image-1786462242117.png](https://brasset.cz/wiki/uploads/images/gallery/2026-08/scaled-1680-/image-1786462242117.png)](https://brasset.cz/wiki/uploads/images/gallery/2026-08/image-1786462242117.png)

<img src="https://brasset.cz/wiki/uploads/images/gallery/2026-08/scaled-1680-/image-1786463139249-45-24.png" style="max-height:472.5px;"/>

## 4.1 Horní lišta (header)

Zleva doprava:

1. **Hamburger** (jen na menších šířkách) – otevře / zavře sidebar.
2. **Logo BR Asset** – návrat na domovskou stránku.
3. (V demu) tlačítko **Zažádat o zkušební verzi**.
4. **Notifikace** (zvonek) – badge s počtem nepřečtených.
5. **Pomoc** (otazník) – Průvodce, Wiki, Web BR Technology.
6. **Profil** – jméno, změna hesla, odhlášení (mimo demo).

### Notifikace (dropdown)

Klik na zvonek otevře panel:

- seznam notifikací (titulek, zpráva, datum),
- nepřečtené jsou zvýrazněné,
- **Označit jako přečtené** u jednotlivé položky,
- **Označit vše jako přečtené**,
- **Zobrazit sledované**,
- **Zobrazit všechny notifikace**.

Podrobnosti: [Notifikace v aplikaci](https://brasset.cz/wiki/books/uzivatelsky-manual/page/14-notifikace-v-aplikaci)

### Menu Pomoc

| Položka | Účel |
|---------|------|
| **Průvodce** | Spustí interaktivní tour po rozhraní |
| **Wiki** | Otevře uživatelskou wiki (externí odkaz) |
| **Web BR Technology** | Odkaz na web dodavatele |

## 4.2 Levý sidebar

### Domů

Vždy viditelné → stránka přehledu.

### Panel Assety

Rozbalovací sekce. Obsah závisí na roli (viz kapitola Role).

Typické položky:

- Typy  
- Vlastnosti  
- Atributy  
- Všechno  
- Všechna vyřazená  
- Moje  
- Moje vyřazená  
- Import  
- Export  

U Pracovníka bez assetů je celý panel skrytý.

### Sledované

Samostatná položka mimo panel Assety.

### Panel Správa

Jen pro **Administrátora**:

- Uživatelé  
- Firmy  
- Pobočky  
- E-maily  
- Audit  

## 4.3 Hlavní obsah

Uprostřed / vpravo se zobrazuje aktuální stránka (tabulky, detail, formuláře). Většina stránek má tlačítko **Zpět** vlevo nahoře.

## 4.4 Responzivní chování

- **Desktop (široký):** sidebar je trvale viditelný.
- **Mobil / úzký:** sidebar je zásuvný; otevře se hamburgerem, zavře klikem mimo nebo po navigaci.

## 4.5 Společné dialogy

Aplikace používá opakující se dialogy:

| Dialog | Kdy |
|--------|-----|
| Potvrzení | Před destruktivní akcí (vyřazení, smazání…) |
| Upozornění / chyba | Informace o výsledku nebo chybě |
| Načítání | Probíhá delší operace |
| Problémy | Souhrn chyb (např. při importu) |

Tlačítka ve formulářích často:

- primární akce (**Přidat**, **Uložit**, **Importovat**…),
- **Zavřít bez uložení**.

## 4.6 Barevné a vizuální indikátory

- Status assetu barvou (zelená / žlutá / červená).
- Vyřazený asset: přeškrtnutý název, štítek **[VYŘAZENO]**.
[![](https://brasset.cz/wiki/uploads/images/gallery/2026-08/scaled-1680-/image-1786463262079.png)](https://brasset.cz/wiki/uploads/images/gallery/2026-08/image-1786463262079.png)
- Deaktivovaný uživatel: přeškrtnuté jméno ve výběrech.
- Demo: oranžový zámek u zamčených funkcí, informační banner.
[![](https://brasset.cz/wiki/uploads/images/gallery/2026-08/scaled-1680-/image-1786463343110.png)](https://brasset.cz/wiki/uploads/images/gallery/2026-08/image-1786463343110.png)