Hej mam w planie zrobić taki harmonogram w angularze i chcę za pomocą interfejsu móc ustawiać zakresy godzin np. z przerwami dla poszczególnych dni tygodnia, albo klikając w te kwadraciki, albo jeszcze lepiej przeciągając(jak komórki w excelu). Czy ktoś może mi się pomóc za to zabrać? Jakies porady ?
https://zapodaj.net/8859c444c6ea1.png.html
Na mousedown
zapisz sobie, że rozpoczęto przeciąganie, potem na mousemove
(albo mouseenter
komórki) sprawdzaj czy komórka sąsiaduje ze startową lub ostatnio "zaliczoną" komórką (żeby nie zaznaczać przypadkowo komórek wyżej/niżej) i jak się zgadza to oznaczaj jako "zaliczona" i tak do momentu mouseup
.
Klikając to chyba prościej się nie da, bo to zwykły click event który coś tam zapisuje w tablicy/obiekcie z godzinami.
Nie napisałeś z czym konkretnie masz problem w ogóle
na razie mam problem z samym widokiem i się zastanawiam czy może jakoś bootstrapowo to ograc?
Mazur123 napisał(a):
na razie mam problem z samym widokiem i się zastanawiam czy może jakoś bootstrapowo to ograc?
A jak próbujesz to zrobić?
Wygląda mi to na taki zwykły suwak, więc możesz to zrobić dość łatwo za pomocą <input type="range">
(https://css-tricks.com/multi-thumb-sliders-particular-two-thumb-case/), zwłaszcza jakbyś zmienił ten ostatni przykład
Nie mam pomysłu własnie w ogole na widok jak to zrobić. Jakis wykres Gantta chyba bede musial zastosowac -.-, ale nie wiem