Feat: display project dropdown when typing "+"

[bytrangle]

Description

When a user adds a task and types "+", it will display a dropdown list of currently unarchived projects.

Caveat: These changes caused the test should parse scheduled date using local time zone when unspecified to fail. I've temporarily commented out the test and will investigate it further.

Issues Resolved

Partially solves #3544

Check List

• New functionality includes testing.
• New functionality has been documented in the README if applicable.

[bytrangle]

Update on the failed test.

The time in the test is 2024-10-12T13:37. When I ran the test locally, the local time was way after 13:37. So the custom date parser add one more day according to this. The parsed time becomes 2024-10-13T13:37 and the test failed.

This makes sense: When the start time is behind the current time, e.g.: 13:37 vs 14:37, this 13:37 will be set to the next day. However, the logic start.date().getTime() < now.getTime() didn't take into account that the user may also include a specific day with the time, e.g. 2024-10-12T13:17.

Hope that makes sense 🤯

This test didn't fail on Github and earlier PR didn't catch this because the test time was before 13:37.

[stavby]

Hi!

Looks good, I've got a few tiny issues:

1. I've added the abillity to disable the project short syntax (pressing +) in Feat/make short syntax configurable #3571 - so if it's disabled I think it's better not to show the project suggestion
2. It seems that once you press enter on a suggested project or escape to close the menu, the only way to show it again is by deleting the "+" and typing it again which I think is a bit annoying, maybe re-show the menu whenever they edit what comes after the +?
3. In the request issue they search L and it shows suggestions that not only start with L, but have the string somewhere inside them - currently in this project it only searched for results that start with this string (in both projects and tags), I think it'd be great to have it search the whole name and not only its start!
4. About the test - It did fail because it was outdated and the behavior for due dates will be tomorrow if given a date that has already passed, I suggest you cherry pick my commit instead 8ba61b1 so it keeps checking if it works (I just moved the date to 2030)

[bytrangle]

Searching for projects that starts with the typed letter is the default in angular-mention, the component that this dropdown feature uses under the hood.
The search behavior can be changed to includes with by adding a mentionFilter property.
Personally, I'm on the team starts with because I have only so many projects and have a vague idea of what the project name starts with. So I won't implement the mentionFilter until there is a configurable option that lets user dictate if search should "start with" or "include".

angular-mention is a singular component and it seems like there is no way to show the dropdown again after the user has selected an option. This component can be forked and modified, but I've been thinking of another feature:

Have another field in the input that shows a task's metadata like scheduled time, project it belongs to, and assigned tags.

These info are rendered as clickable buttons. User can click on the buttons to change the options, or delete it. Short syntax should best be reserved for quickly adding info. A good implementation is in Todoist.

[stavby]

You beat me to it with the mentionFilter function ;)
I totally agree that it should be user configurable and for now should remain with the current behavior.
I wasn't aware of the angular-mention package at all so I didn't know how problematic implementing 2 would be, so scratch that.

[johannesjo]

Thank you very much for this @bytrangle ! I think this is a great addition. I also agree that having buttons below like other todo apps do it, is something we should add as well.

[johannesjo]

Thanks for mentioning the problems @stavby !! I added some code to take the settings into consideration.