Skip to content

Commit

Permalink
chore: more yt download item info inside info dialog
Browse files Browse the repository at this point in the history
  • Loading branch information
@MSOB7YY
MSOB7YY committed Nov 20, 2023
1 parent 6d484b7 commit 726b8a8
Show file tree
Hide file tree
Showing 2 changed files with 153 additions and 100 deletions.
19 changes: 14 additions & 5 deletions lib/ui/widgets/custom_widgets.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -355,7 +355,7 @@ class CustomBlurryDialog extends StatelessWidget {
final bool isWarning;
final bool scrollable;
final EdgeInsets insetPadding;
final EdgeInsetsGeometry? contentPadding;
final EdgeInsetsGeometry contentPadding;
final ThemeData? theme;

const CustomBlurryDialog({
Expand All @@ -372,7 +372,7 @@ class CustomBlurryDialog extends StatelessWidget {
this.isWarning = false,
this.insetPadding = const EdgeInsets.symmetric(horizontal: 50.0, vertical: 32.0),
this.scrollable = true,
this.contentPadding,
this.contentPadding = const EdgeInsets.all(14.0),
this.leftAction,
this.theme,
});
Expand Down Expand Up @@ -456,7 +456,7 @@ class CustomBlurryDialog extends StatelessWidget {

/// Body.
Padding(
padding: contentPadding ?? const EdgeInsets.all(14.0),
padding: contentPadding,
child: SizedBox(
width: context.width,
child: bodyText != null
Expand Down Expand Up @@ -1923,8 +1923,17 @@ class NamidaContainerDivider extends StatelessWidget {
final double? width;
final double height;
final Color? color;
final Color? colorForce;
final EdgeInsetsGeometry? margin;
const NamidaContainerDivider({super.key, this.width, this.height = 2.0, this.color, this.margin});

const NamidaContainerDivider({
super.key,
this.width,
this.height = 2.0,
this.color,
this.margin,
this.colorForce,
});

@override
Widget build(BuildContext context) {
Expand All @@ -1933,7 +1942,7 @@ class NamidaContainerDivider extends StatelessWidget {
width: width,
margin: margin,
decoration: BoxDecoration(
color: (color ?? context.theme.dividerColor).withAlpha(Get.isDarkMode ? 100 : 20),
color: colorForce ?? (color ?? context.theme.dividerColor).withAlpha(Get.isDarkMode ? 100 : 20),
borderRadius: BorderRadius.circular(18.0.multipliedRadius),
),
);
Expand Down
234 changes: 139 additions & 95 deletions lib/youtube/widgets/yt_download_task_item_card.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,12 +149,13 @@ class YTDownloadTaskItemCard extends StatelessWidget {

final saveLocation = "${AppDirs.YOUTUBE_DOWNLOADS}$groupName/${item.filename}";

List<Widget> getTrailing(IconData icon, String text, {Widget? iconWidget}) {
List<Widget> getTrailing(IconData icon, String text, {Widget? iconWidget, Color? iconColor}) {
return [
iconWidget ??
Icon(
icon,
size: 18.0,
color: iconColor,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 4.0),
Expand All @@ -168,10 +169,15 @@ class YTDownloadTaskItemCard extends StatelessWidget {

NamidaNavigator.inst.navigateDialog(
dialog: CustomBlurryDialog(
insetPadding: const EdgeInsets.symmetric(horizontal: 38.0, vertical: 32.0),
title: lang.INFO,
normalTitleStyle: true,
trailingWidgets: [
...getTrailing(Broken.eye, info?.viewCount?.formatDecimalShort() ?? '?'),
...getTrailing(
Broken.eye,
info?.viewCount?.formatDecimalShort() ?? '?',
iconColor: context.theme.colorScheme.primary,
),
const SizedBox(width: 6.0),
...() {
final videoId = info?.id ?? '';
Expand All @@ -184,7 +190,7 @@ class YTDownloadTaskItemCard extends StatelessWidget {
size: 18.0,
likedIcon: Broken.like_filled,
normalIcon: Broken.like_1,
disabledColor: context.theme.iconTheme.color,
disabledColor: context.theme.colorScheme.primary,
isLiked: isUserLiked,
onTap: (isLiked) async {
YoutubePlaylistController.inst.favouriteButtonOnPressed(videoId);
Expand All @@ -194,92 +200,162 @@ class YTDownloadTaskItemCard extends StatelessWidget {
}(),
],
child: SizedBox(
height: context.height * 0.6,
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TrackInfoListTile(
title: lang.TITLE,
value: videoTitle,
icon: Broken.text,
),
TrackInfoListTile(
title: lang.CHANNEL,
value: videoSubtitle,
icon: Broken.user,
),
TrackInfoListTile(
title: lang.DATE,
value: "$dateText$dateAgo",
icon: Broken.calendar,
),
TrackInfoListTile(
title: lang.DURATION,
value: duration,
icon: Broken.clock,
),
TrackInfoListTile(
title: lang.LINK,
value: YoutubeController.inst.getYoutubeLink(item.id),
icon: Broken.link_1,
),
TrackInfoListTile(
title: 'ID',
value: item.id,
icon: Broken.video_square,
),
TrackInfoListTile(
title: lang.PATH,
value: saveLocation,
icon: Broken.location,
height: context.height * 0.7,
child: Column(
children: [
Expanded(
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TrackInfoListTile(
title: lang.TITLE,
value: videoTitle,
icon: Broken.text,
),
TrackInfoListTile(
title: lang.CHANNEL,
value: videoSubtitle,
icon: Broken.user,
),
TrackInfoListTile(
title: lang.DATE,
value: "$dateText$dateAgo",
icon: Broken.calendar,
),
TrackInfoListTile(
title: lang.DURATION,
value: duration,
icon: Broken.clock,
),
TrackInfoListTile(
title: lang.LINK,
value: YoutubeController.inst.getYoutubeLink(item.id),
icon: Broken.link_1,
),
TrackInfoListTile(
title: 'ID',
value: item.id,
icon: Broken.video_square,
),
TrackInfoListTile(
title: lang.PATH,
value: saveLocation,
icon: Broken.location,
),
TrackInfoListTile(
title: lang.DESCRIPTION,
value: HtmlParser.parseHTML(info?.description ?? '').text,
icon: Broken.message_text_1,
child: descriptionWidget,
),
TrackInfoListTile(
title: lang.TAGS,
value: item.ffmpegTags.entries.map((e) => "- ${e.key}: ${e.value}").join('\n'),
icon: Broken.tag,
),
]
.addSeparators(
separator: NamidaContainerDivider(
height: 1.5,
colorForce: context.theme.colorScheme.onBackground.withOpacity(0.2),
),
skipFirst: 1,
)
.toList(),
),
),
TrackInfoListTile(
title: lang.DESCRIPTION,
value: HtmlParser.parseHTML(info?.description ?? '').text,
icon: Broken.message_text_1,
child: descriptionWidget,
),
const SizedBox(height: 6.0),
DecoratedBox(
decoration: BoxDecoration(
color: context.theme.cardColor.withOpacity(0.4),
borderRadius: BorderRadius.circular(8.0.multipliedRadius),
),
TrackInfoListTile(
title: lang.TAGS,
value: item.ffmpegTags.entries.map((e) => "- ${e.key}: ${e.value}").join('\n'),
icon: Broken.tag,
child: Padding(
padding: const EdgeInsets.all(6.0),
child: Column(
children: [
..._getItemLocalInfoWidgets(context: context),
],
),
),
],
),
),
],
),
),
),
);
}

Future<bool> _confirmOperation({
List<Widget> _getItemLocalInfoWidgets({
required BuildContext context,
required String operationTitle,
String confirmMessage = '',
}) async {
bool confirmed = false;
}) {
final item = videos[index];
final itemDirectoryPath = "${AppDirs.YOUTUBE_DOWNLOADS}$groupName";
final file = File("$itemDirectoryPath/${item.filename}");

final videoStream = item.videoStream;
final audioStream = item.audioStream;

Widget getRow({required IconData icon, required List<String> texts}) {
return Row(
children: [
Icon(icon, size: 20.0),
Icon(icon, size: 18.0),
const SizedBox(width: 6.0),
Expanded(
child: Text(
texts.where((element) => element != '').join(' • '),
style: context.textTheme.displaySmall,
style: context.textTheme.displaySmall?.copyWith(fontSize: 12.0.multipliedFontScale),
),
),
],
);
}

final videoStream = item.videoStream;
final audioStream = item.audioStream;
return [
getRow(icon: Broken.location, texts: [itemDirectoryPath]),
const SizedBox(height: 6.0),
if (file.existsSync()) ...[
getRow(
icon: Broken.document_code,
texts: [
file.existsSync() ? file.lengthSync().fileSizeFormatted : '',
(item.fileDate ?? file.statSync().creationDate).millisecondsSinceEpoch.dateAndClockFormattedOriginal,
],
),
const SizedBox(height: 6.0),
],
if (videoStream != null) ...[
getRow(
icon: Broken.video_square,
texts: [
videoStream.sizeInBytes?.fileSizeFormatted ?? '',
videoStream.bitrateText,
videoStream.resolution ?? '',
],
),
const SizedBox(height: 6.0),
],
if (audioStream != null) ...[
getRow(
icon: Broken.audio_square,
texts: [
audioStream.sizeInBytes?.fileSizeFormatted ?? '',
audioStream.bitrateText,
],
),
],
];
}

Future<bool> _confirmOperation({
required BuildContext context,
required String operationTitle,
String confirmMessage = '',
}) async {
final item = videos[index];
bool confirmed = false;
await NamidaNavigator.inst.navigateDialog(
dialog: CustomBlurryDialog(
title: lang.WARNING,
Expand Down Expand Up @@ -315,39 +391,7 @@ class YTDownloadTaskItemCard extends StatelessWidget {
),
),
const SizedBox(height: 24.0),
getRow(icon: Broken.location, texts: [itemDirectoryPath]),
const SizedBox(height: 8.0),
if (file.existsSync()) ...[
getRow(
icon: Broken.document_code,
texts: [
file.existsSync() ? file.lengthSync().fileSizeFormatted : '',
(item.fileDate ?? file.statSync().creationDate).millisecondsSinceEpoch.dateAndClockFormattedOriginal,
],
),
const SizedBox(height: 8.0),
],
if (videoStream != null) ...[
getRow(
icon: Broken.video_square,
texts: [
videoStream.sizeInBytes?.fileSizeFormatted ?? '',
videoStream.bitrateText,
videoStream.resolution ?? '',
],
),
const SizedBox(height: 8.0),
],
if (audioStream != null) ...[
getRow(
icon: Broken.audio_square,
texts: [
audioStream.sizeInBytes?.fileSizeFormatted ?? '',
audioStream.bitrateText,
],
),
const SizedBox(height: 8.0),
],
..._getItemLocalInfoWidgets(context: context),
],
),
),
Expand Down

0 comments on commit 726b8a8

Please sign in to comment.