# Kalendar (/docs/calendar/calendar-overview)





Kalendar je centralno mesto za upravljanje terminima, pregledom rasporeda i zakazivanjem pregleda. Ovde možete videti
sve svoje termine kao i rezervisano vreme.

### Filtriranje zaposlenih i prostorija [#filtriranje-zaposlenih-i-prostorija]

U gornjem delu kalendara nalaze se dva padajuća menija koji služe za filtriranje prikaza:

1. <StepHighlight number="1" color="1">Padajući meni za zaposlene</StepHighlight> - omogućava Vam da izaberete koje zaposlene želite da vidite u kalendaru
2. <StepHighlight number="2" color="2">Padajući meni za prostorije/ordinacije</StepHighlight> - omogućava Vam da izaberete koje prostorije želite da vidite u kalendaru

<ImageZoom src="comboboxesEmployeesRentals" alt="Padajući meniji za zaposlene i ordinacije" />

## Navigacija kroz kalendar [#navigacija-kroz-kalendar]

Kalendar ima dva prikaza, dnevni i nedeljni. Prikaz se menjaja pomoću dugmadi: <StepHighlight number="1" color="1">Dan</StepHighlight> i <StepHighlight number="2" color="2">Nedelja</StepHighlight>.

<ImageZoom src="calendarNavigation" alt="Navigacija na kalendaru" />

#### Dnevni prikaz [#dnevni-prikaz]

U dnevnom prikazu vidite raspored samo za izabrani dan. Dan možete da menjate:

* Korišćenjem strelica - koristite <StepHighlight number="1" color="3">levu</StepHighlight> i <StepHighlight number="2" color="3">desnu</StepHighlight> strelicu da biste išli na prethodni ili sledeći dan.
* <StepHighlight number="3" color="4">Klikom na datum</StepHighlight> - klikom na datum se otvara <StepHighlight number="4" color="5">kalendar</StepHighlight> gde možete da izaberete željeni dan

<ImageZoom src="dayNavigation" alt="Dnevni prikaz kalendara" />

#### Nedeljni prikaz [#nedeljni-prikaz]

U nedeljnom prikazu vidite pregled čitave nedelje. Nedelju možete da menjate koristeći <span className="hlt-1">strelice levo/desno</span>.

<ImageZoom src="weeklyView" alt="Nedeljni prikaz kalendara" />

## Zakazivanje termina [#zakazivanje-termina]

Zakazivanje termina je jednostavan proces koji se sastoji od nekoliko koraka:

### Korak 1: Izbor vremenskog slota [#korak-1-izbor-vremenskog-slota]

Kliknite na slobodan termin u kalendaru da biste započeli zakazivanje.

<ImageZoom src="slotHover" alt="Izbor termina u kalendaru" />

### Korak 2: Izbor usluge [#korak-2-izbor-usluge]

Nakon što kliknete na kalendar otvoriće Vam se prozor gde možete da izaberete uslugu koju želite da zakažete. Imajte
na umu da **usluge možete i da pretražujete**.

<ImageZoom src="serviceSelection" alt="Izbor usluge" />

### Korak 3: Izbor pacijenta [#korak-3-izbor-pacijenta]

Nakon izbora usluge otvoriće Vam se prozor za izbor pacijenta. Imate dve opcije:

#### Postojeći pacijent [#postojeći-pacijent]

Postojećeg pacijenta izaberete tako što ih nađete <StepHighlight number="1" color="1">putem pretrage</StepHighlight>.
Zatim kliknete na <StepHighlight number="2" color="2">rezultat pretrage</StepHighlight> i kliknete na dugme
<StepHighlight number="3" color="3">"Izaberi"</StepHighlight>.

<ImageZoom src="selectExistingPatient" alt="Pretraga postojećih pacijenata" />

#### Novi pacijent [#novi-pacijent]

Klikom na dugme <StepHighlight number="1" color="1">"Novi pacijent"</StepHighlight> pojavljuje se formular gde
možete da unesete:

1. <StepHighlight number="2" color="2">
     Ime
   </StepHighlight>
2. <StepHighlight number="3" color="3">
     Prezime
   </StepHighlight>
3. <StepHighlight number="4" color="4">
     Broj telefona
   </StepHighlight>

Klikom na dugme <StepHighlight number="5" color="5">"Izaberi"</StepHighlight> nastavljate sa zakazivanjem. Kada zakažete termin,
sistem će automatski otvoriti karton novom pacijentu.

<ImageZoom src="selectNewPatient" alt="Dodavanje novog pacijenta" />

### Korak 4: Potvrda zakazivanja [#korak-4-potvrda-zakazivanja]

Nakon što izaberete pacijenta (postojećeg ili novog) kliknite na dugme "Zakaži termin" da biste potvrdili zakazivanje.

### Dodatne opcije [#dodatne-opcije]

#### Izmena trajanja usluge [#izmena-trajanja-usluge]

Dužinu usluge možete da izmenite klikom na <StepHighlight number="1" color="1">olovku pored vremena usluge</StepHighlight>.

#### Izmena cene usluge [#izmena-cene-usluge]

Cenu usluge možete da izmenite klikom na <StepHighlight number="2" color="2">olovku pored cene usluge</StepHighlight>.

#### Dodavanje usluga [#dodavanje-usluga]

Dodatne usluge možete da dodate u termin klikom na dugme <StepHighlight number="3" color="3">"Dodaj uslugu"</StepHighlight>.

<ImageZoom src="bookingAdditionalOptions" alt="Dodatne opcije prilikom zakazivanja termina" />

## Pregled zakazanog termina [#pregled-zakazanog-termina]

Kada zakažete termin, klikom na taj termin u kalendaru se otvara prozor sa podacima o terminu. Tu možete da:

1. <StepHighlight number="1" color="1">Otvorite karton pacijenta</StepHighlight> - Ovo Vam omogućava da u dva klika idete iz kalendara u karton pacijenta.
2. <StepHighlight number="2" color="2">Zatvorite pregled termina</StepHighlight> - Ako ste samo hteli da vidite podatke o zakazanom terminu, možete da zatvorite pregled termina klikom na ovo dugme.
3. <StepHighlight number="3" color="3">Izmeni termin</StepHighlight> - Ako želite da izmenite zakazani termin kliknite na "Izmeni termin". Prozor za izmenu termina je isti kao prozor za zakazivanje novog termina.
4. <StepHighlight number="4" color="4">Obriši termin</StepHighlight> - Ako želite da obrišete zakazani termin kliknite na dugme "Obriši termin" i potvrdite brisanje.

<ImageZoom src="viewAppointment" alt="Pregled zakazanog termina" />

## Blokiranje vremena u kalendaru [#blokiranje-vremena-u-kalendaru]

Ako treba da blokirate vreme u kalendaru a nije u pitanju termin (imate pauzu, morate nešto da obavite, itd.) možete da
kliknete na dugme <span className="hlt-1">"Blokiraj vreme"</span>.

<ImageZoom src="blockTime" alt="Dugme za blokiranje vremena u kalendaru" />

Tada se otvara prozor gde možete da unesete vreme i datum za blokiranje. Tu birate:

1. <StepHighlight number="1" color="1">
     Datum
   </StepHighlight>
2. <StepHighlight number="2" color="2">
     Vreme (od)
   </StepHighlight>
3. <StepHighlight number="3" color="3">
     Vreme (do)
   </StepHighlight>
4. <StepHighlight number="4" color="4">
     Zaposlenog
   </StepHighlight>
5. <StepHighlight number="5" color="5">
     Prostor
   </StepHighlight>

za koje blokirate vreme. Ako želite da blokirate vreme samo za zaposlenog, izostavite prostor. Isto važi i ako želite
da blokirate vreme samo za prostor.

<ImageZoom src="blockTimeModal" alt="Prozor za blokiranje vremena" />