carmel user interface design

[adriatic]

Carmel being the application designed to facilitate the management of Catalog's samples (this includes KendoUI and Materialize Catalogs) requires pretty simple UI:

1. Navigation UI needed to access the specific sample or the component where to add a new sample.
2. Tag editor UI

---

Navigation UI

I propose to make it the same as the Catalog (reuse principle) - a design decision that will simplify the future merge of the Catalog with Carmel. Any location can be reached with three clicks

Image 1

Tag Editor

I propose to use the "central panel" (area where the sample is rendered) as the location for the Tag Editor. The Editor itself should be a composition of this very simple component:

Image 2

and a more elaborate form that is used to define other related metadata we would like to associate with each sample:

Image 3

Note this form will be properly redesigned to match our needs both in content and style.