flowfuse
flowfuse copied to clipboard
FlowFuse
UX Design: Static Asset Service
Figma: https://www.figma.com/design/rMB2w5ZZUtTC0nxbwLYKJY/FlowForge-Platform?node-id=5114-9755&t=ucfVJ1L0nGr89g35-1
Snapshots of design iterations in comments below
Draft 1
Feedback
Nick:
I had more of a file browser ux in mind, rather than a flat list of individual files. The sharing option (whether to expose via http) would be done at the folder level (we can't do individual files)
Additional Considerations
- Difference between accessible in Node-RED in a flow, or if they're also accessible through Dashboard too?
- Nick initially detailed this as being able to "Share", but I think it's a privacy/security type option instead of "sharing".
- Nick: One UX issue to consider; if the instance is suspended, then nr-launcher isn't running and we don't have access to the filesystem to manage its files. That might be achievable by mounting the file-system elsewhere temporarily, but that gets complicated (and sure if it would be possible in the docker version). So considering that out of scope for first iteration.
Draft 2
Assets - Nested Folder
- Here, we're inside the "inventory" folder, and can see it's contents.
- "Actions" would include move/delete
- "New Folder" does what is says on the tin, as does "Upload"
- Note the sectioning, first mini-table details the "Active Directory", with "back" navigation option available
- Visibility is configured at the folder level.
- Folder Path & Base URL should be be configurable too. Not sure if inline or kebab menu with dialog is the best approach here.
Public
These files would be available via HTTP, and therefore have a "URL":
Here, this directory is marked as "Node-RED Only", so do not have a URL available:
Immersive Editor View
- Note "copy" icon for the relevant file paths
- Row hover interaction for smoother awareness