Add multiple multi layout options #1902
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
In addition to the previous "vertical" multi-layout, add a new horizontal multi-layout.
Allow the user to select which mode they desire when they focus a video initially. In horizontal mode, the primary video is placed on top and the rest are docked below in a film strip. In vertical mode, the film strip is vertical to the right of the primary video.
![image](https://private-user-images.githubusercontent.com/47112112/394030077-24e01967-9aee-41c8-b88c-d2c0a648ee21.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMzE1NDksIm5iZiI6MTczOTAzMTI0OSwicGF0aCI6Ii80NzExMjExMi8zOTQwMzAwNzctMjRlMDE5NjctOWFlZS00MWM4LWI4OGMtZDJjMGE2NDhlZTIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE2MTQwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc1YmM0NjA4ZDc1YzlkMWExNTJmNzBjYjA4OGQ2NmI5YWJkMjQ2ZDRmMDMwOTUzOTNmMzc0ODdmZGY5Yjk5NTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Hr8xxWybmlZZ8WUNzE1q6YgbjS1yvMEKlVceiDkjxWc)
Of note: Horizontal mode lets one maximize video size on large horizontal screen layouts (an extra wide monitor or multiple monitors)
Allow multiple videos to be focused. This either vertically stacks or horizontally stacks the videos based on the focus mode.
Clean up the URL handling to support re-entering videos with similar layouts and retaining the same focus options, including multiple focused videos and whether it was in horizontal or vertical mode.
Clean up the context menu to only show valid options for the given video. As an example, don't allow a focus'd video to be added to the focus'd set.
![image](https://private-user-images.githubusercontent.com/47112112/394029836-9b36ea93-36db-44f7-99a4-c98695d8763f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMzE1NDksIm5iZiI6MTczOTAzMTI0OSwicGF0aCI6Ii80NzExMjExMi8zOTQwMjk4MzYtOWIzNmVhOTMtMzZkYi00NGY3LTk5YTQtYzk4Njk1ZDg3NjNmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE2MTQwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI0MTcxNjBiMTJiZTY2OTdlNzRiZGM3ZTIzZDRjNTg5MDQxODI5YmMxMGMyODM0YWNhM2M3OWQyMjgxN2Y4ZmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.i7YOOlxBfAiwOiJZajz7ctSfBVEfRNu8-GZpaTqUwaY)