1586: Szybsze i wygodniejsze wybieranie

[Acors24]

Dotyczy #1586

Chcielibyśmy:

1. <select> z parametrem multiple zastąpić przez komponent MultiSelectFilter (chyba z MultiselectFilter używający select z parametrem multiple #1325) w celu wygodniejszego wybierania studentów zamiast przewijać przez całą listę i dodatkowo trzymać klawisz Ctrl przy wyborze wielu studentów ✔️
2. ładować tylko konkretnych studentów (poprzez wpisywanie części danych studenta) zamiast wszystkich w celu znaczącego skrócenia czasu ładowania widoku ✔️

Formularz tworzenia/edycji pracy dyplomowej jest obecnie tworzony w całości po stronie serwera, w tym jego układ i klasy CSS (dziwne, ale niech będzie).

Moje rozwiązanie polega na dodaniu komponentu MultiSelectFilter do już utworzonego widoku, tuż przed djangową kontrolką odpowiadającą przypisanym studentom.
Wpisanie jakiejś frazy w tym komponencie po krótkim czasie spowoduje wysłanie żądania do serwera, na które odpowiedzią będzie lista obiektów reprezentujących studentów, którzy podaną frazę mają w imieniu, nazwisku lub numerze indeksu. Ta lista stanie się nową listą opcji komponentu, wraz z zaznaczonymi już studentami. Zmiany dotyczące zaznaczenia w tym komponencie wpływają na zawartość djangowego selecta, który jest ukryty i użytkownik nie powinien z nim wchodzić w interakcję.
Przy edycji istniejącej pracy, do której już są przypisani jacyś studenci, zawartość selecta kopiowana jest do danych komponentu MultiSelectFilter.

Po stronie serwera pole odpowiedzialne poprzednio za trzymanie zbioru wszystkich studentów już nie trzyma początkowo żadnych. Przy tworzeniu formularza sprawdzana jest obecność przypisanych studentów i początkowa zawartość selecta jest odpowiednio zmieniana.
Po walidacji danych na serwerze dzieją się jakieś herezje związane z umieszczaniem danych w miejscu, w którym poprzednio automatycznie znajdowali się przypisani studenci.

Zainspirowałem się kodem innej osoby (#1704) przypisanej do tego issue, której bardzo dziękuję m.in. dlatego, że dokumentacja Django czasami sprawia wrażenie średnio czytelnej, a na dokumentację Vue szkoda słów.

[Acors24]

Na branchu 1586-numero-dos pojawiło się rozwiązanie zasugerowane na spotkaniu. W tym momencie wygląda ono tak: