Add support for advanced/custom config editor

[yileifeng]

Related Item(s)

Closes #190
Related to #247

Changes

• [FEATURE] Adds JSON editor tab for slides to manually edit configuration
• [FEATURE] Adds JSON schema validation when saving JSON editor and properly updates config
• [FIX] Update missing panel properties for schema
• [FIX] Update 0000 test product to adapt to new dynamic slideshow schema structure

Testing (in progress)

Any testing involving the custom ("advanced") editor by modifying/adding new config properties for slides and attempting to save. As an example, adding "customStyles": "text-align: center;" to a text panel should apply changes.

If the schema validation error alert is encountered upon saving, it is possible the schema requires more adjustments for missing/outdated properties (NOTE: likely to fail if using custom editor to add niche chart properties or RAMP configuration since those are not contained in panel schema, but in these cases the user should be using the highcharts editor or RAMP config editor respectively).

---

This change is 

[github-actions]

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

[RyanCoulsonCA]

Looks good! We should create a new issue to update the schema to support some of the newer features that have been merged in recently.

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

---

src/components/editor/helpers/custom-editor.vue line 3 at r1 (raw file):

<template>
    <div class="mt-4">
        <json-editor

Is it possible to make the height of the JSON editor slightly taller? It's quite small when I try to use it on my laptop, and there's still some space to show more

[yileifeng]

Made a new issue to track future schema changes and added a few minor adjustments for current validation errors as discussed

Reviewable status: 11 of 13 files reviewed, 1 unresolved discussion (waiting on @RyanCoulsonCA)

---

src/components/editor/helpers/custom-editor.vue line 3 at r1 (raw file):

Previously, RyanCoulsonCA (Ryan Coulson) wrote…

Is it possible to make the height of the JSON editor slightly taller? It's quite small when I try to use it on my laptop, and there's still some space to show more

Donethanks

[RyanCoulsonCA]

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

[szczz]

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

[mohsin-r]

Looks slick!

One minor grouse I had was the advanced editor save button that asks the user for confirmation before overwriting is way down at the bottom and a user may not see it.

Instead, they may click the regular top right save button, which does not ask for any confirmation and proceeds to save. Not a blocking comment since this is not anything breaking.

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

[KashishMistry]

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

[yileifeng]

Removed the confirmation step when saving JSON

Reviewable status: 4 of 14 files reviewed, all discussions resolved (waiting on @KashishMistry, @mohsin-r, @RyanCoulsonCA, and @szczz)

[dnlnashed]

Reviewed 3 of 13 files at r1, 1 of 2 files at r2, 10 of 10 files at r3, all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @yileifeng)

[mohsin-r]

Whoops, realized I may have been holding up this PR.
Looks ALL GOOD!

Reviewed 10 of 10 files at r3, all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @yileifeng)