User:Limbosaur/sandbox

SNIPPET LIBRARY:
for petlja ECMA6 dataList.forEach(elem => {if (elem == undefined){}}) array concat ECMA6 elem = [endOfArray,...elem]; array concat JS elem = [].concat(endOfArray, elem); event emiter import { EventEmitter } from '@angular/core'; // import

@Output onRoleChange = new EventEmitter ; // output

data.onRoleChange.emit(userRole); // action Varijable, tipovi podataka, arrow funkcija, interfaces, klase, objekti, konstruktori, modifikatori ulaza, modifikatori ulaza u konsruktorima, property, moduli

https://www.youtube.com/watch?v=NjN00cM18Z4

Material multiselect angular

















UNIIQUE or distinct from array based on ID

const filteredArr = this.userRoles.reduce((acc, current) => {

const x = acc.find(item => item.referentTypeId === current.referentTypeId && current.role.roleInfoId === item.role.roleInfoId);

if (!x) {

return acc.concat([current]);

} else {

return acc;

}

}, []);

REMOVE array object from data based on index

const index = this.userRoles.indexOf(element);

if (index !== -1) {

this.userRoles.splice(index, 1);

}

Interface primjer

export class RoleInfo{

roleInfoId?:string;

name?:string;

restrictionLevel?:string;

type?:string;

description?:string;

value?:string;

length: number;

}

Frontend Libraries Used

 * Angular Material 7.3.1. ( https://www.youtube.com/watch?v=Fcr-gM-QThc )
 * Bootstrap 4.1.3.
 * HammerJS 2.0.8.

06.06.2019.
commit - 20204fed950e8eb618c9112282e930e8c3960ed2  #176 - UPDATE:

- removed bootstrap reference from package.json

- added barebones-css package

- styles used in bootstrap.css that are not grid are now in styles.css

commit - 97bb2fb82156c95c26031f49b4a1c14c10b3f9ed #177

- added bootstrap based breakpoint on 768px for mobile sidebar

- updated mobile sidebar styling and template based on designs

- added mobile menu scwitcher, pure CSS

07.06.2019.
- commit - 2dd695d59831363b3714086df267f3be777d51f7 #177 - UPDATE

- added breakpoint observer sidebar

- removed breakpoint styling from styles.css

- added animations for sidebar

10.06.2019.
- removed Angular sidebar functionality

- switched toggle menu to Angular NOT JS version

- created icomoon library

- added styling to login page

11.06.2019.
commit aa9e11d0e6b9190f71e6b1d7fe3993e6772643a4 - create reusable elements

- replaced png icons on sidenav with icomoon vector icons

- changed sidenav dropdown action to hover on mobile

- added responsive styling to completed-jobs for main table

- smaller general styling updates

12.06.2019
commit 8e883de6a3f483c7c9a5ea4f46cd8b30c3a01485 - create reusable elements and unauthorized styling

- added desktop and mobile styling and markup changes for unauthorized and login pages

- sepparated tables component into general and users specific part

- cleaning styles file and smaller styling changes

13.06.2019.
commit 585dfe03ac4755b432134c801127f4891d1ec42a

UPDATES:

- fixed table header elements placement issue

- added slider animation to sidebar

- added hover animation effect to primary button

- added styling to table filter component

14.06.2019
commit ea36f87de6174b433b998565a533c43e39838df2

UPDATES:

- fixed table header elements placement issue

- added slider animation to sidebar

- added hover animation effect to primary button

- added styling to table filter component

commit 2315080600ffb937f18b1b5cef3678b4bf19cb39


 * 1) 178 & #179 - create reusable elements and unauthorized styling

- added desktop and mobile styling and markup changes for unauthorized and login pages

- sepparated tables component into general and users specific part

- cleaning styles file and smaller styling changes

17.06.2019
commit 87c3d4909b0972978aff0a77fe57d8a645e46c44

UPDATE:

- relaced png logo with icon version

- added icons localy, removed reference to icomoon library

commit b8c33271a464d5cddece78f60b7bda8f6a39c907


 * 1) 186 - create & style top bar with user dropdown actions

- added mobile styling for top navigation

- changed notification dropdown

- changed general and top bar specific styling for search

- added scrollbar basic styling

- working on adding user initials display on top bar

18.06.2019
commit 4f0e1ce4ad991d1dc9d64a83525a3a9146879d83

- removed SEARCH from topbar

commit 555430a459d495b53400baab9cc2236196b07a1b

- updated auth user display

- smaller styling changes

commit 920af7d161a40fee00930e900edf150a053f4bb9 ( robotiqai_identity )

UPDATE: added login styling from login/unaothorized component

19.06.2019.
commit 555430a459d495b53400baab9cc2236196b07a1b

186 -  Create & style top bar with user dropdown actions

- removed search

- updated auth user display

- smaller styling changes

commit db8eedfc67cf98f8cfb22e571db652308a9d6e1c

UPDATES & HOTFIX:

- fixed settings/departments & settings/teams styles

- updated modals with icomoon close icon

commit cfded74e52780ea0fba39a754d5314bfedff1eb5

HOTFIX:

- fixed issues on team and department pages

- replaced more old png icons with new

- other styling updates

20.06.2019.
commit 7c5db41b2e3b7cba3e892860a5b5a5ea284be523

UPDATES:

- updated manage roles styling and markup

commit 060f1b51f32abcf06cedee3f408d92fedd62b394

UPDATE:

- sorted buttons into design: part -1

commit 817f5f059aed852119a68f6a2284f2cbf38a707f

UPDATE:

- sorted buttons into design: part -2

commit 5415e904683c7e8e7c54ba76821d2dd2474d397c

UPDATE:

- sorted buttons into design: part -3

21.06.2019.
commit 19e1c895ae9a57a5d83faec4968441b08f278872

UPDATE:

- finished standarising robotiq buttons styles into markup

commit ee5a904104a860e44ed27aadce31b8995bf9d0e3

UPDATE:

- close icons styles fixed

commit ff6d913931393d387f3dc52270ea5de92991ad33

HOTFIX:

- resoved issue with radio buttons display

24.06.2019
commit 6e01382b9bd8a4fb205cddff6140accf48af10ff

185 - Style kron editor on 3rd step of create job process

- updated button styles

- updated tables styles robots table

- updated kron job styles

commit da683bbab68012af364e1c4c940b0f165866ae54

185 - Style kron editor on 3rd step of create job process

- added mobile styling for kron job

commit 5c4ec1dea572917607e3f1959e089c2cef84ab0e

185 - Style kron editor on 3rd step of create job process

- font family updated

26.06.2019
commit cab675e4ba2a703f757bab49a5acd85bc8fd0717

HOTFIX:

- buttons material fix - part.3,2,1

commit 3dcf6ff8e1813ef0e192a94c7a935515f716dbf0

UPDATE:

- process page updated

27.06.2019
commit 94e996155115285b9072938b52b9d1094d83a6d4

UPDATE:

- processes markup and styling updates top area

commit 5e22d8b5188f12e02d795c990f0a655a7ce9814d

UPDATE:

- processes markup and styling updates top area - part 2.

commit d36b8011cb1489372463d66f999b266838e6b6d4

UPDATE:

- processes markup and styling updates top area - part 3.

commit ea9c06cefd8c50803af4924e79b1f44c810cfa1e

UPDATE:

- processes markup and styling updates top area - part 4.

28.06.2019
commit 54774d8819b4bbdca7b2372fcc5adeba8d86c88c

HOTFIX:

- processes grid view on 28" screen and larger

commit 4f9b9833ffd4ccd2fca431bee6e6c4cb124948e7

UPDATE:

- added responsive support for tables on mobile - part.1

commit c1442351d04071d95427c2c8add32de540bbff37

UPDATE:

- mobile tables updated cross site

01.07.2019.
commit f0dfa3899679366b619fcf90e5a616d77adf63a9

UPDATE:

- alignment and flex updates on processes page

commit e56022f50a7b9bd18d7a8d63d70dd467d92336dc

MOBILE UPDATE:

- updated mobile display for heading, filter and search are cross site

commit 299242bf3ae3211dbc81ee998fc1e71e2dab2a99

UPDATE:

- paginator alignmnt fixed, tables remove extra borders

02.07.2019
commit 2882c65e61466bd0c4cb5fbcb665a4f16adb7009

UPDATE:

- fixed above 1400px issues tables header

- added styling and markup for cron editor

03.07.2019
commit d8b23afc103d6142ea2a3dfeeaecc922f2595ad5

185 - Style kron editor on 3rd step of create job process

- modified cron job template

- added robotiq styling to radio and input field elements

04.07.2019.
commit 336a5d939028a35a0bf783bd965db25805830174

UPDATE

- browser compatibility changes IE & FF

commit fed63167ca33c3aba907053bc976404081f6cc0b

cron job final updates

https://codepen.io/anon/pen/XLxNZb - editor visualisation

08.07.2019.
commit d7596066b8f093b2ba5a1a37da451726437bd67a

User tables - refactor part 1

commit 87233766a6dc43fb8401e99d7265d07636626b1b

User tables - refactor part 2 & tree editor styles added

09.07.2019.
commit d41b6f8e1b5327a8ff0bce35f311109370e909fb

User tables - refactor part 3

commit 6cb51b8b168381fae478106b68ccca175e734feb

User tables - refactor part 4

- fixed add, manage and delete actions

commit aca415f31b414c3aa92a1a01e41d9f621e47bbb4

User tables - refactor part 5

- final updates, search and styling

10.07.2019.
commit 78294e4150090f7ccbcff4b3e4d493a8c222c932

HOTFIX:

- updated modules references for users/settings

commit 588b6ed547c39fedcc6caa8ff24b3f151192f7f2

HOTFIX:

- user initials missing

commit acdcfe780d770f58a3283aa6e90b8b71489fc4c8

HOTFIX:

- added new header for processes

- added missing search icons robots/settings/processes

11.07.2019.
commit bdc23d293defe7ec7e91dcbf967da8af58e2ad99

HOTFIX:

- modal users added arrows, added spacing

commit a1dcb056ed3d24940f94070b68d1a94ea2303504

HOTFIX:

- centered the arrows and title

commit 591d5a69698456f660771d102227d10e1defcace

UPDATE:

- added more spacing modals

commit a62dec5a9fdd34a4ace86213cd795b2db36df51f

UPDATE:

- multiple styling updates & fixes

commit f67d77d0d69611e3a5bab069ac3d743d99218ce3

UPDATE:

- updated mobile processes tables

- updated tree display styles

12.07.2019.
commit 56dca9b5e08867ab18b81f41989fc0cc6ecb3bff

175 - CSS Improvements

- updated colors to variables

- multiple mobile and desktop styling updates

commit aead6ecd617de61158988a5fefab56b576917fa4

UPDATE:

- changed arrow position manage roles

15.07.2019. - 4h
commit 8a7991eac2004b12eeac935b265ae86acf3e8e55

UPDATE:

- styles refactor part 1.

commit 8972363dc2a04ecfc5e279fd1163613ec02e11a9

175 - CSS Improvements

- fixed alignment issues on table header

- replaced old icons with vectors cross site

- fixed font family issues

16.07.2019. -4h
commit 0bdc425221850f7caad4efb3223e66e30cdec776

175 - CSS Improvements

- fixed add/edit team popup position on resize issues

- typography updates

- fixed arrow issues on cron job creation

17.07.2019. - 6h
commit dbf9e4ee3aa2e132af73b3ac7375ce9213b1e419

190 - Redesign user roles dialog component - part 1.

19.07.2019.
commit 47b1e2afb500ebe39150d28908b974a9d94e6861

HOTFIX:

- departments switch number

commit e70da0449a25e99255e314387203024fdfd555a9

190 - Redesign user roles dialog component - part 4./pagination

commit 61e7613b1dcbb69b5cffd9c2a7e569e38d9f013d

HOTFIX: missing pipe

commit 8ffc4cf5def9599166e5c9af63b86ebb3b787420

190 - Redesign user roles dialog component - finished pagination

22.07.2019
commit 09e5ed4e21413370c38d85d3fb06fbe4f76ebd14

HOTFIX - 190

- multiple select for processes

commit 22c0d3ac3d061c002ba4a8b455682018ed34ede0

HOTFIX:

- fixed console error multiselect

PROBLEM: angular material multiselect nije funkcionirao preko multiselecta tako da nisam mogao ni spremiti podatke u array koji je potreban da prikaže MULTISELECT

RJEŠENJE: posložiti prvo preko checkboxova opciju dodavanja podataka, a nakon toga na GET uzeti te podatke u view

       

23.07.2019.
commit 7825105f993954cc71d39f3be0dc5c52bf799082

UPDATE:

- updated multiselect roles

commit 9252ba22905eb21f0cb0a62926ee29595e482a82

HOTFIX:

- updated user role on change event

commit 6d77831db35d49d7eaec6a207c48589b27a4b408

UPDATE:

- replaced multiple mat-select with mat-checkbox

commit 6d77831db35d49d7eaec6a207c48589b27a4b408

UPDATE:

- replaced multiple mat-select with mat-checkbox

PROBLEM: model za mat-select NE funkcionira i ne prikazuje koja je vrijdnost AKTIVNA bez  vrijednosti ref: https://stackoverflow.com/questions/47477167/use-comparewith-function-from-angular-material-mat-select-component-with-linked

<mat-form-field> <mat-select multiple (selectionChange)="onProcessRadioButtonChange(process)"> <mat-select [(ngModel)]="selectedValue" multiple (selectionChange)="onProcessRadioButtonChange(process)"> <mat-option *ngFor="let role of processRoleData" [value]="role.name"> </mat-option> <mat-option>None</mat-option> <mat-option *ngFor="let role of processRoleData" [value]="role"> </mat-option> </mat-select> </mat-select> </mat-form-field>

24.07.2019.
commit 2daec0567f6bf01e14e3838ac47d68b10d87bf6d

UPDATE:

- multiselect with checkbox update

commit eb52d4c3bb1181f0c664113add2bcc6eef4d1c8e

HOTFIX:

- removed colon from process

commit c5313b291309947c78038e9abd886c11f143eae1

UPDATE:

- change-user-roles updated IF

.process-role-select.mat-active .mat-checkbox-background:before {

content: '' ;

position: absolute;

left: 6px;

top: 2px;

display: inline-block;

-webkit-transform: rotate(45deg);

transform: rotate(45deg);

height: 10px;

width: 6px;

border-bottom: 2px solid var(--white);

border-right: 2px solid var(--white);

}

PROBLEM: problem sa nefunkcionalnim multiple selectom probao sam riješiti preko CSSa. Nažalost samo vizualno ne mijenja status CHECKED elementa tako da back to square one. 1 dan izgubljen uzalud.

25.07.2019
commit 2daec0567f6bf01e14e3838ac47d68b10d87bf6d

UPDATE:

- multiselect with checkbox update

commit eb52d4c3bb1181f0c664113add2bcc6eef4d1c8e

HOTFIX:

- removed colon from process

commit 69ea5cad68a7d0c6ed17bcfd81dc07bfab5366de

UPDATE:

- dummy data test UserRole

commit c5313b291309947c78038e9abd886c11f143eae1

UPDATE:

- change-user-roles updated IF

userRole = [{           "referentTypeId":"37b6cd8c-d34c-4a14-b2a9-fae11628be80", "role": { "roleInfoId": "f51863ed-df4b-406d-bba0-3a6f6954c194", "name": "Process Contributor", "restrictionLevel": "HIGH", "type": "PROCESS", "description": null, "value": "PROCESS_CONTRIBUTOR", "deletedAt": null, "updatedAt": null, "createdAt": null }},         {            "referentTypeId":"37b6cd8c-d34c-4a14-b2a9-fae11628be80", "role": { "roleInfoId": "3af5f277-4503-47a0-bb4a-bd3801138306", "name": "Process Viewer", "restrictionLevel": "LOW", "type": "PROCESS", "description": null, "value": "PROCESS_VIEW", "deletedAt": null, "updatedAt": null, "createdAt": null }}]       */        console.log(userRole) this.onRoleChange.emit(userRole); } PROBLEM: prvi put shvatio da posti API modeli na swaggeru http://94.130.36.62:8090/swagger/index.html i kako treba izgledati formatirani GET

RJEŠENJE: formatirati podatke na emiteru tako da postoje role procesa koje imaju isti ID, ali drugačiju rolu

26.07.2019.
commit 9df308f5e550ad46b21338b443535983112ef2e6

UPDATE:

- fixed array emit for multiple roles

commit 5c8776cc6fb2e35f1efc23320e36238354fe7041

UPDATE:

- value checked fixed on multiple select roles

let eventrole = new UserRole if(!(role.role.roleInfoId == event.role.roleInfoId)) { eventrole.referentTypeId = event.referentTypeId; const result = { ...eventrole, event }                roleChanged = true; return result; }              else { roleChanged = true; return event; }          } PROBLEM: konkatenacija u Typescriptu funkcionira drugačije nego u JSu i moram naučiti kako bolje programirati u TSu tj. funkcije typescript

RJEŠENJE: tutorial TYPESCRIPT + Angular

29.07.2019.
commit 7f39d21eb9f68ffa866e208c86c26265f263b9ed

UPDATE:

- value checked fixed on multiple select roles

commit 8c08f9c4732d0076db40e839d4aadc9f95f09db9

UPDATE:

- reminder output change role to array

commit 49de6898b42f4f36635e04b6ef2c6b6c9883a779

UPDATE:

- change-user-role if/else array update

var userRoleArray: Array<{ referentTypeId: string, roleInfoId: string, name: string, restrictionLevel:string, type:string, description: string, value: string, deletedAt: string, updatedAt: string, createdAt: string }> = Array; PROBLEM: podaci nisu bili u Arrayu, iz slike dolje može se vidjeti u konzoli kako izgleda array.

RJEŠENJE: transformirati [object] u {array} ako želim koristiti multiselect

30.07.2019.
commit 5420afbfa4a2756112077fc5e7dea2fb9d7df0ea

HOTFIX:

- added unique distinct for multiple values

commit ddfe160e7eb965d82a68cbcb6c7d277a055e6de1

HOTFIX:

- unique compare roles by "roleInfoId" added

commit e45ea9c4149bce4599da21dd9efd8cd8b5027a0e

UPDATE:

- changed role to array for multiselect display on view

commit 0a0ef3f03bd10a295888e837b1d805382eb74175

UPDATE:

- fixed UserRole saving

- added label for mat-select

// UNIQUE const filteredArr = this.userRoles.reduce((acc, current) => {        const x = acc.find(item => item.referentTypeId === current.referentTypeId);         if (!x) {           return acc.concat([current]);         } else {           return acc;         }       }, []); this.userRoles = filteredArr; } PROBLEM: naći unique vrijednosti u arrayu

RJEŠENJE: filteredArr funkcija u te svrhe

31.07.2019.
commit 4c7b8cf4b31d761cd565f08cafebf729425443aa

HOTFIX:

- fixed display issues for selected option

commit 243aaccd511620a14acf0092858f44f5de1b7658

UPDATE & HOTFIX:

- fixed delete multiple slections

- multiple selection visible on processes

commit d1a7193a94a82c4f4b5427ee6c1d1b91d3f2e9b4

UPDATE:

- multiselect display changes

this.department.processes.forEach(depElem=>{        this.userRoles.forEach(rolElem=>{ if(depElem.process.processId == rolElem.referentTypeId && depElem.role[0].roleInfoId !== rolElem.role.roleInfoId){ depElem.role = [rolElem.role,...depElem.role] }        });       }); PROBLEM: pronaći i usporediti vrijednosti dva objekta i konkatenirati ih zajedno na temelju uvjeta

RJEŠENJE: forEach arrow funkcija koja prolazi kroz sve elemente ili podelement objekta

01.08.2019. (8h)
commit 90bd98fa2fccdea4f4f9924f7ff014f072a33c60

UPDATE:

- finished multiple select for processes

commit 2acb4ba96c39b9804f3a665f4d09d3e9938e9c00

HOTFIX:

- single select <mat-form-field> <mat-select multiple [(ngModel)]="process.rolesChecked" (selectionChange)="onProcessRadioButtonChange(process)"> <mat-option *ngFor="let role of processRoleData" [value]="role.name"> </mat-option> <mat-label> </mat-label> <mat-select [compareWith]="compareObjects" multiple [(ngModel)]="process.role" (selectionChange)="onProcessRadioButtonChange(process)"> <mat-option *ngFor="let role of processRoleData; let i = index" [value]="role"> </mat-option> </mat-select> </mat-form-field> </mat-form-field> PROBLEM: model na mat-select se NE prikazuje kao select opcija već je sve prazno

RJEŠENJE: dodati compareWith koji je dodatna opcija koja označava odabrane opcije, a ne ometa model koji se emitira https://stackoverflow.com/questions/47477167/use-comparewith-function-from-angular-material-mat-select-component-with-linked

02.08.2019. (8h)
commit 372738f53460ae8647d334ce560bf171a10638f1

HOTFIX:

- adding multiple elements fixed

commit f2bbef1b97a6522b7621a144ac01f16b1e52bd68

UPDATE:

- replaced distinct method

- removed forms dependecy

05.08.2019. ( 0h )
PROBLEM: pretvorba objekta u array, objekt role se ne možebez greške pretvoriti u array koji je potreban da bi se prikazao u multiple select modu za mat-select

RJEŠENJE:

- https://stackoverflow.com/questions/12792695/typescript-casting-arrays

- https://stackoverflow.com/questions/4215737/convert-array-to-object

- https://www.typescriptlang.org/docs/handbook/basic-types.html

ZAKLJUČAK: interface RoleInfo se kuristi svugdje i nije pogodan da bude tuple tj, ima više mješanih tipova podataka. Moguće rješenje je da definiram novi interface koji je pogodan za array prikaz koji treba process.role podacima. Vidjet ćemo.

06.08.2019. (8h)
PROBLEM: micanje arraya iz forEach arrow funkcije

- https://medium.com/front-end-weekly/stop-array-foreach-and-start-using-filter-map-some-reduce-functions-298b4dabfa09

- https://mariusschulz.com/blog/removing-elements-from-javascript-arrays

RJEŠENJE: double emit je kreirao probleme, rješenje je bilo slati objekt kao input za emiter i na temelju toga odredit sljedeću akciju u changerole komponenti.

Standardni dio koda za for petlje je: this.userRoles.forEach(element => {}) Standardni dio koda za micanje elementa iz arraya je: const index = this.userRoles.indexOf(element); if (index !== -1) { this.userRoles.splice(index, 1);} Još jedan problem je compiler i oblici konkatenacije u Typescriptu: https://www.samanthaming.com/tidbits/49-2-ways-to-merge-arrays

DODATNE INFORMACIJE: https://medium.com/@vitalyb/dont-let-typescript-slow-you-down-92d394ec8c9f

commit a1ece3d8b68edfc85af2697a04584d389efe9df7

UPDATE & HOTFIX:

- changed emiter for multiple object inputs

- fixed multiple adding issues

- optimised code

- added comments

commit 0fd9f6c4be36e387c652a2125a5e9738f3e0231d

UPDATES:

- optimised arrays

- fixed multiple add logic error

07.08.2019. (8h)
commit e280ad699289e3a29e128578995900700d54b535

HOTFIX:

- compiler errors

commit e63468e8311d50040fba5fc3a4e036111b442d66

UPDATE:

- user roles logic added to  team roles

commit 353e2ad8f45a4b20d9b0a856dd9b2b0d43bc58cf

HOTFIX:

- removed all compiler errors

08.08.2019. (8h)
commit 3ad12238085dad8289035bdcc584d07f10b28385

UPDATE:

- edge case testing | single process users

commit aa4273c69103c0de1682b0b62f4f636103c4feee

UPDATE:

- crossbrowser styles updates, alignments

commit 7c03354f7820f337349c1e7f807bb7e76d40d80b

UPDATE:

- regresion testing

- smaller styling updates

- comments added

09.08.2019. (8h)
PROBLEM: na više mjesta u aplikaciji se koriste ugnježđene for petlje koje stvaraju vremensku kompleksnost od O(n na 2) - referenca: https://miro.medium.com/max/631/1*iEbD3x2S5KOiEI6ZOltp9w.png

Cilj je smanjiti kompleksnost algoritma koliko je moguće na tim dijelovima: https://jsperf.com/nested-for-loops-medium/2.atom

Na više mjesta postoji ugnježđene petlje, pitanje je koliko to utječe na brzinu koda. U rolama na nekim mjestima ima čak 5 petlji koje su ugnježđene. Preko vikenda ću kopirati dijelove modela iz swaggera: http://94.130.36.62:8090/swagger/index.html

11.08.2019. (8h)
commit 583ebac6d005025a7d2ae170d795b51026aa289f

UPDATE

- comments updated on team.component

commit 1a556c20f25e64394664a1c74e576b1a236afb2d

UPDATE:

- reduced number of forEach loops in roles.component

12.08.2019. ( 2h)
commit c041d175624bcd803e1c375feff29ef31c7e7c4a

HOTFIX:

- fixed IE "Object doesn't support this action" error

16.08.2019. (0h)
PROBLEM: kako definirati ranking na temelju 2 arraya npr. climbingLeaderboard([100,90,90,80,75,60],[50,65,77,90,102]) https://www.hackerrank.com/challenges/climbing-the-leaderboard/problem

RJEŠENJE: https://jsbin.com/bizeyiwove/edit?js,console

19.08.2019. (0h)
PROBLEM: napraviti riječ veću od postojeće na temelju shuffle koda. https://www.hackerrank.com/challenges/bigger-is-greater/problem

RJEŠENJE:https://jsbin.com/cudekup/103/edit?js,console

https://jsbin.com/webokiwule/21/edit?js,console

20.08.2019. (8h)
commit c25481ce4568408d6b1de24ad2bbac7e3dba0da4

-UPDATES AND FIXES:

- fixed process edit option right alignment issues

- added numbering for processes

- replaced a part of .png icons with .svg

21.08.2019. (8h)
- commit 26e86e1908ce386ed8502201500b74c1cca782ac

UPDATE:

- process steps visual styling

- commit c9428324d6e6a9efdc6a25a1640003c327d02b00

UPDATES:

- process edit screen & icons

22.08.2019. (8h)
- commit 3a5936e2b47275574064e189fb79b0cfac903103

UPDATES:

- added tree begin connector

- added missing icons & replaced png icons

- added 2 level debth background colors

- tested on FF and fixed issues

- removed connector from dragging element

23.08.2019. (8h)
- commit db35990a79c57521412f1181235f3e5b2595596d

UPDATES & FIXES:

- replaced all .svg single icons with references

- added two missing icons to icomoon set

- improved dragg for last element

- added 5 level depth bg

- icons alignment

- other styling updates

- commit c9b307c492bad77d3c0c2414ddb7cefb585ee56e

HOTFIX:

- added missing top navigation circle icons

26.08.2019. (8h)
commit d83261b506456f61382ce8f96b8cba108c26c706

UPDATES & FIXES:

- fixed L2 and L3 connectors if-else & else

- added color var

- fixed overlay issues sidenav/topnav/overlay

27.08.2019. (8h)
commit d93e5e32744412f887e9c7f45053b95c748cf360

UPDATES

- side panel steps z-index fix

- added new icons from design

- update lines on else-if/if/else L3

commit 33066009989812e7dcb32d7bce2137088aaabeeb

UPDATES:

- L3/L4 if-else-else-else updates

- added svg icons to assets

- z-index connectors updates

28.09.2019. (10h )
commit 060091d3f57a95e7fad5124cfe6709815fd399e0

UPDATES:

- ? replaced with new icons

commit 4a0d6002e8083ecaf40e10c60bac3bd786d98023

HOTFIX:

- missing aritmetic operator icon

commit 001e3f92e06a9583c02d83b34b8403fe61a5d64d

UPDATES & FIXES:

- removed old redundant icons

- top nav dropdown styling

- added references for new icons

- fixed L3/L4 Else-If/If/Else vertical lines position and z-index

- fixed L3/L4 Else-If/If step z-index

- started work on zoom option

- other styling updates

commit 1209fac9db2448c14526ec0e32d34e3ee6996788

FIXES:

- fixed L2/L3 else/if-else connectors missing

29.08.2019. (8h)
commit 776b6d6cd9ef4d77efc6765fa0cff02f633997b9

UPDATES:

- fixed L1- L5 nested if condition

commit 5e35c19e3474eb44aea8fb1368c6a0fea7d0368b

UPDATES:

- if-else / else variations update

- added fullscreen mode

- other styling updates

30.08.2019.(10h)
commit 3571e6692180f94afc61849e711181a8c083763c

UPDATES:

- added plus icons to set

- added zoomIn/zoomOut screen functions

- full screen update

commit 224e70eb09df83b0d529db93742d67ab2d49c7bd

FIXES:

- fixed group display bg

- fixed loop display bg

- fixed do-while display bg

- fixed if display bg

commit 58b4e12941b16e057f0bad2d562b835e9fb61a34

FIXES:

- fixed missing line and depth color loops

commit dfb6bc07b3418f50b227aa9453125f0f068ac725

FIXES

- fixed adding last element

commit 1c6aff48a3625accff606814523acc59f3d9e266

FIXES:

- group step updated bg colors 5 level

commit a12f6f95a0f989840e9c7cfa726433ae36be936a

UPDATES:

- removed redundant code

- smaller fixes and updates

commit 689b280259169706b96291a68b3d178a484cac0e

HOTFIX

- nested if loop connector color

02.09.2019.
commit 7fe92062d2913e54bf59777b7ada893d75a20784

UPDATES & FIXES:

- fixed if condition - design list 13

- step-options styling update

- variables color update cross styles

commit 683a6ebb4e2cd6386590700cae9d0b52e3dd2587

UPDATES

commit ce262ba239935792745183f3db256385e9677d1c

FIXES:

- fixed sidebar & nav z-index

commit ecd5f6ae6e9275f5468b4762342b638b98432cc9

UPDATES:

- editor 8/11/13 screens updates and QA

03.09.2019.
commit a8c47ce3d13bd441c5763abed6c6345943622e3a

UPDATES:

- added new icons

commit 7f780065f472da9e4d0b840209e8310f7f69316e

FIXES:

- fixed if condition positioning

commit 5e11bb372c95430c9bc920c8f5684d3e71d9f83a

UPDATE:

- rounded corners failed commit

commit 361940e604ec7f066c6691300d205b68f38d6c65

HOTFIX:

- delete circle z-index

04.09.2019.
commit 38ecce433fac488cf3d080ef92808e2f25d94d98

UPDATES:

- rounded corners updates

- alignment fixes & padding fixes

commit bde237253a23977a46e88960e0f3f661a3e427c5

FIXES & UPDATES:

- dragg options updates alignment

- display elements processes display fixes

09.09.2019.
Job za Robotiq je gotov, jednim dijelom zato jer nisam ekspert ( još uvijek ) za Angular 2 i Typescript, a jednim dijelom zbog velikih očekivanja Robotiqa za isporuku featura, loša komunikacija i projektni menadžment. Kaotični pristup u startupu znači da role nisu jasno definirane i ja sam nisam znao do kraja znao koji su moji taskovi i koji su rokovi. Komunikacija je skoro uvjek bila 1- 3 dana kasnije kao feedback, plaća nije bila na vrijeme. Pozitivne strane su bile da sam puuuuuno naučio o Typescriptu, Angularu i Materialu i da je to smjer koji želim uzeti dalje. Sljedeći korak bi bio kompletno napraviti from scratch React/Angular app sa modelom, API, dizajnom. React native otpada jer je baza klijenata oni koje žele uštediti novac na razvoju aplikacija, npr. startupovi, a sami development je kompleksan i ima puno stvari koje zahtijevaju dodatno vrijeme developmenta npr. internacionalizacija, drugačiji API pozivi, komaptibilnost sa updatovima itd. Nativne aplikacije su privilegija velikih i najboljih kompanija samo.

11.09.2019.
Posao za Spiralyze nije prošao, ovo je link na zadatak: https://drive.google.com/file/d/1X1HyHCICrurnUVfJKVyENEe0do9hyu7D/view

Iskreno ne znam dal se radi o prevari ili sam preskup. Koliko sam vidio developeri su im iz indije ili filipina, a tam su plaće cca $800 do max $1500 za frontend developere ili duplo manje od onoga kaj tražim. Projekt je napravljen bez grešaka u konzoli, sa animacijama i mobilno kako su tražili. Zadatak je bio dosta "sklepan" tako da to govori dosta o njima. Uglavnom, ne bi rekao da propuštam nešto.

16.09.2019.
Snimio sam još cca 60 minuta tečaja ili oko 50% cijelog tečaja prema mojoj procjeni. Nema smisla raditi nešto na pola, a i hrvati nemaju novaca tako da njima je sve skupo ili moram napraviti nešto 25% bolje ili jeftinije da hrvati misle da je povoljno.

17.09.2019.
Zadatak za include je ispao dosta teži nego sam mislio, trebalo je napraviti bazu u cloudu i sve povezati sa servisima na AngularJS, a to nije pisalo u zadatku. Za sljedeći put kad krenem rješavati zadatak moram napraviti bolju procjenu, a i posao je u Solinu tako da. Zanimljivo je vidjeti kako sad AngularJS kod ima puno više smisla nego kad sam radio za U-2-Me, to je sve JS kod i patterni su samo evolucija skaliranja koda. Kad se jedan pattern pokaže nedovoljno dobrim evoluira u drugi, napredniji pattern. JS i Typescript su definitivno smjer kojim trebam ići dalje.

18.09.2019.
Rješavao sam zadatak za Iclude iz Solina, startup koji je postao veliki biznis u kratkom roku. Zadatak nažalost nije imao definiran API i API endpoints tako da praktički moram složiti kompletni MEAN stack. Mongo Atlas, Express, Node i AngularJS. AngularJS je stara tehnologija i zasniva se na JS gdje ne želim gubiti vrijeme. Shvatio sam da nikad nisam posložio MEAN stack samostalno tako da mi je to prioritet za ovaj tjedan, OBAVEZNO typescript i po mogućnosti ReactJS. Pokušat ću kombinaciju React native, Mongo Atlas Cloud, NodeJS i Ekspress. Pod pokušati mislim nisam vezan za Mongo Cloud, ako ima nešto bolje može.

19.09.2019.
Snimio sam 40 tutoriala na hrvatskome, to moram HITNO završiti i staviti na Udemy. Ovaj tjedan mora biti gore, ne mogu gubiti više vremena na taj tečaj kolko god lijepo bilo raditi tečaje, oni nose samo 2% prihoda. Nakon što tečaj bude gotov dobra ideja bi bila da se napravi target na lokacije gdje najviše ljudi dolazi na YT lekcije.

20.09.2019.
Još uvijek sam rješavao zadatak za Include iz Solina, moram discipliniranije držati ovu evidenciju. Ovako bez dnevnika rada je teško pratiti što sam kad radio.

23.04.2019. - 30.09.2019.
Počeao sam raditi MEAN stack aplikaciju na bazi Angular 2 tutorijal: https://www.youtube.com/watch?v=1tRLveSyNz8

Izrada tečaja se rastegnula tjedan dana više zbog optimizacija brzine, SEO optimizacije i multijezičnosti. Mislim da moram biti žešći u promociji tečaja, staviti tečaj gore na Udemy i nadati se najboljem je slaba strategija. Sutra imam razgovor u Emil Freyu za FE app developera, bilo bi super da taj posao bude OK tako da mogu planirati dalje auto.

01.10.2019.
Zaradio oko 20% u roku 10ak dana na burzi, filozofija koju ću slijediti je 70% portfolio je u LONG za dionice, za sad kupujem samo one koje su perspektivne, ali imaju problema npr. UBER i NETFLIX. Mislim da kompanije koje imaju veliku bazu korisnika i razgranat biznis teško propadaju, često prolaze kroz teža razdoblja, ali količina korisnika im jamči sigurno poslovanje. Ono što još moram napraviti kao selekciju su firme sa najboljim balance sheetom referenca:

UBER: https://www.youtube.com/watch?v=Kk-0gvNUSUo

NETFLIX: http://www.poslovni.hr/burze/netflix-i-facebook-brza-zarada-u-sijecnju-335863

Što kupiti u recesiji: https://www.youtube.com/watch?v=rhHt15F55AA

02.10.2019.
Snimanje zadnjih dijelova tutorijala za tečaj, SEO je zapravo najšire i najosjetljivije područje izrade stranice.

03.10.2019.
Razgovori za posao, bio sam u pravu JS je breaking point za FE i sva pitanja bilo koje ozbiljne firme su vezani uz JS ili Typescript.

04.10.2019.
Završno editiranje tečaja, kombiniranje zvuka i videa: link naknadno kad tečaj bude odobren

07.10.2019.
Ponedjeljak, malo se razbacalo vrijeme na tečaj i ostale stvari. Treba definitivno držati fokus. S druge strane burza je eksplodirala sa skoro $80 zarađeno u jednom danu tj. oko 15% na pametne investicije ( sretne ). Za sada puštam day trading i imam odlične pozicije u perspektivnim dionicama. Ne mislim ih dirati dok zarada ne bude značajna. Strategija koju sam odabrao funkcionira uz neke izmjene, perspektivne dionice sa 70% uloga, 30% uloga je slobodno, ali može se koristiti za iste dionice. Trebam smanjiti udio slobodnih 30% u istim dionicama koje su LONG na 70%.

09.10.2019.
Popravljanje tečaja, završne obrade, propuštene stvari, Marko stranica popravci.

15.10.2019.
ECMA 6 features

- destructuring

var bar = ["me","you","he"]

var [ firstPeron ] = tenses;

- template strings

var test = "test me" + name + "hard";

var test = 'test me ${name} hard";

- classes vs prototypes


 * 1) klasa je opis objekta koji se treba kreirati, klase nasljeđuju klase i kreiraju klasa-->podklasa taksonomiju
 * 2) instance su kreirane preko konstruktora sa "new" ključnom riječi

https://medium.com/javascript-scene/master-the-javascript-interview-what-s-the-difference-between-class-prototypal-inheritance-e4cd0a7562e9

https://www.youtube.com/watch?time_continue=4&v=wfMtDGfHWpA

16.10.2019.
Počeo raditi material angular projekt za Bitware, za sad na čekanju, ali vidjet ću kad dođe dizajn trebalo bi napraviti tu aplikaciju. U međuvremenu mogu napraviti komponente koje se povezuju preko service.

17.10.2019.
- Izbacio sam tečaj na Udemy za poduzetnike i reakcija je bila očekivana, budale se javljaju da ima takvih tečaja gdje hoćeš. S druge strane 9 od 10 ljudi nije uopće pokrenulo tečaj što pokazuje kakva je perspektiva pop pitanju izrade tečaja. Moguće je raditi voicover i dosnimavanje ako bude vremena, niski prioritet. OCJENA: 5/10

- Hampl se javio za web što je pozitivna strana ove priče i web će biti cca 5000 kn što je oko 30 prodanih tečaja ako uzmemo u obzir da Udemy uzima pola. OCJENA: 7/10

- Algebra me odlučila uzeti za predavača, satnica 100kn OCJENA: 7/10

- Algebra predložila mentoriranje njihovih najboljih učenika: OCJENA ???

18.10.2019.
Početo sam raditi web za Hampla, to će biti oko tjedan dana posla za dizajn, strukturu i sadržaj.

21.10.2019.
Link na "Object Composition" rađen u typescript u svrhu pojednostavljivanja problema nasljeđivanja za objektno orijentirano programiranje.

https://jsbin.com/zehuvavenu/edit?js,console

Factory vs Class u TypeScriptu

https://jsbin.com/bucegowuro/edit?js,console

28.10.2019.
Testiranje na codility za posao algoritmi, link na rješenja:

https://jsbin.com/mijekamezo/edit?js,console

Zaključak: učenje algoritama je besmisleno, njihova jedina svrha je da se prođe proces selekcije i da netko u HR može reći da je obavio svoj posao selekcije. Ne preispituje se ta metoda zato jer oni koji nisu tehnički potkovani sami ne znaju što je bitno za development. Ubuduće ću napraviti listu algoritama i prilagoditi ih JS za potrebe Toptal testiranja. Stranica https://www.geeksforgeeks.org ima tonu algoritama koji se mogu koristiti. Ponavljam ponta nije naučiti SVE algoritme već samo naučiti koji algoritmi se koriste za koje slučajeve i imati spremnu listu tih istih.

Kako dodati data-table component preko terminala: ng generate @angular/material:material-table Kako dodati običnu generičku komponentu u angularu imena section-home: ng g c SectionHome

29.10.2019.
D3 Grafovi u Angular 2 frameworku: https://swimlane.gitbook.io/ngx-charts/examples/bar-charts/vertical-bar-chart

02.11.2019. - 17.11.2019.
Godišnji odmor Barcelona

25.11.2019.
Smarcom ( 8h )

- added angular cli

- added routing

- added material angular

- added home screen and areas page

- added tables, counter, pagination and charts components

- added flexbox grid

- set the basic layout styling

Digital Talents ( 1h )

- procjena ponude

26.11.2019.
Smarcom ( 6h ):

- added new svg icon for barriers

- added ramp icons and styling with animation

- layout changes on prototype

- changed map to full height

- added secondary chart to home page

- added actions for open/close barrier

27.11.2019.
Smarcon ( 7h ):

- added card styling for home / areas screens

- changed data for charts based on json data

- added new icons to assets

- changed naming of variables

- removed secondary chart

- fixed layout responsive issues

28.11.2019.
Smarcom ( 7h )

- added login form page

- added split screen option with draggable functionality

- added mobile/desktop checker

- styling updates on frontend

29.11.2019.
Smarcom ( 7h )

02.12.2019.
Smarcom ( 7h )

- refactored interfaces, data formats and naming

- added visuals for sensors

- minor styling updates

- HOTFIX/ areas interface

- added markers to map localion lat/long

- added sensors interface

- drawing map places/parking on mapbox

03.12.2019
Smarcom ( 6h )

- added styling and correct coordinates markers

- added parking sensor sectors

- styling updates

05.12.2019
Smarcom ( 6h )

- map parkingplaces styling

- added swagger ng-swagger-gen library

- generated models/services connected to swagger API

- added angular-notifications to packages

- added authorizationEndpointService

06.12.2019.
Smarcom ( 5h )

- added authorizationEndpointService

- removed redundant content.component

- added webpack config file

- added JwtInterceptor and ErrorInterceptor authentihication and validation

07.12.2019.
Smarcom ( 6h )

- added simple notification library and styling

- added interceptor logic for token authentification

- added styling for maps

- added notification module

- changes to map

09.12.2019.
Smarcom ( 6h )

- removed redundant content.component

- added webpack config file

- added JwtInterceptor and ErrorInterceptor authentihication and validation

- added notification module

- changes to map

- added simple notification library and styling

- added interceptor logic for token authentification

- added styling for maps

10.12.2019.
Smarcom ( 6h )

- api update new collection

- added services for barriers, connectivity, parking areas, parking summary, grouped events, sensors

- code refactoring and cleanup

11.12.2019.
Smarcom ( 6h )

- added areas parking spaces service

- added headers authentification data-

- added all notification cases

- testing

- added new valid post

- removed fake backend token authorization

- added interceptor changes, removed fake backend

- smaller styling updates login form

12.12.2019.
Smarcom ( 5h )

- connect templates with services

- updated models

- added real data to mapbox

13.12.2019.
Smarcom ( 5h )

- markup changes

- added barriers to maps

- added styling updates sensors

- general layout changes

16.12.2019.
Smarcom ( 5h )

- added grouped events chart dat

- added styles for events and tab content

- removed connectivity redundant folder

- added changelog library and component

- fixed console errors

- added warnning notification error parking

- rebuilt API model from swagger

- added RIO module and Cloud Info table

17.12.2019.
Smarcom ( 5h )

- updated markers ramps

- changed chart display range and source

- added put for barriers

18.12.2019.
Smarcom ( 5h )

- test CORS issue barriers

- updates general and styling

- added interval for sensors

19.12.2019.
Smarcom ( 3h )

- fixed interval bug

- set UTC time

- testing and presentation

26.12.2019.
- Vending Service ( 4h )

- raspisivanje plana

- analiza komponenti

- traženje rješenja za vizual pintersta

27.12.2019.
GZA dashboard project ( 4h )

- raspisivanje plana

- analiza komponenti

- osmišljavanje rješenja

30.12.2019.
Smarcom ( 3h )

- raspravljanje o Smarpay ( DIMOCO ) projektu, GZA Rheinfelden projektu, Lenzburg, MobileCharge projektu

- rješen bug na prototipu za chartove GZA Rheinfelden - Prototype V.1.1. vrijeme i timezone

02.01.2019.
Dimoco dashboard ( 2h )

- definiranje projekta

03.01.2019.
Dimoco dashboard ( 2h )

- postavljanje projekta

Parking ZR ( 1h )

- rješavanje bugova

06.01.2019.
Dimoco dashboard ( 3h )

- dodavanje pie chart

- dodavanje line chart

- promjene na layoutu

- dodavanje datasource table

- dodavanje search filtera

07.01.2019.
Dimoco dashboard ( 4h )

- testirano pretvaranje CSV podataka u JSON

- dodani datetime selektori

- prebačeni dummy podaci u zasebni folder

08.01.2019.
Dimoco dashboard ( 4h )

- dodani datetime selektori

- stliziranje, novi repo

09.01.2019.
Dimoco dashboard ( 4h )

- chages for machines and vending data and layout

- updated datepicker

10.01.2019.
Dimoco dashboard ( 4h )

- fixed pagination issues

- machines data table and map

- procjena dizajn refaktoringa

13.01.2019.
Dimoco dashboard ( 5h )

- added map data markers and modified map

- refactored old code

- testing load time

- refactored code

- removed redundant code

- fixed date range issues moment.js

14.01.2019.
Dimoco dashboard ( 5h )

- data copy update

- fixed data input format issues

- added num by transactions/amount by dev charts

- data format moment changes

- added number of payments by device ref chart

15.01.2019.
Dimoco dashboard ( 5h )

- changed styling for mapbox/CHF

- added preload data for charts

- refactored code

- added styles for popoovers machines

16.01.2019.
Dimoco ( 3h )

- testing map load time/ optimized load time

- added months datasource

- testing routing directive

- modified pie chart data

17.01.2019.
- Vending Dashboard ( 4h )

- filtering option

- route selects

- code refactor

20.01.2019.
- Vending Dashboard ( 3h )

- replaced TS with pure JS directions mapbox

Rheinfelden Parking ( 1h )

- going through documentation

ZADNJIH 30 dana:

21.01.2019.
Vending Dashboard ( 2h )

- fixed console errors

Rheinfelden ( 2h )

- going through documentation

22.01.2019.
- Rheinfelden project ( 3.5h )

- call 1.5 h

- setting up styleguide library ( 2h )

23.01.2019.
Vending Dashboard ( 2h )

- added logo, background and favicons

- date and background styling updates

Rheinfelden ( 2h )

- adding styleguide library to rheinfelden

24.01.2019.
Rheinfelden ( 4h )

- creating wireframes

- reading documentation

- plnning and discussion

27.01.2019.
Rheinfelden ( 3h )

- layout update

- styles update

- pattern library added changes

Vending Dashboard ( 1h )

- changed navigation, new titles

- added error codes to machines data

- 79.5 hours

28.01.2019.
Vending dashboard ( 1h )

- added new data sources

Rheinfelden ( 3h )

- layers updates

- added mobile navigation, modified desktop nav BEM

- styling changes

- added map popovers

29.01.2019.
Rheinfelden call ( 2h )

Vending Dashboard ( 6h )

- added Voucher Payments ( Twint & SMS )

- added MCharge Payments

30.01.2019.
Rheinfelden ( 2h )

- fixed popover not working for maps

- going throught logic

Vending Dashboard ( 2h )

- added animation and video production

31.01.2019.
Rheinfelden ( 3h )

- refactored mapbox polygons and layout

03.02.2019.
Rheinfelden app ( 4h )

- refactored the map code

- added sensors to navigation code

- styling updates

04.02.2019.
Rheinfelden app ( 5h )

- added map of parkingplaces

- refactored code for traffic congestion

- added new logic for sensors and parkingplaces display in sepparate layer

05.02.2019.
Rheinfelden app ( 5h )

- added new layer to map for sensors and parkingplaces

- added sensors and parkingplaces to services

- replaced native JS mapbox with TS

06.02.2019.
Rheinfelden app ( 6h )

- drawing polygons map

- added raw data for parkingplaces polygons

- sepparated layers for sensors and parkingplaces

- going through Spiratest and educational videos

07.02.2019.
Rheinfelden app ( 6h )

- updated map polygon coordinates

- added popovers for all parkingplaces

- added transit congestion spot to map

- removed redundant code

- Spiratest educational videos

10.02.2020.
Rheinfelden app ( 5h )

- added navigation controls to map

- added popover info to sensors

- added styleguide to sepparate component ( styleguide )

- added tests to SpiraTest

11.02.2020.
Rheinfelden app ( 4h )

- added services to display side

- added new icons

- styling updates

12.02.2020.
Rheinfelden app ( 4h )

- pattern library updates

- styles updates

- added alerts to display via datasource

- added code display for pattern library

13.02.2020.
Vending Dashboard ( 2h )

- added data for januaray and february

- parsed the data

Rheinfelden app ( 4h )

- added alert states to styles

- added system info display for testing

- testing simulator cases

- fixed bugs for parking spaces

- fixed issues with layers not updating on map

- started testing with simulator

14.02.2020.
. Vending Dashboard ( 6h )

- added SMS and Twint data

- missing mCharge data

- added changes for mCharge and vending info

- hotfix € into CHF

- updated transaction error codes and objekt nummer

- vending dashboard added OK status

- fixed display erroors on FF,IE and Edge

- fixed November select issues

17.02.2020. ( 5h )
Rheinfelden App ( 5h )

- fixed parking display on map

- added semapphores to display

- added transit spacess

- added semaphores display

18.02.2020. ( 5h )
Rheinfelden app ( 5h )

- meeting room discussion about project ( 1.5h )

- added system operating state

- added german semaphores display

- updated styles

- testing color scheme

- running manual test

19.02.2020. ( 6h )
Rheinfelden App ( 6h )

- smaller styles update

- layout changes - moved components

- modifications to login + hotfix

- added Unit Tests to Spiratest

20.02.2020. ( 5h )
Rheinfelden App ( 5h )

- updated styles for barriers and fixed on map display barrier animations

- fixed dateUpdated sensors displaying on map

- updated barriers data services

21.02.2020. ( 4h )
Rheinfelden App ( 4h )

- testing memory resources

- updates to observables for services

- added web sockets

- added barrier loops

23.02..2020.
Jako bitna stavka vezana uz Angular usbscriptione, dakle svaki subscription se mora UNIŠTITI jer inače kreira memory leakage i pad sustava.

https://blog.strongbrew.io/rxjs-best-practices-in-angular/

24.02.2020.
Još jedna bitna stavka za JS su memory leaks: https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/

Rheinfelden app ( 5h )

-

29.03.2020
Digital Talents ( 2h )

Ured Zoričić - postavljanje dizajna - https://3razt5.axshare.com/

14.04.2020
Smarpay ( 6h )

- postavljena početna stranica

- postavljena stranica teams

- postavljena stranica about us

- postavljena kontakt forma

15.04.2020
Smarpay ( 3h )

- mobilno složeno prikaz

- vraćen home page sa kontakt formom

20.04.2020
Smarpay ( 1h )

- call with Ivana