New folder button

[brunopagno]

Ticket

https://community.openproject.org/wp/59901

What are you trying to accomplish?

New folder button on the location picker. This allows users to organise their files better.

Screenshots

Screencast.From.2024-12-16.06-49-13.mp4

What approach did you choose and why?

Using a window.prompt because it's the easiest to implement for now. Will enable us to move forward. There are follow ups that can be done to improve UX

[brunopagno]

Not sure if there's a more appropriate way to build this URL

[Kharonus]

if you want to keep this URL building out of the modal, you can add it to the locals map. The createFolderHref is static, hence this could be an easy solution and you won't rebuilt it:

    const locals = {
      projectFolderHref: this.projectStorage._links.projectFolder?.href,
      projectFolderMode: this.projectStorage.projectFolderMode,
      storage,
    };

[Kharonus]

🟡 I have a naming issue here.

newFolderDialog is not what really happens here. It is instead a createFolderAndEnter().

[Kharonus]

if you want to keep this URL building out of the modal, you can add it to the locals map. The createFolderHref is static, hence this could be an easy solution and you won't rebuilt it:

    const locals = {
      projectFolderHref: this.projectStorage._links.projectFolder?.href,
      projectFolderMode: this.projectStorage.projectFolderMode,
      storage,
    };

[Kharonus]

🟢 Yes, this implementation pretty much looks like I'd expect it.