dansoftowner / 14ab-a-plander-frontend

14ab-a-plander-frontend's Issues

Add translations to new components

Language doesn't change in response messages if language is switched at runtime

Refactor calendarcomponent

Handle registration submit

The handler of registration's onSubmit doesn't execute and it doesn't post the user.

🐛 Socket connection fails if the member has to login

Registration

Registration is not working when guardnumber is empty.

Registration phone number error

When the data fetched the whole phone number copied into the input including the prefix, but we don't need the prefix, so the fronted should check it and set the correct flag.

Improve memory usage

Optimize spreading in hook calls. To create less garbage collection

Add assignment

A button for presidents, when it clicked, the calendar's month view becomes editable. The president can select a date in the actual range, then in a pop-up he can give a title, select the members, and adjust exact time range(ex. 12:00- 15:00)

Edit calendar visual

Different color for the assignees in the assignments page

Handling phone number change

Edit the hook's code, currently adding the phone prefix is not working.

Select the fetched prefix in the phone dropdown list.

password confirm pop-ups

place a link for forgotten password, redirecting to the existing ForgottenPassword page

Reports' page

• Posesses it's own menu item
• Simularly to the assignments' page, it should have a calendar
• The only major difference here is that when the user clicks an assignment, a slightly different alert dialog comes up for adding/editing reports
• Only assignments from the past should be loaded
• Assignments that already have reports should be marked with a green color, others should be indicated with yellow

Chatting

Implement the new chats feature

• A Chatbox on the homepage
• Different color for the sender
• Display the message sender's name as a Link and on click redirect to his/her profile

The timestamp should be displayed for the chat messages

Different formats for different scenarios:

• If the message was sent on the current day: HH:mm
• If the message was sent on the current week: Day HH:mm
• If the message was sent in the current year: Month DD:HH:mm
• Otherwise: YYYY.MM.DD HH:mm

Memberspage functions

• The remove user button is only available for presidents
• Show a warning if the user is not finished registrating yet
• Create onclick event on the boxes and navigate to a detail page

Edit path to memberDetails

the url should include the id of the actual member, same when viewing your own profile

Member invitation

When the invitation is successful, the toast message is invalid.

Phone number is not necessary when inviting a member (no * needed)

implement multi-language in new components

• all pages related to reports
• calendarcomponent

Give president role

On the details page, the president will have an option to give the member a president role.

Delete button should be different for the current member in the member list

In the members page, if a member card represents the member who is currently logged in, the '🗑️' should be an 'exit association' icon.

For example:

Missing member search

On the memberlist page, a searchbar is missing after the conditionally rendered invite button.

Implementation: no autocomplete, search button. At the end of the input, use a x icon which will be visible when the input is not empty and will clear the value of it when pressed.

Validation

Create a utils file for the details page where functions will do the validation for the parameter strings.

• email
• guardnumber
• the new password

:lipstick: Automatic scroll in chatbox

When a new message is submitted, the chat box should automatically scroll down if necessary.

Maximum number of characters in chatbox

The maximum number of characters that should be allowed in the chatbox is 1024.

Registration Form: Association name should appear at the top

🩹 Multiline messages are not supported in chatbox

⚡ End socket connection on logout

Fix mobile version

Check all of the maxWidth and heights in mobile version.

🐛 💄 Chatbox inappropriate horizontal resize

If a long string (without whitespaces) is typed into the chatbox, it expands horizontally which is quite inconvenient.

Screenshot:

Store user in storage

something like with the tokens, local if rember me is on, and session if it is not

Complete login panel

🐛 Unknown bug

The members fetched from a wrong association for some reason. Could not reproduce yet.

During the login a wrong association was selected and the data was fetched from that association.

Edit inviting member

Do the same styling as detail card

Improve memberdetail design

also add feature to patch member's details

Improve the logout

Currently we can see the logged user's name in the top right corner.

Next to the name we should render a downArrow which opens a menu:

• My profile
• My 'duties'?
• Notifications
• Logout

Invalid guardNumber error

The guard number is not neccessary when registrating, but now we have an error when it is empty.

inputSchema has to be modified

Prevent copy paste

Prevent copy-paste in the login form, especially for the password to improve security.

Create registration form

Mobile version error

When opening the profile section on the bottom right it overlaps with the opened menu

Fix:

• Only one can be opened

Add forgotten password restoration page

on the login we should create a link to forgot password endpoint and page

President feature

Current presidents need to have a button to remove their role.

registration: Show a message if the post is successful

Search on key press

Posting phone numbers

We have to attach the phone prefix to the actual phone number when sending to the server

RegisterForm.tsx and InviteMember.tsx

Vercel 404

Fix 404 Not Found on Vercel with vercel.json

Edit visible informations on memberdetail page for members

Update credentials

need to implement a pop-up with password confirmation

Handle deleting confirmation better

Load more button

Render the read more button on the login page only if there are more associations to show (check from the metadata)