mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
bffc2cdf60
* refactor: move all extensions to separate package * refactor(mobile): add BuildContext extension * refactor(mobile): use theme getters from context * refactor(mobile): use media query size from context * refactor(mobile): use auto router methods from context * refactor(mobile): use navigator methods from context --------- Co-authored-by: shalong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>
181 lines
5.5 KiB
Dart
181 lines
5.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/routing/router.dart';
|
|
import 'package:immich_mobile/shared/models/logger_message.model.dart';
|
|
import 'package:immich_mobile/shared/services/immich_logger.service.dart';
|
|
import 'package:intl/intl.dart';
|
|
|
|
class AppLogPage extends HookConsumerWidget {
|
|
const AppLogPage({
|
|
Key? key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final immichLogger = ImmichLogger();
|
|
final logMessages = useState(immichLogger.messages);
|
|
final isDarkTheme = context.isDarkTheme;
|
|
|
|
Widget colorStatusIndicator(Color color) {
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 10,
|
|
height: 10,
|
|
decoration: BoxDecoration(
|
|
color: color,
|
|
shape: BoxShape.circle,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget buildLeadingIcon(LogLevel level) {
|
|
switch (level) {
|
|
case LogLevel.INFO:
|
|
return colorStatusIndicator(context.primaryColor);
|
|
case LogLevel.SEVERE:
|
|
return colorStatusIndicator(Colors.redAccent);
|
|
|
|
case LogLevel.WARNING:
|
|
return colorStatusIndicator(Colors.orangeAccent);
|
|
default:
|
|
return colorStatusIndicator(Colors.grey);
|
|
}
|
|
}
|
|
|
|
getTileColor(LogLevel level) {
|
|
switch (level) {
|
|
case LogLevel.INFO:
|
|
return Colors.transparent;
|
|
case LogLevel.SEVERE:
|
|
return isDarkTheme
|
|
? Colors.redAccent.withOpacity(0.25)
|
|
: Colors.redAccent.withOpacity(0.075);
|
|
case LogLevel.WARNING:
|
|
return isDarkTheme
|
|
? Colors.orangeAccent.withOpacity(0.25)
|
|
: Colors.orangeAccent.withOpacity(0.075);
|
|
default:
|
|
return context.primaryColor.withOpacity(0.1);
|
|
}
|
|
}
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(
|
|
"Logs - ${logMessages.value.length}",
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
scrolledUnderElevation: 1,
|
|
elevation: 2,
|
|
actions: [
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.delete_outline_rounded,
|
|
color: context.primaryColor,
|
|
semanticLabel: "Clear logs",
|
|
size: 20.0,
|
|
),
|
|
onPressed: () {
|
|
immichLogger.clearLogs();
|
|
logMessages.value = [];
|
|
},
|
|
),
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.share_rounded,
|
|
color: context.primaryColor,
|
|
semanticLabel: "Share logs",
|
|
size: 20.0,
|
|
),
|
|
onPressed: () {
|
|
immichLogger.shareLogs();
|
|
},
|
|
),
|
|
],
|
|
leading: IconButton(
|
|
onPressed: () {
|
|
context.autoPop();
|
|
},
|
|
icon: const Icon(
|
|
Icons.arrow_back_ios_new_rounded,
|
|
size: 20.0,
|
|
),
|
|
),
|
|
centerTitle: true,
|
|
),
|
|
body: ListView.separated(
|
|
separatorBuilder: (context, index) {
|
|
return Divider(
|
|
height: 0,
|
|
color: isDarkTheme ? Colors.white70 : Colors.grey[600],
|
|
);
|
|
},
|
|
itemCount: logMessages.value.length,
|
|
itemBuilder: (context, index) {
|
|
var logMessage = logMessages.value[index];
|
|
return ListTile(
|
|
onTap: () => context.autoPush(
|
|
AppLogDetailRoute(
|
|
logMessage: logMessage,
|
|
),
|
|
),
|
|
trailing: const Icon(Icons.arrow_forward_ios_rounded),
|
|
visualDensity: VisualDensity.compact,
|
|
dense: true,
|
|
tileColor: getTileColor(logMessage.level),
|
|
minLeadingWidth: 10,
|
|
title: Text.rich(
|
|
TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: "#$index ",
|
|
style: TextStyle(
|
|
color: isDarkTheme ? Colors.white70 : Colors.grey[600],
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
TextSpan(
|
|
text: truncateLogMessage(logMessage.message, 4),
|
|
style: const TextStyle(
|
|
fontSize: 14.0,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
style: const TextStyle(fontSize: 14.0, fontFamily: "Inconsolata"),
|
|
),
|
|
subtitle: Text(
|
|
"[${logMessage.context1}] Logged on ${DateFormat("HH:mm:ss.SSS").format(logMessage.createdAt)}",
|
|
style: TextStyle(
|
|
fontSize: 12.0,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
leading: buildLeadingIcon(logMessage.level),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Truncate the log message to a certain number of lines
|
|
/// @param int maxLines - Max number of lines to truncate
|
|
String truncateLogMessage(String message, int maxLines) {
|
|
List<String> messageLines = message.split("\n");
|
|
if (messageLines.length < maxLines) {
|
|
return message;
|
|
}
|
|
return "${messageLines.sublist(0, maxLines).join("\n")} ...";
|
|
}
|
|
}
|