EN · DE · RU · FR · ES

#2626: EmployeeSelect.jsx

projectforge-webapp/src/components/base/page/layout/EmployeeSelect.jsx React-JSX-Komponente (Employee Async Select), projectforge-webapp/src/components/base/page/layout/EmployeeSelect.jsx 108 Zeilen · 99 Code · 0 Kommentare · 9 leer
Async-Select-Eingabe zur Auswahl eines Mitarbeiters. Verwendet ReactSelect mit loadOptions, das GET employee/autosearch?search= aufruft. Zeigt die Option als displayName über getOptionLabel an. Enthält einen „Mich auswählen“-Button – zeigt ein Smiley-Emoji-Symbol (wechselt bei Hover zu einem Zwinkern), das den Mitarbeiterdatensatz des aktuellen Benutzers über handleChange(employee) auswählt. Der „Mich auswählen“-Button wird ausgeblendet, wenn der aktuelle Wert mit dem Mitarbeiter übereinstimmt. Der Tooltip zeigt translations['tooltip.selectMe']. Alles wird in einem .form-group-Div umschlossen. Importe: FontAwesome reguläre Icons, reactstrap Button/UncontrolledTooltip, restliche Hilfsfunktionen, ReactSelect, Input-SCSS-Modul.

Git-Verlauf

e67067aa7 Migration von react-redux connect() zu Hooks (useSelector/useDispatch)
3685edd6c Update auf React 18 (Work-in-Progress)
b100ff17a eslint behoben
253b9f38b Einige Abhängigkeiten aktualisiert und eslint-Fehler behoben
c2b85fee3 eslint behoben