Add Profile.BellSound to Settings UI

[carlos-zamora]

Summary of the Pull Request

Adds the Profile.BellSound setting to the Settings UI under the Profile > Advanced page.

• View changes:
  • The setting is exposed via an expander placed near the Profile.BellStyle setting.
  • Added a button to be able to preview the added sound
  • Added a browse button that opens a file picker
  • Added a delete button to be able to delete each sound entry
• View model changes:
  • CurrentBellSounds keeps track of the bell sounds added and exposed via the UI.
  • BellSoundViewModel wraps each sound. This allows us to listen (and propagate) changes to the registered sounds.
  • BellSoundPreview provides a written preview of the current bell sound to display in the expander

#10000

[DHowett]

Probably we don't need to have one browse button per line. Since the indices don't matter in the backend, there is no difference between "replace an entry inline" and "delete old entry, click add (which opens a Browse window)", except that the first is much more complicated from both a developer standpoint (tracking which index to replace) and a user one ("why are there so many buttons?")

[carlos-zamora]

Probably we don't need to have one browse button per line. Since the indices don't matter in the backend, there is no difference between "replace an entry inline" and "delete old entry, click add (which opens a Browse window)", except that the first is much more complicated from both a developer standpoint (tracking which index to replace) and a user one ("why are there so many buttons?")

Added the demo above.

Yeah, for designs 2 & 3, we I think we may be able to remove BellSoundViewModel entirely and just search for a matching string.

I'm gonna hold off on making that change for a bit though, because I want consensus on a design first. Adding "Needs-Discussion" so we touch base on the design at the upcoming sync.

[carlos-zamora]

Feedback from team sync (10/7):

• Drag and drop would be cool, but there isn't really a nice spot for it. (maybe drop on the "+ add sound" button)
  • punted
• (nit) take advantage of more width? (skipped)
• [test]: sound is playing, but we navigate to another page
  • we stop playing the sound and navigate just fine. Nice!
• take the users home directory and replace it with ~
  • [idea] display the filename, and display the directory path separately as a subtitle
    • [idea] only display the directory if there's multiple files with the same name
• [idea] when sound is added, we copy it over to the local folder
  • punted at this point
• We should validate that the files exist
  • maybe strikethrough the item that didn't load?
  • definitely don't try and play sound!
• Bell style interaction
  • have a preview
  • add a warning if "style: audible" is off
  • In "Bell sound" help text, say "you will need to enable "Bell notification style, audible"
  • in the future, combine bell style and sound
• [bug] if you close the file picker, we add an empty entry

[carlos-zamora]

Demo

photo credit: Dustin