Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ video upload modal #336 #411

Merged

Conversation

Beulah-Matt
Copy link
Collaborator

@Beulah-Matt Beulah-Matt commented Apr 7, 2023

Description

I have implemented a video modal with a
-Title
-Name inputs
-A thumbnail image
-Radio check marks to select video resolution.

On clicking the play button in the video block, you are redirected to this modal.
When you click on the thumbnail, a file explorer window is opened to select a video file

Currently, you are able to see the video in the modal in place of the thumbnail and the URL is prepopulated under the video link input.

Fixes #336

Type of change

Please delete options that are not relevant.

  • New feature (non-breaking change which adds functionality)

#Screenshot
Screencast from 11-05-23 19:41:17.webm

Checklist:

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings

@Beulah-Matt
Copy link
Collaborator Author

@LemmyMwaura , I have opened a new PR without the rebased files, please see this.

@Beulah-Matt Beulah-Matt changed the title ✨ video upload modal issue#336 ✨ video upload modal #336 Apr 7, 2023
}

async processVideo(event: any) {
if (event.target.files && event.target.files[0]) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add comments here to clarify what is happening

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool, working on this, I will let you know when it is done @njoroge-jane

Copy link
Collaborator

@njoroge-jane njoroge-jane left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Beulah-Matt Great Job!

A few things to work on for the general UI:

  • The color of the modal heading and the pixel options should match be as per the design
  • The input for the name and the media input field should be of the same length even after the thumbnail has been uploaded.
  • The spacing around the modal should be as per design

NB: Kindly attach a video of the entire uploading process.

@njoroge-jane njoroge-jane merged commit e387d46 into italanta:develop May 15, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🗒️ Video Block Modal
4 participants