Jednostavno investiranje u ETF-ove kroz Finax robo-savjetnik

Kada ste si osigurali fond za “crne dane”, odabrali dobrovoljni mirovinski fond i možda malo špekulirali sa kriptovalutama vrijeme je za “pravo” investiranje, možda upravo kroz Finax robo-savjetnik. Pravo pod navodnicima zbog toga što korištenjem robo-savjetnika nemate neku kontrolu, osim koliko ćete i kada sredstava uplatiti, ali o tome više u nastavku.

Prije nego odlučite kome dati svoj novac na upravljanje potrudite se detaljno istražiti o kakvoj se tvrtki i kakvom proizvodu radi. Najlakše je uplatiti novac i igrati se investitora, ali ako kasnije ne možete do tog novca jer niste znali u što ulažete i koji su rizici onda nikakve koristi od svega toga.

Uvod

Ako čitate ovaj blog post vrlo je vjerovatno niste “na ti” sa investiranjem u financijske insturumente i želite se o tome više informirati. Također vrlo je vjerovatno da kada i krenete s investiranjem da će u pitanju biti manji iznosi što nas opet dovodi do zaključka da će i prinos biti u tom rangu – manji. Sve to vas ne treba obeshrabriti, ali treba zadržati dozu realnosti i ne voditi se iluzijom o nekakvoj laganoj, brzoj i velikoj zaradi.

Što je robo-savjetnik i zašto on, a ne “pravi” broker?

Kada se odlučite za investiranje imate dvije opcije.

Prva je odabrati “pravog” brokera kod kojega možete investirati novac u odabrane investicijske instrumente i potražiti savjet ili pomoć. Taj broker ima svoje troškove, njegova brokerska kuća treba svim tim djelatnicima isplatiti plaće, pokriti ostale troškove i ostvariti dobit. To sve ide u određenom postotku iz vaše investicije. “Pravi” brokeri često imaju točno određen minimalan iznos investicije od npr. 5000€. Uz to često imaju i naknade za neaktivnost, povlačenje sredstava s računa i sl. Investitorima početnicima sve to može biti velika prepreka. Pogotovo kada su u pitanju manje mjesečne uplate.

S druge strane, postoje računalni sustavi koji to sve automatiziraju na bazi matematičkih pravila i algoritama. Za početak vam pomognu odabrati adekvatnu investicijsku strategiju, a onda automatiziraju upravljanje vašom investicijom. I takva vrsta usluge ima svoje troškove jer i taj sustav je netko napravio, održava ga i razvija. Ipak, njihovi troškovi su niži jer je interakcija s osobama koje stoje iza toga svedena na minimum ili nepotojeća. Zbog toga si robo-savjetnici mogu dopustiti naplatu manjih naknada. Još jedna prednost robo-savjetnika je što često nemaju određen minimalni iznos investicije, a ako ga i imaju vrlo je nizak. U slučaju Finaxa to je 20€ (150kn). Sve to kako bi privukli investitore početnike.

Robo-savjetnici

Kada se “pravi” brokeri izbace iz jednadžbe ostaje za vidjeti što je drugo dostupno u Hrvatskoj.

Najbolji prijatelj i najveći neprijatelj investitora je vrijeme. Najveći prijatelj kada počnete što ranije investirati, pa makar i s manjim iznosima. Najveći neprijatelj ako stalno nešto čekate. Da bude “pravi vrijeme”, da skupite još samo malo više novaca, da neki drugi, treći ili peti robo-savjetnik opet omogući registraciju. Za svo to vrijeme čekanja gubite potencijalni prinos.

Dao sam si rok od početka ove godine sve do sada čekati i pratiti kako će se kretati stanje dostupnih robo-savjetnika za nas u Hrvatskoj, kada će neki od njih opet omogućiti registraciju, hoće li biti promjena u iznosima naknada i sl., ali jednom je i to čekanje moralo prestati i odluka se trebala donijeti.

Osim Finaxa proučavao sam još neke robo-savjetnike dostupne korisnicima iz Hrvatske. Jedan od njih navodno nema naknade, ali ih zapravo ima i nisu skroz transparente pa sam od njega odustao. Drugi robo-savjetnik ima niže naknade od Finaxa, ali ulaže u distribuirajuće ETF-ove što znači da isplaćuju dividendu na što ide porez. Za razliku od Finaxa koji ulaže u akumulirajuće ETF-ove koji ne povlače za sobom poreznu obvezu. Također, dva od tih robo-savjetnika već nekoliko mjeseci (zbog Brexita!?) ne omogućavaju otvaranje novih investicijskih računa.

Zašto Finax?

Finax u zadnje vrijeme provodi dosta “agresivnu” kampanju i teško je ne naletjeti na njihovu reklamu. Relativno su nova tvrtka, osnovani 2018. godine u Slovačkoj.

S obzirom na minimalni iznos investicije od samo 20€ (150kn), stekao sam dojam da su im ciljana skupina manji investitori, početnici, koji mogu izdvajati neke manje mjesečne iznose. Oni s većim kapitalom vjerojatno će svoj novac ipak prije povjeriti “pravom” brokeru s višegodišnjim iskustvom na tržištu.

Finax portfelji
Izvor: https://mytetka.com/

Finax nudi ulaganje u dionice i obveznice putem indeksnih ETF-ova. U ponudi je ukupno 11 investicijskih portfelja s različitim omjerima dionica i obveznica.

Skraćenica ETF dolazi od engleskih riječi Exchange traded fund, i odnosi se na vrstu pasivnih fondova kojima se trguje na burzi. ETF-ove si možete zamisliti kao košare sa različitim dionicama. Koje će dionice određeni fond kupiti, nije vaša stvar. – LovaDoKrova

Koliko to sve košta?

Kada se Finax uspoređuje s ostalim robo-savjetnicima koji su dostupni hrvatskim državljanima činjenica je da su njihove naknade veće.

Finax naplaćuje dvije vrste naknade:

  • naknada za upravljanje u iznosu od 1,2% godišnje
  • naknada za obradu platne transakcije za depozite manje od 1,000€ u iznosu od 1,2%

Za cijenu naknade dobijete:

  • robo-savjetnika koji “govori hrvatski”
  • jednostavnu web i mobilnu aplikaciju
  • mogućnost uplate u kunama
  • automatsko rebalansiranje – smanjuje rizik i povećava prinose na način da zadržava strukturu portfelja u prvobitno odabranom sastavu npr. 70/30

Finax popust

Popust, koji vrijedi 5 godina ili dok vaš prijatelj ili vi ne povučete novac, za naknade možete dobiti na sljedeći način:

  • popust za preporuku – ako dovedete svoje prijatelje i poznanike
  • popust za prijenos ulaganja – za prijenos vlastitih, već uloženih, sredstava od nekog drugog brokera na Finax

Na kraju svatko za sebe treba napraviti izračun koliko i na koji rok planira investirati te na kakav je rizik spreman.

Proces otvaranja računa

Prije same registracije potrebno je odabrati željenu investicijsku strategiju. S obzirom da je u pitanju robo-savjetnik dovoljno je odgovoriti na nekoliko pitanja kako bi dobili preporuku vaše investicijske strategije.

Proces se sastoji od sljedećih koraka:

  1. Analiza
  2. Plan ulaganja
  3. Registracija
  4. Osobni podaci
  5. Potvrda podataka
  6. Ugovor
  7. Plaćanje

1.) Analiza

Najvažniji korak u cijelom ovom procesu je upravo ovaj. Što bolje odgovorite na postavljena pitanja bolja će vam se investicijska strategija predložiti.

Finax analiza

Ovisno o odabranom razlogu ulaganja prikazat će se pripadajuće opcije koje trebate odabrati tj. ispuniti.

  • Razlog ulaganja:
    • Mirovina – “Cilj je da za mirovinu dobijete od Finaxa iznos od pola sadašnjeg dohotka prilagođen za iznos inflacije. Drugi dio mirovine trebao bi biti pokriven iz državnog sistema (stup 1) te eventualno stupova 2 i 3. To je razlog zašto Vas pitamo o Vašem dohotku.”
    • Štednja za djecu – “U slučaju kad želite štedjeti za svako od Vaše djece, otvorite račun za jedno od njih i onda, nakon što se uspješno registrirate, pridodajte račune za ostalu djecu. Nazovite račune njihovim imenom. Vi ćete biti vlasnik računa kako bi držali kontrolu nad upravljanjem sredstvima.”
    • Financijska rezerva – “Financijska rezerva bi trebala pokriti pola godine Vaših troškova. Iz tog razloga Vas moramo pitati za Vaše prihode. Maksimalna strategija rizika za financijsku rezervu je 50/50. Iskoristite efikasno i dugoročno sredstva koja premašuju Vašu rezervu – otvorite drugi račun za stvaranje bogatstva.”
    • Kupnja nekretnine – “Odlučite kad biste željeli kupiti novu nekretninu i koliko trebate uštedjeti da bi se to ostvarilo ili, postavite vremensko razdoblje u kojem biste htjeli ranije otplatiti hipoteku ili kredit. Preporučljivo je uložiti trenutačna sredstva i jednokratno otplatiti hipoteku radije nego redovno koristiti sredstva za vanredna plaćanja.”
    • Kupnja skupih stvari – “Postavite ciljni iznos koji želite uštedjeti ulaganjem. Mi ćemo Vas savjetovati kako da to postignetem portfeljem napravljenjim po Vašoj mjeri.”
    • Stvaranje bogatstva – “Uštedite efikasno i bez plaćanja poreza. Finax će Vam izabrati portfelj točno na mjeru i savjetovati Vas kako stvoriti očekivano bogatstvo.”
    • Redovna renta – “Iz Vaše investicije biti će Vam slana redovna renta zadnjeg radnog dana svakog mjeseca. Napravljeno za klijente s jednokratnim depozitom iznad 375 000 Kn ili za one koji su ulagali s Finaxom 5 ili više godina. Maksimalna strategija rizika je 80/20.”

2.) Plan ulaganja

Prema provedenoj analizi u prethodnom koraku dobit ćete prilagođeni investicijski plan. Ako ste s njim zadovoljni možete nastaviti proces registracije ili ga dodatno prilagoditi.

Na vrhu možete vidjeti ukupni polog kojega bi u tom periodu investirali na svoj Finax račun. Osim toga, ondje se nalaze prosječan očekivani (prosjek temeljen na procjeni ulaganja na period od 30 godina) rezultat, optimističan (10% šanse da se ostvari) i pesimističan (90% šanse da se ostvari) rezultat.

Finax plan ulaganja

3.) Registracija

Dovoljno je unijeti e-mail adresu i željenu lozinku kako bi proces registracije započeo.

Finax registracija

4.) Osobni podaci

U ovom koraku trebate unijeti svoje osobne podatke kako bi se mogao kreirati Ugovor. Za početak možete učitati svoju osobnu iskaznicu ili sami upisati potrebne podatke.

Finax osobni podaci

5.) Potvrda podataka

U ovom ćete koraku trebati unijeti dva različita koda koja ćete dobiti na e-mail i putem SMS-a.

Finax potvrda podataka

6.) Ugovor

U ovom koraku možete provjeriti jesu li svi vaši osobni podaci ispravni te preuzeti svu dokumentaciju. Ako vam uvjeti odgovaraju klikom na “Potpišite ugovor” završavate proces registracije. Nakon toga ostaje vam samo uplatiti početni polog na vaš Finax investicijski račun.

Finax ugovor

7.) Plaćanje

Vaš Finax račun smatrat će se aktivnim nakon prve uplate. Važno je za napomenuti da možete investirati kada i koliko hoćete tj. uplate niti na jedan način nisu obavezne.

Finax plaćanje

Vlastito iskustvo

Odlučio sam testirati kako u praksi funkcionira Finax robo-savjetnik. Odlučio sam se za mjesečno investiranje u eurima (€) putem Revoluta i portfelj od 70% dionica i 30% obveznica na rok od 10 godina.

Zašto baš 70/30? Vodio sam se logikom da uzmem onoliki postotak obveznica koliko imam godina. S obzirom da sam u ranim 30-im godinama to je značilo 30% obveznica. S godinama će moj stav prema riziku vjerovatno postajati konzervativniji pa bi i postotak obveznica mogao rasti.

Finax Portfelj
Izvor: Finax

Zaključak

Nisam investicijski savjetnik i ovaj blog post ne predstavlja financijsko savjetovanje niti preporuku, ali vam može pružiti opći pregled jednog od robo-savjetnika dostupnih na domaćem tržištu. Kao što sam već napisao ranije u blog postu, odluka o investiranju je isključivo na vama. Čak i mali iznos investicije može biti odličan start u financijskom svijetu. S vremenom ćete naučiti više o raznim vrstama investiranja pa se možda odlučiti i na samostalno slaganje vlastitog portfelja. Do tada vam možda upravo Finax može pomoći u prikupljanju dovoljno kapitala za ozbiljnije investiranje.

Akademija projektnog menadžmenta (PMBOK®)

Ovim blog postom želim se osvrnuti na edukaciju iz projektnog menadžmenta, prema Project Management Body of Knowledge (PMBOK® Guide) standardu, koju sam pohađao.

Kako je provedena edukacija?

Akademija projektnog menadžmenta bila je osmišljena na način da je svaki od polaznika ujedno bio voditelj, ali i član. Nakon provedene edukacije dobili smo konkretne projekte koji će se tijekom ove godine provoditi u firmi. Provođenje će ići u nekoliko faza. Neki od projekata već su započeti i ostaje za vidjeti konkretne rezultate.

5 mjeseci i 130 sati edukacije bilo je raspoređeno na predavanja uživo koja su se održavala jednom tjedno u trajanju od po 5 sati. Uz to smo imali mogućnost korištenja Virtualne učionice putem koje nam je omogućen pristup svim pisanim i video materijalima.

Edukaciju je vodio dr. sc. Vladimir Grebenar, pred., univ. spec. oec. PMP, BSMP, KPIP, OIP, CBC.

Virtualna učionica

Na akademiji su stečene sljedeće vještine i kompetencije:

  1. Opisati proces iniciranja projekta iz procesa strateškog upravljanja.
  2. Opisati model organizacije projektnog menadžmenta.
  3. Testirati održivost projektne ideje kroz poslovne dokumente: poslovni slučaj i plan koristi od projekta.
  4. Generirati odluke o prihvatljivom opsegu projekta temeljem analize dionika i zahtjeva projekta.
  5. Upravljati vremenom u projektu i analizirati pokazatelje učinkovitosti upravljanja vremenom.
  6. Upravljati troškovima u projektu i analizirati pokazatelje učinkovitosti upravljanja troškovima.
  7. Jasno i koncizno kreirati definicije projektnih ciljeva i koristi od projekta.
  8. Primijeniti procese inicijacije i planiranja projekta (PMBOOK, ISO 21500 i OpenPM2).
  9. Upravljati projektnim prilikama i projektnim prijetnjama kao projektnim rizicima.
  10. Primijeniti procese izvršavanja, kontrole i zatvaranja projekta (PMBOOK, ISO 21500 i OpenPM2)
  11. Izraditi dokument “Projektni prijedlog” ili “Projektna povelja” integracijskim pristupom.
  12. Izraditi dokument “Plan upravljanja projektom” inregracijskim pristupom.
  13. Primijeniti plan upravljanja projektom za izradu projektne prijave za EU (su)financirane projekte.
  14. Upoznati smjernice za agilni pristup upravljanja projektima.
  15. Protumačiti 5 stupnjeva liderstva i 20 načela liderstva važnih za osoban i profesionalan rast.
  16. Izgraditi stav o važnosti etičnog i profesionalnog pristupa izvršavanju poslovnih aktivnosti.

1 sekunda videa svaki dan

Zadnji je dan 3. mjeseca i pravo vrijeme za objavu retrospektive ovomjesečnog izazova. S obzirom da sam na početku mjeseca išao na put nije mi bilo praktično odabrati izazov kao što je npr. hodati svaki dan 10 000 koraka tako da je ovaj izazov došao kao naručen. 1 sekunda videa svaki dan nešto je što se može provesti u djelo.

Svaka od tih sekundi predstavlja jedan dan, jedan trenutak, jedan osjećaj. Te sekunde nisu uvijek nešto spektakularno jer život se ne sastoji samo od posebnih trenutaka. Između njih nalazi se puno sekundi kada se nešto jednostavno mora napraviti. Jedna sekunda videa zapravo obilježava svakodnevne trenutke i ističe ih na način koji zaslužuju.

3. mjesec 2021. godine na ovaj je način bio ispunjen zanimljivim aktivnostima jer htio to ili ne uvijek mi je negdje u mislima bilo da taj dan moram snimiti jednu sekundu videa. Htio sam da svaki dan nešto znači i kada vidim tu sekundu želim osvijestiti taj trenutak.

Nakon montaže mi je postalo jasno što se sve događalo ovaj mjesec. Mogu tek zamisliti kako bi to izgledalo kada bi montirao video za svaki mjesec ili jedan za cijelu godinu. U 365 sekundi na taj bi se način mogla obilježiti cijela godina.

Za snimanje i montažu koristio sam 1 Second EveryDay aplikaciju.

Prošli izazovi:
01/2021 – Čitanje knjige 15 minuta dnevno
02/2021 – 30-dnevni blog izazov

Kako jednostavno kupiti Bitcoin, i druge kriptovalute, iz Hrvatske

Sakupili ste fond za “crne dane”, možda odabrali i dobrovoljni mirovinski fond i sada želite kupiti Bitcoin?

Ako je odgovor na prvi dio pitanja “ne” nemojte čitati dalje tj. strpite se sa kupovinom kriptovaluta, jer one nisu nešto u što ćete uložiti novac bez kojega ne možete. U suprotnom Bitcoin mjenjačnica može biti rješenje za vas.

Uvod

Čuli ste za Bitcoin, ali još ne znate gdje i kako ga kupiti? Ili ste zainteresirani za neku drugu kriptovalutu?

Ako ste odlučili ići najjednostavnijim načinom i plaćati kunama, sve što vam treba je običan tekući račun. Pa čak niti to ako se zaputite u poslovnice banke, pošte ili Fine gdje kriptovalute možete platiti gotovinom. Ipak, u ovom blog postu zadržat ću se na kupnji “preko Interneta”.

Kripto novčanik

Prije kupovine trebate odabrati kripto novčanik. To može biti fizički uređaj u obliku USB sticka, program za računalo, web ili mobilna aplikacija. Svaka od tih vrsta kripto novčanika ima svoje prednosti i mane. Također prije odabira novčanika provjerite koje kriptovalute u njemu možete držati.

Ovo je jako bitno i svakako ih prije odabira detaljno “proguglajte” kako bi mogli odabrati onaj koji će najbolje odgovarati vašim potrebama.

Neki od poznatijih kripto novčanika:

– Fizički, hardware, novčanici: Ledger Nano, Trezor,…
– Mobilni novčanici: Trust, BRD,…
– Desktop novčanici: Electrum, Exodus,…

Dalje neću ići u detalje jer ovo može biti tema sama za sebe. U svakom slučaju uzmite si vremena detaljno ih istražiti.

Bitcoin mjenjačnica

Bitcoin mjenjačnica

Kada ste se odlučili za kripto novčanik možete se zaputiti na bitcoin-mjenjacnica.hr i započeti proces kupnje.

Prednosti ove mjenjačnice:
Nema registracije tj. ne trebate prolaziti proces otvaranja korisničkog računa i ostavljanja osobnih podataka.
Jednostavno sučelje. Odmah vidite što kupujete, čime kupujete i kako kupujete.
Fiksni tečaj koji se “zamrzava” čim potvrdite uplatu. Neovisno o tome kada će Bitcoin mjenjačnica primiti novac koji ste uplatili vi ćete dobiti točno onaj iznos kriptovaluta kojeg ste u trenutku kupnje platili.
Račun trebate čekati nekoliko dana, ali ćete ga dobiti tj. preuzimate ga na istom onom URL-u kojega ste dobili na e-mail nakon potvrde kupovine.
Korisnička podrška na hrvatskom. Nisam ih osobno kontaktirao, ali koliko sam ‘guglao’ brzi su s odgovorima.

Kao nedostatak naveo bi tečaj/provoziju/naknadu od oko 1.5-2.5% što je više nego kod stranih mjenjačnica. Ali dobiju se sve navedene prednosti pa je njih ipak više.

Proces kupovine

Proces kupovine vrlo je jednostavan iako se na prvu ovih nekoliko koraka može činiti kompleksnim. Pogotovo ako inače niste “na ti” sa kupovinom preko Interneta.

1. korak – odabir načina plaćanja

Izbor načina uplate

Kriptovalute na ovoj mjenjačnici možete kupiti na tri načina:

1 – Bankovni transfer (HRK) – prijenos između hrvatskih bankovnih računa.
2 – Gotovina (HRK) – uplata gotovine na šalterima banaka, pošte ili Fine.
3 – SEPA/EU bankovni transfer (EUR) – prijenos između EUR bankovnih računa. Npr. koristeći Revolut.

2. korak – odabir kriptovalute

Odabir kriptovalute

Ovdje odabirete kriptovalutu koju želite kupiti. Dovoljno je kliknuti na logo i kriptovaluta će biti odabrana.

3. korak – formu za kupovinu

Bitcoin mjenjačnica - priprema kupovine

U ovom koraku potrebno je ispuniti formu za kupovinu.

U polje HRK unosi se iznos u kunama za koji želite kupiti kriptovalutu. Istovremeno će se u polju BTC prikazati koju količinu te kriptovalute možete dobiti za uneseni iznos kuna. Moguće je obrnuto.

Također, potrebna vam je adresa kripto novčanika na koju će se poslati kupljena kriptovaluta i e-mail adresa na koju će stići detalji narudžbe.

4. korak – uplata

Uplata za Bitcoin

Za dovršetak ovog koraka imate 15 minuta. Nakon izvršene uplate, kliknite na gumb “Uplaćeno je”. U tom trenutku “zaključat” ćete fiksni tečaj.

Potvrda plaćanja

5. korak – uplata je potvrđena

Korisnik je potvrdio uplatu

Sada preostaje jedino čekati da uplata bude provedena. Kada se to dogodi kupljena kriptovaluta biti će vidljiva u kripto novčaniku.

6. korak – uplata je provedena

Kupnja završena

I to je to. Uplata je provedena. Kriptovalutu je sada moguće vidjeti u kripto novčaniku.

7. korak – preuzimanje računa

Preuzimanje računa

Za preuzimanje računa je potrebno čekati nekoliko dana. Njega je moguće preuzeti na istom URL-u gdje su vidljivi i detalji narudžbe.

Zaključak

Kao što se može vidjeti proces kupovine stvarno je jednostavan. Ovo može biti super način za ući u svijet kriptovaluta. Brzo i jednostavno možete osjetiti što znači kupiti Bitcoin tj. posjedovati kriptovalutu, a kasnije se dodatno obrazovati kako bi bolje upoznali kripto tržište.

Autor naslove slike Aaron Olson

DevExtreme Pivot Grid & Angular: prikaz i analiza višedimenzionalnih podataka

U ovom ću blog postu pokazati kako implementirati DevExtreme Pivot Grid UI komponentu u Angular projekt. Ona omogućava prikaz i analizu višedimenzionalnih podataka iz lokalne pohrane ili OLAP kocke.

Fokusirat ću se na prikaz podataka prema specifičnim parameterima te načinu na koji te podatke uređivati jer Pivot Grid nativno ne nudi takvu mogućnost.

Pivot Grid prikaz podataka

Prva i osnovna značajka Pivot Grida je prikaz i analizu višedimenzionalnih podataka.

U ovom ću primjeru koristiti strukturu podataka prikazanu u JSON-u kojega je moguće vidjeti ispod. S jedne strane biti će poslovnice, a s druge automobili. Cilj je prikazati količinu naručenih tj. isporučenih automobila ovisno o poslovnici.

Logika aplikacije nalazit će se unutar angular-devextreme.component.ts datoteke koja se temelji na PivotGridDataSource objektu. Za sada će se unutar njega nalaziti samo fields niz i store objekt.

Poslovnice će se nalaziti krajnje lijevo area: "row", a automobili na vrhu area: "column". Sve ostalo tj. narudžbe prikazuju se kao podaci area: "data".

Izgled sučelja biti će definiran unutar angular-devextreme.component.html datoteke.

Od Pivot Grid UI svojstva koristit ću ih nekoliko:

  • showBorders – želim da vanjski rubovi budu vidljivi.
  • showColumnGrandTotals – ne želim prikazivati ukupne vrijednosti za kolone. Ovo bi se inače prikazivalo krajnje desno.
  • showRowGrandTotals – želim na dnu prikazati ukupne vrijednosti.
  • Sve to zajedno na kraju daje sljedeće:

    DevExtreme Pivot Grid - osnovni prikaz

    Pivot Grid – promjena izgleda polja

    Ako želim dodatno prilagoditi prikaz određenih polja to mogu napraviti koristeći onCellPrepared metodu.

    U ovom slučaju hoću napraviti tri grafičke izmjene. Stupac “Naručeno” će imati sivu pozadinsku boju i podebljane brojeve, ukupne vrijednosti na dnu također će biti podebljanje, a vrijednosti koje za “Isporučeno” imaju null će imati crvenu pozadinsku boju kako bi bila uočljivija.

    Na ekranu bi to izgledalo ovako:

    Pivot Grid onCellPrepared

    Međutim, niti jedno polje nema crvenu pozadinsku boju. Razlog je što Pivot Grid sve null vrijednosti vidi kao 0 i zato uvjet e.cell.value === null nije zadovoljen. Ali ako stavim e.cell.value === 0 stanje će biti puno drugačije.

    Pivot Grid onCellPrepared

    Iz podaciDemo niza se može vidjeti da narudzba_isporucenakolicina može imati vrijednosti null. To znači da bi vrijednost za “POSLOVNICA VK” i automobil “Fiat Panda” trebala imati crvenu pozadinsku boju jer je narudzba_isporucenakolicina = null, a kombinacija POSLOVNICA VK” i “Kia Rio” ne bi trebala imati crvenu pozadinsku boju jer ima vrijednost narudzba_isporucenakolicina = 0.

    Pivot Grid – prikaz null vrijednosti

    Kako bi u PivotGridu mogao prikazati null vrijednosti i razlikovati ih od vrijednosti 0 koristiti ću calculateCustomSummary funkciju. Tu ću funkciju vezati uz polje dataField: "narudzba_isporucenakolicina".

    Sada se na ekranu može vidjeti da istovremeno imam prikazane vrijednosti za isporučenu količinu i kao null i kao 0.

    Pivot Grid calculateCustomSummary

    Omogućiti klik na odabrano polje

    Želim omogućiti klik samo na polje koje pokazuje isporučenu količinu, ali isključivo za poslovnice i automobile koji imaju unesenu naručenu količinu. Znači, ne želim da se u koloni sa isporučenom količinom može kliknuti na prazno polje jer nema smisla unositi isporučenu količinu ako ništa nije naručeno.

    Za to ću koristiti onCellClick funkciju.

    Iz prikazanog se može vidjeti da klik na prazno polje ne radi ništa, klik na crveno polje dohvaća vrijednost null, a klik na polje za unesenom količinom dohvaća tu vrijednost. U ovom slučaju ta vrijednost je 10.

    Pivot Grid onCellClick

    Pivot Grid dohvaćanje vrijednosti polja

    Pivot Grid je primarno kreiran s ciljem prikaza podataka tj. prema dokumentaciji nema mogućnost jednostavnog uređivanja podataka kao što je to slučaj kod Data Grida, barem ju nisam našao, ali sam znao da mora postojati neko rješenje.

    Za početak želim prikazati nekakvu formu unutar koje će se vrijednost polja moći urediti. Za to ću iskoristiti Popup UI komponentu. Unutar nje definiram dxTemplate što mi omogućava daljnju prilagodbu sučelja za uređivanje isporučene vrijednosti.

    Za dohvaćanje vrijednosti kliknutog polja koristit ću Drill Down.

    Klikom na polje isporučene količine prikazat će se sljedeće:

    PivotGrid DxPopup DrillDown

    Kao što se iz prikazanog može vidjeti dohvaćeni su podaci prikazani na vrhu blog posta.

    Pivot Grid uređivanje vrijednosti polja

    Popup iz gornjeg primjera je potrebno prilagoditi na način da se kreira input polje za izmjenu isporučene količine. Klikom na polje sa već unesenom isporučenom količinom ista će se prikazati unutar input polja. Ako je polje prazno isto će biti i input polje.

    U GIF-u se može primjetiti da uređivanje isporučene količine uredno prolazi, ali uz jedan problem. Prilikom svakog spremanja isporučene količine cijeli se Pivot Grid osvježi i vrati u krajnju lijevu poziciju. Naravno da to nije praktično. Uz to, prilikom otvaranja popupa polje za unos količine nije fokusirano (crvena podcrtana linija) nego je na njega prvo potrebno kliknuti.

    U nastavku ću pokazati kako riješiti oba problema.

    Pivot Grid uređivanje

    Osvježavanje samo uređenog podatka

    Jedan od problema koji se stvorio nakon što je omogućeno uređivanje podataka je to što se sada cijeli ekran osvježi i onda se svaki put iznova mora skrolati do točno određenog polja kako bi se nastavilo uređivanje. To nikako nije praktično i bilo je potrebno pronaći rješenje.

    U ovom će mi slučaju pomoći ArrayStore, ali tek kada prilagodim prikaziNarudzbe() funkciju. Kao što se može vidjeti this.podaciDemo se sada dohvaćaju upravo kroz ArrayStore. Kroz key parametar identificiram unikatnu vrijednost pomoću koje Pivot Grid može znati koju vrijednost će osvježiti.

    Podatke nakon unosa osvježavam pomoću update(key, values) metode unutar funkcija spremiKolicinuButton() i spremiKolicinuEnter().

    Uz to, kada se popup otvori polje za unos isporučene količine nije fokusirano i prije unosa potrebno je na njega kliknuti. To također nije praktično. Ovo se vrlo lako riješi kroz onShown funkciju.

    Na kraju to izgleda ovako:

    PivotGrid Reload

    Zaključak

    Naravno, ovo je samo dio mogućnosti koje DevExtreme Pivot Grid ima, ali dovoljno da pohvatate osnove i shvatite na koji način funkcionira.