import 'dart:math'; import 'package:easy_localization/easy_localization.dart'; import 'package:fl_chart/fl_chart.dart'; import 'package:flutter/material.dart'; import 'package:selfprivacy/logic/common_enum/common_enum.dart'; import 'package:selfprivacy/logic/models/metrics.dart'; import 'package:selfprivacy/ui/pages/server_details/charts/bottom_title.dart'; import 'package:selfprivacy/ui/pages/server_details/server_details_screen.dart'; class DiskChart extends StatelessWidget { const DiskChart({ required this.diskData, required this.period, required this.start, super.key, }); final List diskData; final Period period; final DateTime start; List getSpots(final List data) { var i = 0; final List res = []; for (final d in data) { res.add(FlSpot(i.toDouble(), d.value)); i++; } return res; } String screenReaderDescription(final BuildContext context) { final buffer = StringBuffer(); buffer.write( 'resource_chart.disk_chart_screen_reader_explanation.beginning'.tr( namedArgs: { 'period': 'resource_chart.${period.name}'.tr(), }, ), ); for (final disk in diskData) { final lastData = disk.diskData.last; final lastValue = lastData.value; final firstData = disk.diskData.first; final firstValue = firstData.value; buffer.write( 'resource_chart.disk_chart_screen_reader_explanation.disk'.tr( namedArgs: { 'disk': disk.volume.displayName, 'beginningValue': firstValue.toStringAsFixed(1), 'endValue': lastValue.toStringAsFixed(1), }, ), ); } return buffer.toString(); } @override Widget build(final BuildContext context) { final diskDataMax = [ ...diskData.map>( (final disk) => disk.diskData.map((final e) => e.value).toList(), ), ].expand((final x) => x).reduce(max); return Semantics( label: screenReaderDescription(context), child: LineChart( LineChartData( lineTouchData: LineTouchData( enabled: true, touchTooltipData: LineTouchTooltipData( getTooltipColor: (final LineBarSpot _) => Theme.of(context).colorScheme.surface, tooltipPadding: const EdgeInsets.all(8), getTooltipItems: (final List touchedBarSpots) { final List res = []; bool timeShown = false; for (final spot in touchedBarSpots) { final value = spot.y; final date = diskData.first.diskData[spot.x.toInt()].time; res.add( LineTooltipItem( '${timeShown ? '' : DateFormat('HH:mm dd.MM.yyyy').format(date)} ${diskData[spot.barIndex].volume.displayName} ${value.toInt()}%', TextStyle( color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold, ), ), ); timeShown = true; } return res; }, ), ), lineBarsData: diskData .map( (final disk) => LineChartBarData( spots: getSpots(disk.diskData), isCurved: false, barWidth: 2, color: disk.color, dotData: const FlDotData( show: false, ), belowBarData: BarAreaData( show: true, gradient: LinearGradient( colors: [ disk.color.withOpacity(0.5), disk.color.withOpacity(0.0), ], begin: Alignment.bottomCenter, end: Alignment.topCenter, ), ), ), ) .toList(), minY: 0, maxY: 100, minX: 0, titlesData: FlTitlesData( topTitles: const AxisTitles( sideTitles: SideTitles(showTitles: false), ), bottomTitles: AxisTitles( sideTitles: SideTitles( interval: 40, reservedSize: 30, getTitlesWidget: (final value, final titleMeta) => Padding( padding: const EdgeInsets.all(8.0), child: ExcludeSemantics( child: Text( bottomTitle( value.toInt(), diskData.first.diskData, period, ), style: Theme.of(context).textTheme.labelSmall?.copyWith( color: Theme.of(context).colorScheme.onSurfaceVariant, ), ), ), ), showTitles: true, ), ), leftTitles: const AxisTitles( sideTitles: SideTitles(showTitles: false), ), rightTitles: const AxisTitles( sideTitles: SideTitles( showTitles: false, ), ), ), gridData: FlGridData( show: true, drawVerticalLine: true, verticalInterval: 40, horizontalInterval: diskDataMax * 2 / 6.5, getDrawingHorizontalLine: (final value) => FlLine( color: Theme.of(context).colorScheme.outline.withOpacity(0.3), strokeWidth: 1, ), getDrawingVerticalLine: (final value) => FlLine( color: Theme.of(context).colorScheme.outline.withOpacity(0.3), strokeWidth: 1, ), ), borderData: FlBorderData( show: true, border: Border( bottom: BorderSide( color: Theme.of(context).colorScheme.outline.withOpacity(0.3), width: 1, ), left: BorderSide( color: Theme.of(context).colorScheme.outline.withOpacity(0.3), width: 1, ), right: BorderSide( color: Theme.of(context).colorScheme.outline.withOpacity(0.3), width: 1, ), top: BorderSide( color: Theme.of(context).colorScheme.outline.withOpacity(0.3), width: 1, ), ), ), ), ), ); } bool checkToShowTitle( final double minValue, final double maxValue, final SideTitles sideTitles, final double appliedInterval, final double value, ) { if (value < 0) { return false; } else if (value == 0) { return true; } final diff = value - minValue; final finalValue = diff / 20; return finalValue - finalValue.floor() == 0; } }