import 'package:easy_localization/easy_localization.dart'; import 'package:flutter/material.dart'; import 'package:selfprivacy/logic/cubit/app_config_dependent/authentication_dependend_cubit.dart'; import 'package:selfprivacy/logic/cubit/provider_volumes/provider_volume_cubit.dart'; import 'package:selfprivacy/logic/models/disk_size.dart'; import 'package:selfprivacy/ui/components/brand_button/filled_button.dart'; import 'package:selfprivacy/ui/components/brand_hero_screen/brand_hero_screen.dart'; import 'package:selfprivacy/ui/pages/server_storage/disk_status.dart'; class ExtendingVolumePage extends StatefulWidget { const ExtendingVolumePage({ required this.diskVolumeToResize, required this.diskStatus, final super.key, }); final DiskVolume diskVolumeToResize; final DiskStatus diskStatus; @override State createState() => _ExtendingVolumePageState(); } class _ExtendingVolumePageState extends State { bool _isError = false; double _currentSliderGbValue = -1; double _euroPerGb = 1.0; final DiskSize maxSize = DiskSize(byte: 500000000000); DiskSize minSize = DiskSize(); final TextEditingController _sizeController = TextEditingController(); final TextEditingController _priceController = TextEditingController(); void _updateErrorStatuses() { _isError = minSize.asGb() > _currentSliderGbValue; } @override Widget build(final BuildContext context) => FutureBuilder( future: context.read().getPricePerGb(), builder: ( final BuildContext context, final AsyncSnapshot snapshot, ) { if (!snapshot.hasData) { return BrandHeroScreen( hasBackButton: true, heroTitle: 'providers.storage.extending_volume_title'.tr(), heroSubtitle: 'providers.storage.extending_volume_description'.tr(), children: const [ SizedBox(height: 16), ], ); } _euroPerGb = snapshot.data as double; _sizeController.text = _currentSliderGbValue.truncate().toString(); _priceController.text = (_euroPerGb * double.parse(_sizeController.text)) .toStringAsPrecision(2); minSize = widget.diskVolumeToResize.sizeTotal; if (_currentSliderGbValue < 0) { _currentSliderGbValue = minSize.asGb(); } return BrandHeroScreen( hasBackButton: true, heroTitle: 'providers.storage.extending_volume_title'.tr(), heroSubtitle: 'providers.storage.extending_volume_description'.tr(), children: [ const SizedBox(height: 16), Row( mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.center, children: [ ConstrainedBox( constraints: const BoxConstraints(maxWidth: 130), child: TextField( readOnly: true, textAlign: TextAlign.start, textInputAction: TextInputAction.next, enabled: true, controller: _sizeController, decoration: InputDecoration( border: const OutlineInputBorder(), errorText: _isError ? ' ' : null, labelText: 'providers.storage.size'.tr(), ), ), ), const SizedBox(width: 16), ConstrainedBox( constraints: const BoxConstraints(maxWidth: 130), child: TextField( readOnly: true, textAlign: TextAlign.start, textInputAction: TextInputAction.next, enabled: true, controller: _priceController, decoration: InputDecoration( border: const OutlineInputBorder(), errorText: _isError ? ' ' : null, labelText: 'providers.storage.euro'.tr(), ), ), ), ], ), const SizedBox(height: 16), Slider( min: minSize.asGb(), value: _currentSliderGbValue, max: maxSize.asGb(), onChanged: (final double value) { setState(() { _currentSliderGbValue = value; _updateErrorStatuses(); }); }, ), const SizedBox(height: 16), FilledButton( title: 'providers.storage.extend_volume_button.title'.tr(), onPressed: null, disabled: _isError, ), const SizedBox(height: 16), const Divider( height: 1.0, ), const SizedBox(height: 16), const Align( alignment: Alignment.centerLeft, child: Icon( Icons.info_outlined, size: 24, ), ), const SizedBox(height: 16), Text('providers.storage.extending_volume_price_info'.tr()), const SizedBox(height: 16), ], ); }, ); }