[quwer]

Mam problem z progressbarem - linia 19. Po kliknięciu na element , wyświetla mi się w każdej lini w tabeli. Co/jak najprościej można przerobić, żeby wyświetlał się tylko w aktywnej lini?

https://paste.ofcode.org/35SY5QNWkW3gZiFW6saiiU5

#javascript #programowanie #frontend

[Kajetan8]

@quwer: sprawdzać czy parent progressbara jest ostatnim klikniętym elementem? Nie pisałem nigdy w vue, ale to nie może być trudne.

[quwer]

@Kajetan8 tak właśnie jest, też nigdy nie pisałem, nawet za bardzo nie wiem jak do tego logicznie się zabrać

[Kajetan8]

@quwer:
1. Musisz zadeklarować nową zmienną, w której będziesz przechowywał ostatnio klikniętą komórkę.
2. Przypinasz eventListener do tabeli i zapisujesz klikniętą komórkę w zmiennej. Słowo klucz: event delegation. Jako, że w komórce możesz mieć inne elementy, pewnie trzeba będzie sprawdzić czy kliknięty element jest komórką, lub w niej się znajduje.
3. W v-if, który decyduje czy wyświetlić progress bar musisz dołożyć dodatkowe sprawdzenie czy dany progress bar jest wewnątrz ostatnio

[quwer]

@Kajetan8: tzn, ze linie 16 musze przypisac do zmiennej?

[Kajetan8]

@quwer: nie, nie linię przepisać do zmiennej, tylko na evencie click zapisać kliknięty element z drzewa DOM do zmiennej.

[quwer]

rozumiem, że musze miec indeks lini, skad go pobrac?