Updated save messaging and added the storyline title + scrollbar to UUID dropdown

[szczz]

Updated save messaging / behaviour and added the storyline title + scrollbar to UUID dropdown

Related Item(s)

#301

Changes

• [FEATURE] Introduces a scrollbar and the title at the time of saving to the dropdown. Need to discuss bi-lingual title storage in the next meeting.

• [REFACTOR] Refactored the versioning system. Mostly done in the .NET API, but I added a warning and disabled the save button until the save is fully complete.

Notes

Can be tested on dev. I used the DevDeployment branch to release this code.

Testing

Steps:

1. Open dev
2. Verify the UUID dropdown doesn't scroll off the page.
3. Use the vertical scroll bar to your enjoyment
4. Verify the title for the Storyline is there. (This will be the title at the time of creation. Need to discuss). *** Only updated the title for a few of the storylines manually.
5. Try to save a storyline 5+ times. Confirm the previous versions load ALL GOOD. After the 6th save the oldest storyline should be nuked.

---

This change is 

[github-actions]

Your demo site is ready! 🚀 Visit it here: https://ramp4-pcar4.github.io/storylines-editor/QOLChanges

[yileifeng]

The title appended to dropdown list items is a nice enhancement. Two notes (one minor one major):

• the current dropdown is not keyboard accessible
• is it worth bolding one of the UUID or title text?

Reviewed 2 of 2 files at r1, all commit messages.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @szczz)

---

src/components/metadata-editor.vue line 61 at r1 (raw file):

                            />
                            <div
                                class="absolute z-10 w-full bg-white border border-gray-200 mt-1 max-h-96 overflow-y-auto"

Would it be better to make the max-height relative to screen size (e.g. 60vh)?

[szczz]

donethanks

Reviewable status: 1 of 3 files reviewed, 1 unresolved discussion (waiting on @yileifeng)

---

src/components/metadata-editor.vue line 61 at r1 (raw file):

Previously, yileifeng (Yi Lei Feng) wrote…

Would it be better to make the max-height relative to screen size (e.g. 60vh)?

donethanks

[RyanCoulsonCA]

Looks great!

Reviewed 2 of 2 files at r2, all commit messages.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @yileifeng)

[yileifeng]

Reviewed 2 of 2 files at r2, all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @szczz)