Commit Graph

63 Commits

Author SHA1 Message Date
sebastjanartic
b643ba2a2c Show video playback controls when user interacts with the video
Implement logic to temporarily display video playback controls on click and hover events within the BunnyVideoModal component. Add new state variables `showControls` and `controlsTimeout` to manage the visibility and auto-hiding of controls. Update the video player container's className to include `cursor-pointer` and an `onClick` handler `handleVideoClick` which triggers `showControlsTemporarily`. The `onMouseEnter` and `onMouseLeave` handlers on the video player container also manage control visibility and timeouts. Navigation buttons now conditionally render with `opacity-100` or `opacity-0 pointer-events-none` based on the `showControls` state.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/dDOZBYz
2025-08-28 20:37:41 +00:00
sebastjanartic
e081f95816 Remove interactive video swiping functionality from the modal
Refactors the `BunnyVideoModal` component by removing all touch and mouse drag event handlers related to video swiping.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/wFqZzfa
2025-08-28 20:36:24 +00:00
sebastjanartic
2d09b42c16 Improve video player responsiveness and navigation experience
Update `BunnyVideoModal` to refine drag and swipe detection areas, ensuring better interaction with video controls and enhancing mobile navigation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/af5i6pm
2025-08-28 20:34:08 +00:00
sebastjanartic
c573c8c385 Improve video modal dragging for smoother navigation between videos
Refine drag-to-navigate functionality in the video modal component by introducing a drag threshold, delaying the start of dragging until a certain pixel movement is detected, and adjusting transition properties for smoother visual feedback.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/rZ9IVzA
2025-08-28 20:33:03 +00:00
sebastjanartic
4cb0d4d5d9 Improve video modal touch and drag navigation for smoother transitions
Refine touch event handling in `BunnyVideoModal` to improve horizontal drag responsiveness and control swipe gestures, adjusting drag limits and transition properties for a more fluid user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/MGNP7gF
2025-08-28 20:31:20 +00:00
sebastjanartic
38fafb0e50 Improve video player dragging and add visual feedback for navigation
Refine horizontal drag limits and transition animations in the video modal component, enhancing the user experience for navigating between videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/plzfVnD
2025-08-28 20:28:48 +00:00
sebastjanartic
b751bf93d1 Add swipe gesture navigation between videos in modal
Implement touch and mouse drag event handlers for horizontal swiping within the video modal to allow navigation between videos, utilizing Video.js player with HLS.js and Bunny.net CDN integration.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/NpZDdK4
2025-08-28 20:26:16 +00:00
sebastjanartic
22aac877b9 Add video navigation and translate UI elements to Slovenian
Introduce left/right arrow navigation for videos and translate several UI strings to Slovenian.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/14Urb47
2025-08-28 20:24:30 +00:00
sebastjanartic
b9fa335300 Add swipe gesture to navigate between videos within the player
Implement touch and mouse drag gestures for seamless video navigation, allowing users to swipe left or right to move to the next or previous video, respectively.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/aSWZcEZ
2025-08-28 20:20:12 +00:00
sebastjanartic
19c1358391 Improve video modal layout and text display for better viewing
Adjusted flex properties in `bunny-video-modal.tsx` to ensure proper rendering of the video player and sidebar. Modified text display for video titles to allow for normal wrapping and breaking of long words, preventing content truncation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/ahY6QGR
2025-08-28 20:08:36 +00:00
sebastjanartic
bc85481929 Improve video modal display for better readability
Update client/src/components/bunny-video-modal.tsx to adjust text styling for video titles and descriptions, improving their presentation within the modal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/r4YOUN9
2025-08-28 20:06:25 +00:00
sebastjanartic
e3b00c1c2c Remove unused category and tag information from video displays
Removes the rendering of video categories and tags from the modal, video card, and video page components in the client.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/BjeofQf
2025-08-28 19:10:40 +00:00
sebastjanartic
78b5327e59 Add administration interface for managing videos and viewing platform statistics
Implements a new /bunny-admin route with a dedicated page for video management and statistics, integrates a BunnyVideoModal for video playback and sharing, and adds backend API endpoints for Bunny.net statistics and video deletion.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/plFksdF
2025-08-08 21:10:03 +00:00