video_card.dart

Go to the documentation of this file.

import '/core/ui/widgets/custom_card.dart';
import '/features/elearning/domain/entities/video_entity.dart';
import '/features/elearning/presentation/screens/news_updates_screen/widgets/expandable_text.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:hugeicons/hugeicons.dart';
import 'package:url_launcher/url_launcher.dart';
 
class VideoCard extends StatefulWidget {
  const VideoCard({
    super.key,
    required this.video,
  });
 
  final VideoEntity video;
 
  @override
  State<VideoCard> createState() => _VideoCardState();
}
 
class _VideoCardState extends State<VideoCard> {
  opslaunchVideo(String videoUrl) {
    launchUrl(Uri.parse(videoUrl));
  }
 
  String getYoutubeThumbnail(String videoUrl) {
    final Uri? uri = Uri.tryParse(videoUrl);
    if (uri == null ||
        !uri.host.contains('youtube.com') && !uri.host.contains('youtu.be')) {
      throw Exception('Invalid YouTube URL');
    }
 
    String? videoId;
 
    if (uri.host.contains('youtube.com')) {
      videoId = uri.queryParameters['v'];
    } else if (uri.host.contains('youtu.be')) {
      videoId = uri.pathSegments.isNotEmpty ? uri.pathSegments.first : null;
    }
 
    if (videoId == null) {
      return '';
    }
 
    return 'https://img.youtube.com/vi/$videoId/0.jpg';
  }
 
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        opslaunchVideo(widget.video.linkUrl ?? '');
      },
      style: ElevatedButton.styleFrom(
        padding: EdgeInsets.zero,
        overlayColor: Theme.of(context).colorScheme.primary,
      ),
      child: CustomCard(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Flexible(
                  child: Text(
                    '${widget.video.name}',
                    style: Theme.of(context).textTheme.bodySmall,
                  ),
                ),
                SizedBox(width: 10.sp),
                Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(80),
                    color: Theme.of(context).primaryColor,
                  ),
                  padding:
                      EdgeInsets.symmetric(horizontal: 7.sp, vertical: 3.sp),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(
                        HugeIcons.strokeRoundedTime02,
                        size: 12.sp,
                        color: Theme.of(context).colorScheme.onPrimary,
                      ),
                      SizedBox(width: 4.sp),
                      Text(
                        '${widget.video.videoTime}',
                        style: Theme.of(context).textTheme.bodySmall?.copyWith(
                              color: Theme.of(context).colorScheme.onPrimary,
                              fontSize: 9.5.sp,
                              fontWeight: FontWeight.bold,
                            ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
            SizedBox(height: 10.sp),
            const Divider(
              height: 0.0,
            ),
            SizedBox(height: 10.sp),
            ExpandableText(
              text: widget.video.description ?? '',
              maxLines: 2,
            ),
            SizedBox(height: 10.sp),
            const Divider(
              height: 0.0,
              endIndent: 100,
            ),
            SizedBox(height: 10.sp),
            Container(
              height: 160.sp,
              width: MediaQuery.of(context).size.width,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(5),
                color: Theme.of(context).colorScheme.surface.withOpacity(0.3),
                image: DecorationImage(
                  fit: BoxFit.cover,
                  image: NetworkImage(
                    getYoutubeThumbnail('${widget.video.linkUrl}'),
                  ),
                ),
              ),
              child: Center(
                child: CircleAvatar(
                  backgroundColor:
                      Theme.of(context).colorScheme.onSurface.withOpacity(0.11),
                  radius: 25.sp,
                  child: CircleAvatar(
                    radius: 20.sp,
                    backgroundColor: Theme.of(context)
                        .colorScheme
                        .onSurface
                        .withOpacity(0.5),
                    child: Center(
                      child: Icon(
                        HugeIcons.strokeRoundedPlay,
                        color: Theme.of(context).colorScheme.primary,
                        size: 25.sp,
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}