[[en:brix:intro:]] **|** [[en:brix:intro:basics]]
====== Brix Basics ======

===== The User Interface =====
The user interface consists of the following 
  * [[#The Title Bar]]
  * [[#The Main Menu]] - Select //[data form]//
  * [[#The Data Form]] - Display and manipulate data

==== The Title Bar ====
The Title Bar consists of the following:
  * {{:hr:brix:apps.png?direct&20|}} - odabir modula kojom se smanjuje broj prikazanih opcija u izborniku.
  * {{:hr:brix:menu.png?direct&20|}} - prikaz ili skrivanje //Glavnog izbornika//.
  * //[Program]// - naziv obrasca koji je trenutno aktivan u //Glavnom prozoru//.
  * {{:hr:brix:account.png?20|}} - prikaz obrasca //[[hr:brix:profile]]// kojom prijavljen korisnik može ažurirati svoje podatke.

==== The Main Menu ====

==== The Data Form ====

The Data Form has the following elements:
  *[[en:brix:intro:lists]]
  *[[en:brix:intro:forms]]
  *[[en:brix:intro:modals]]



{{:hr:brix:file-document-outline-inverted.png?direct&20|}}
{{:hr:brix:filter-variant.png?direct&20|}}
{{:hr:brix:help-circle.png?direct&20|}}
{{:hr:brix:account.png?30|}}


===== Conventions =====
Conventions used in this wiki for the various user interface elements are:

  * //>Izbornik//
  * //[Program]//
  * //|Lista|//
  * //(Obrazac)//
  * //~KARTICA~//
  * //°Modal°//
  * //{Podatak}//

===== Form Elements =====
  * Polja s //{podacima}//
    * dropdown
    * validacija crveno
    * traženje (ikona povećalo)
    * mulitselect
    * radio button
    * checkbox
    * slide switch

U poljima //{podataka}// mogu se prikazati sljedeće ikone:
|  {{:hr:brix:plus-circle-grey.png?direct&20|}}  | Dodavanje novog podatka  |
|  {{:hr:brix:close-circle-grey.png?direct&20|}}  |   |
|  {{:hr:brix:pencil-grey.png?direct&20|}}  |   |
|  {{:hr:brix:view-list-grey.png?direct&20|}}  |   |
|  {{:hr:brix:calendar-grey.png?direct&20|}}  |   |
|  {{:hr:brix:menu-down-grey.png?direct&20|}}  |   |
|  {{:hr:brix:cloud-upload.png?direct&20|}}  |   |
|  {{:hr:brix:plus.png?direct&20|}}  |   |
|  {{:hr:brix:send.png?direct&20|}}  |   |


==== Ikone i tipke ====
|  {{:hr:brix:plus-circle.png?30&direct}}                                                                      | Dodavanje novog podatka  |
|  {{:hr:brix:close-circle.png?30&direct}}                                                                     |                          |
|  {{:hr:brix:file-upload.png?30&direct}}                                                                      |                          |
|  {{:hr:brix:cloud-upload.png?30&direct}}                                                                     |                          |
|  {{:hr:brix:content-copy.png?30&direct}}                                                                     |                          |
|  {{:hr:brix:file-document-outline-inverted.png?27&direct}} {{:hr:brix:file-document-outline.png?30&direct}}  | Izvješća                 |
|  {{:hr:brix:clipboard-text-outline.png?30&direct}}                                                           |                          |
|  {{:hr:brix:receipt.png?30}}                                                                                 | POS Račun                |
|  {{:hr:brix:settings.png?30}}                                                                                | Postavke                 |
|  {{:hr:brix:tipkaspremi.png?60&direct}}                                                                      |                          |
|  {{:hr:brix:tipkaotvori.png?60&direct}}                                                                      |                          |
|  {{:hr:brix:tipkalansiraj.png?70&direct}}                                                                    |                          |
|  {{:hr:brix:tipkaracun.png?60&direct}}                                                                       |                          |
|  {{:hr:brix:tipkastorno.png?60&direct}}                                                                      |                          |
|  {{:en:brix:buttonrefresh.png?60|}}                                                                          |                          |