baraja-core / baraja-core/cms

Global CMS settings

Open
#45 0 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue
Dominant language
JavaScript
Stars
15
Forks
3
Avg merge
8d 1h
Merged PRs (30d)
1

Description

Cílem tohoto úkolu je vymyslet vzhled a ovládání globálního nastavení CMS i celé aplikace/webu/e-shopu.

Nastavení bude koncipováno jako modální okno, které se otevře po kliknutí na tlačítko na admin baru.

Nyní se zobrazuje takto:

![Snímek obrazovky 2021-08-13 v 10 41 42](https://user-images.githubusercontent.com/4738758/129330382-013904eb-6174-40d2-9cfc-59b91be77a51.png)

Cílem tohoto úkolu je vymyslet a připravit vzhled tohoto okna.

Na co nezapomenout:

- Nastavení musí fungovat obecně, tj. na hlavním pohledu budou vidět dostupné kategorie nastavení, které má každý projekt jinak
- Ideálně bych v rámci nastavení zobrazoval levé menu, kde bude seznam pluginů, které umožňují vnitřní nastavení. Hodně se tím zjednoduší návrh a bude zřejmé, co vše mohu nastavovat
- Levé menu by mělo mít vlastní posuvník, pokud bude obsahovat hodně položek
- V první fázi řeš jen design. Protože jde o obecnou komponentu, která musí být snadno dostupná napříč systémy, tak naopak použij přímé stylování přes HTML attribut `style`
- Výstupem úkolu bude nakódovaný HTML modul, který pak já převedu na Vue komponentu, proto ho dodej třeba jako HTML soubor, který vložíš sem do komentáře

Inspirace, jak nastavení řeší třeba Webnode:

![Snímek obrazovky 2021-08-08 v 18 38 29](https://user-images.githubusercontent.com/4738758/129331004-0e3eb90f-6b23-4101-98b9-79fd0f9dcc5b.png)

Init modalu: https://github.com/baraja-core/cms/commit/5b46a6246ed73d92c6b6b389f4b8cbfff7ad1ab9

Díky.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the current admin-bar modal and the referenced init-modal commit. Prepare an HTML module for the global settings window, including project-specific categories, a plugin menu with its own scrollbar, and inline style attributes. The work is done when the design is usable as a general component and the HTML can be shared for conversion to a Vue component.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.