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
ustawianie godzin dla poszczegolnych dni w harmonogramie
- Rejestracja: dni
- Ostatnio: dni
- Postów: 17
0
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Rzeszów
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
- Rejestracja: dni
- Ostatnio: dni
- Postów: 17
0
na razie mam problem z samym widokiem i się zastanawiam czy może jakoś bootstrapowo to ograc?
- Rejestracja: dni
- Ostatnio: dni
- Postów: 847
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