Limit video upload size

[gordlin]

Related Item(s)

Issue #417

Changes

• [FEATURE] Prevents videos larger than 75MB from being uploaded in video panels, and shows an error when attempting to upload them.

Testing

Steps:

1. Go to any product (e.g. 00000000-0000-0000-0000-000000000000).
2. Go to any video panel.
3. Try to upload a video greater than 75MB. It will fail and show a warning.
4. Try to upload a video less than 75MB. It will upload as expected.

---

This change is 

[github-actions]

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

[RyanCoulsonCA]

Reviewable status: 0 of 2 files reviewed, 1 unresolved discussion (waiting on @gordlin)

---

src/components/video-editor.vue line 204 at r1 (raw file):

        // Block files which are too big
        if (file.size > this.fileSizeLimit * 1000000) {

This is nitpicky, but I believe this should be 1024 * 1024 instead of 1000000, otherwise we'll be capping it out at slightly less than 75MB.

[yileifeng]

Reviewable status: 0 of 2 files reviewed, 2 unresolved discussions (waiting on @gordlin and @RyanCoulsonCA)

---

src/components/video-editor.vue line 34 at r1 (raw file):

                <span class="align-middle inline-block">
                    <span>
                        <div>{{ $t('editor.video.label.drag') }}</div>

Center this first line by adding a text-align: center

[gordlin]

Reviewable status: 0 of 2 files reviewed, 2 unresolved discussions (waiting on @RyanCoulsonCA and @yileifeng)

---

src/components/video-editor.vue line 34 at r1 (raw file):

Previously, yileifeng (Yi Lei Feng) wrote…

Center this first line by adding a text-align: center

Donethanks!

---

src/components/video-editor.vue line 204 at r1 (raw file):

Previously, RyanCoulsonCA (Ryan Coulson) wrote…

This is nitpicky, but I believe this should be 1024 * 1024 instead of 1000000, otherwise we'll be capping it out at slightly less than 75MB.

Donethanks!

[yileifeng]

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

[RyanCoulsonCA]

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

[szczz]

Just a temporary blocker as there are merge conflicts in lang.csv

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

[gordlin]

Donethanks!

Reviewable status: 0 of 2 files reviewed, all discussions resolved (waiting on @RyanCoulsonCA, @szczz, and @yileifeng)

[szczz]

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

[IshavSohal]

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