2.0 - FRONTEND

[carlobeltrame]

1. Dependencies updaten / ersetzen

Der Frontend Tech Stack ist seit langem nicht mehr aktuell. Die Dependencies sollen auf eine aktuelle Version geupdatet werden. Dabei muss immer sichergestellt sein, dass alle Wagons weiterhin funktionieren.

• Bestehenden JavaScript / CoffeeScript Code auf Stimulus migrieren (bestenfalls ohne die Verwendung von jQuery und jquery-ujs, nur mit nativen APIs)
• Falls nicht komplett ersetzt, jQuery updaten von 1.12.4 auf 3.x
• Bootstrap updaten von 2.3.2 auf 5.x. Wir haben bereits z.B. Grids und Flexbox Klassen von Bootstrap 4 reingezogen, auf längere Sicht sind wir in einer Sackgasse. Bootstrap 5.2 upgrade #1826
• chosen-js (Dropdown Select) ersetzen durch selectize falls JQuery behalten wird, oder durch Tom Select oder etwas anderes falls JQuery nicht behalten wird
• moment.js wird von den Autoren nicht mehr empfohlen, durch eine modernere Alternative ersetzen
• compass-mixins ausbauen – wir verwenden kein Compass mehr und dies ist ein "Port" der Compass-Mixins für libsass. Wir verwenden nur wenige Mixins, die auch in Plain CSS umgesetzt werden können. Erledigt in Bump webpacker #1634
• Sobald die obigen dringenden Dependencies ersetzt sind, Webpacker durch eine modernere Alternative ablösen
• Dependencies automatisch aktuell halten, z.B. mit renovate
• Weitere Dependencies updaten:

Liste

Package                       Current Wanted Latest Package Type           URL                                                                                            
@fortawesome/fontawesome-free 5.14.0  5.15.3 5.15.3 dependencies           https://fontawesome.com                                                                        
@rails/actiontext             6.0.3-4 6.1.4  6.1.4  dependencies           https://rubyonrails.org/                                          
trix                          1.3.0   1.3.1  1.3.1  dependencies           https://trix-editor.org/                                                                       
turbolinks                    5.0.3   5.0.3  5.2.0  dependencies           https://github.com/turbolinks/turbolinks#readme

2. Dashboard Konzeption

Die Einstiegsseite von hitobito, welche man nach dem Login sieht, soll neu ein Dashboard sein. Das Dashboard kann unabhängig von der Person relevantere Informationen und Links anzeigen. Um die genauen Bedürfnisse abzuklären sollten Kunden, Endnutzer und UX befragt werden. Die Umsetzung erfolgt dann in hitobito 2.1 oder 2.2.

Dinge die aufs Dashboard kommen könnten:

• Gruppen in denen ich eine Rolle habe
• Meine Rechnungen, auch wenn ich keine :finance permission habe
• Meine Abos
• Meine nächsten Anlässe / Kurse / etc.
• ...