ustawianie godzin dla poszczegolnych dni w harmonogramie

0

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

0

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

0

na razie mam problem z samym widokiem i się zastanawiam czy może jakoś bootstrapowo to ograc?

0
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

0

Nie mam pomysłu własnie w ogole na widok jak to zrobić. Jakis wykres Gantta chyba bede musial zastosowac -.-, ale nie wiem

1 użytkowników online, w tym zalogowanych: 0, gości: 1