mirror of
https://github.com/JGeek00/adguard-home-manager.git
synced 2025-04-22 06:49:11 +00:00
434 lines
No EOL
19 KiB
Dart
434 lines
No EOL
19 KiB
Dart
// ignore_for_file: use_build_context_synchronously
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:adguard_home_manager/widgets/domain_options.dart';
|
|
|
|
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
|
import 'package:adguard_home_manager/functions/get_filtered_status.dart';
|
|
import 'package:adguard_home_manager/models/logs.dart';
|
|
import 'package:adguard_home_manager/functions/format_time.dart';
|
|
|
|
class LogTile extends StatelessWidget {
|
|
final Log log;
|
|
final int length;
|
|
final int index;
|
|
final bool? isLogSelected;
|
|
final void Function(Log) onLogTap;
|
|
final bool? useAlwaysNormalTile;
|
|
|
|
const LogTile({
|
|
Key? key,
|
|
required this.log,
|
|
required this.length,
|
|
required this.index,
|
|
this.isLogSelected,
|
|
required this.onLogTap,
|
|
this.useAlwaysNormalTile
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
|
|
|
final width = MediaQuery.of(context).size.width;
|
|
|
|
Widget logStatusWidget({
|
|
required IconData icon,
|
|
required Color color,
|
|
required String text
|
|
}) {
|
|
return SizedBox(
|
|
width: 80,
|
|
child: Column(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
color: color,
|
|
size: 14,
|
|
),
|
|
const SizedBox(height: 5),
|
|
Text(
|
|
text,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: color,
|
|
fontSize: 12
|
|
),
|
|
)
|
|
]
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget generateLogStatus() {
|
|
final filter = getFilteredStatus(context, appConfigProvider, log.reason, false);
|
|
return logStatusWidget(
|
|
icon: filter['icon'],
|
|
color: filter['color'],
|
|
text: filter['label'],
|
|
);
|
|
}
|
|
|
|
if (width > 1100 && !(useAlwaysNormalTile == true)) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(28),
|
|
child: DomainOptions(
|
|
onTap: () => onLogTap(log),
|
|
borderRadius: BorderRadius.circular(28),
|
|
item: log.question.name,
|
|
isBlocked: isDomainBlocked(log.reason),
|
|
child: Container(
|
|
width: double.maxFinite,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(28),
|
|
color: isLogSelected == true
|
|
? Theme.of(context).colorScheme.primaryContainer
|
|
: null
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Flexible(
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Flexible(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
log.question.name,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
),
|
|
),
|
|
const SizedBox(height: 5),
|
|
if (log.client.length <= 15 && appConfigProvider.showNameTimeLogs == false) Row(
|
|
children: [
|
|
...[
|
|
Icon(
|
|
Icons.smartphone_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 5),
|
|
Flexible(
|
|
child: Text(
|
|
log.client,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 14,
|
|
height: 1.4,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
const SizedBox(width: 15),
|
|
...[
|
|
Icon(
|
|
Icons.schedule_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 5),
|
|
Flexible(
|
|
child: Text(
|
|
convertTimestampLocalTimezone(log.time, 'HH:mm:ss'),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
if (log.client.length > 15 || appConfigProvider.showNameTimeLogs == true) Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.smartphone_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 15),
|
|
Flexible(
|
|
child: Text(
|
|
log.client,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
if (appConfigProvider.showNameTimeLogs == true && log.clientInfo != null && log.clientInfo!.name != '') ...[
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.badge_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 15),
|
|
Flexible(
|
|
child: Text(
|
|
log.clientInfo!.name,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.schedule_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 15),
|
|
SizedBox(
|
|
child: Text(
|
|
convertTimestampLocalTimezone(log.time, 'HH:mm:ss'),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
if (appConfigProvider.showNameTimeLogs == true && log.elapsedMs != '') ...[
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.timer,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 15),
|
|
SizedBox(
|
|
child: Text(
|
|
"${double.parse(log.elapsedMs).toStringAsFixed(2)} ms",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
],
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
generateLogStatus()
|
|
],
|
|
)
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
else {
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: DomainOptions(
|
|
onTap: () => onLogTap(log),
|
|
item: log.question.name,
|
|
isBlocked: isDomainBlocked(log.reason),
|
|
child: Container(
|
|
width: double.maxFinite,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
log.question.name,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
height: 1.5,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurface
|
|
),
|
|
),
|
|
const SizedBox(height: 5),
|
|
if (log.client.length <= 15 && appConfigProvider.showNameTimeLogs == false) Row(
|
|
children: [
|
|
...[
|
|
Icon(
|
|
Icons.smartphone_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 5),
|
|
Flexible(
|
|
child: Text(
|
|
log.client,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 14,
|
|
height: 1.4,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
const SizedBox(width: 15),
|
|
...[
|
|
Icon(
|
|
Icons.schedule_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 5),
|
|
Flexible(
|
|
child: Text(
|
|
convertTimestampLocalTimezone(log.time, 'HH:mm:ss'),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
if (log.client.length > 15 || appConfigProvider.showNameTimeLogs == true) Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.smartphone_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 15),
|
|
Flexible(
|
|
child: Text(
|
|
log.client,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
if (appConfigProvider.showNameTimeLogs == true && log.clientInfo != null && log.clientInfo!.name != '') ...[
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.badge_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 15),
|
|
Flexible(
|
|
child: Text(
|
|
log.clientInfo!.name,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.schedule_rounded,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 15),
|
|
SizedBox(
|
|
child: Text(
|
|
convertTimestampLocalTimezone(log.time, 'HH:mm:ss'),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
if (appConfigProvider.showNameTimeLogs == true && log.elapsedMs != '') ...[
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.timer,
|
|
size: 16,
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
),
|
|
const SizedBox(width: 15),
|
|
SizedBox(
|
|
child: Text(
|
|
"${double.parse(log.elapsedMs).toStringAsFixed(2)} ms",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Theme.of(context).listTileTheme.textColor,
|
|
fontSize: 13
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
generateLogStatus()
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
} |