mirror of
https://github.com/JGeek00/adguard-home-manager.git
synced 2025-05-15 22:42:50 +00:00
Created block time schedule settings
This commit is contained in:
parent
5b2523158b
commit
d73ad93180
10 changed files with 560 additions and 8 deletions
143
lib/screens/clients/client/blocking_schedule.dart
Normal file
143
lib/screens/clients/client/blocking_schedule.dart
Normal file
|
@ -0,0 +1,143 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
|
||||
import 'package:adguard_home_manager/screens/clients/client/blocking_schedule_modal.dart';
|
||||
import 'package:adguard_home_manager/widgets/custom_list_tile.dart';
|
||||
import 'package:adguard_home_manager/widgets/section_label.dart';
|
||||
|
||||
import 'package:adguard_home_manager/models/clients.dart';
|
||||
|
||||
class BlockingSchedule extends StatelessWidget {
|
||||
final BlockedServicesSchedule blockedServicesSchedule;
|
||||
final void Function(BlockedServicesSchedule) setBlockedServicesSchedule;
|
||||
|
||||
const BlockingSchedule({
|
||||
super.key,
|
||||
required this.blockedServicesSchedule,
|
||||
required this.setBlockedServicesSchedule,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
void openAddScheduleModal() {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => BlockingScheduleModal(
|
||||
onConfirm: (v) => {},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String formatTime(int time) {
|
||||
final formatted = Duration(milliseconds: time);
|
||||
final hours = formatted.inHours;
|
||||
final minutes = formatted.inMinutes - hours*60;
|
||||
return "${hours.toString().padLeft(2 , '0')}:${minutes.toString().padLeft(2, '0')}";
|
||||
}
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
SectionLabel(label: AppLocalizations.of(context)!.pauseServiceBlocking),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 12),
|
||||
child: IconButton(
|
||||
onPressed: openAddScheduleModal,
|
||||
icon: const Icon(Icons.add)
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
if (blockedServicesSchedule.mon != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.monday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.mon!.start!)} - ${formatTime(blockedServicesSchedule.mon!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
if (blockedServicesSchedule.tue != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.tuesday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.tue!.start!)} - ${formatTime(blockedServicesSchedule.tue!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
if (blockedServicesSchedule.wed != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.wednesday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.wed!.start!)} - ${formatTime(blockedServicesSchedule.wed!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
if (blockedServicesSchedule.thu != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.thursday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.thu!.start!)} - ${formatTime(blockedServicesSchedule.thu!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
if (blockedServicesSchedule.fri != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.friday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.fri!.start!)} - ${formatTime(blockedServicesSchedule.fri!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
if (blockedServicesSchedule.sat != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.saturday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.sat!.start!)} - ${formatTime(blockedServicesSchedule.sat!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
if (blockedServicesSchedule.sun != null) _ScheduleTile(
|
||||
weekday: AppLocalizations.of(context)!.sunday,
|
||||
schedule: "${formatTime(blockedServicesSchedule.sun!.start!)} - ${formatTime(blockedServicesSchedule.sun!.end!)}",
|
||||
onEdit: () => {},
|
||||
onDelete: () => {}
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ScheduleTile extends StatelessWidget {
|
||||
final String weekday;
|
||||
final String schedule;
|
||||
final void Function() onEdit;
|
||||
final void Function() onDelete;
|
||||
|
||||
const _ScheduleTile({
|
||||
required this.weekday,
|
||||
required this.schedule,
|
||||
required this.onEdit,
|
||||
required this.onDelete,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return CustomListTile(
|
||||
title: weekday,
|
||||
subtitle: schedule,
|
||||
trailing: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
IconButton(
|
||||
onPressed: onEdit,
|
||||
icon: const Icon(Icons.edit_rounded),
|
||||
tooltip: AppLocalizations.of(context)!.edit,
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
IconButton(
|
||||
onPressed: onDelete,
|
||||
icon: const Icon(Icons.delete_rounded),
|
||||
tooltip: AppLocalizations.of(context)!.delete,
|
||||
),
|
||||
],
|
||||
),
|
||||
padding: const EdgeInsets.only(
|
||||
left: 16,
|
||||
top: 6,
|
||||
right: 12,
|
||||
bottom: 6
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
283
lib/screens/clients/client/blocking_schedule_modal.dart
Normal file
283
lib/screens/clients/client/blocking_schedule_modal.dart
Normal file
|
@ -0,0 +1,283 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:timezone/timezone.dart' as tz;
|
||||
import 'package:timezone/data/latest.dart' as tz;
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
|
||||
import 'package:adguard_home_manager/models/clients.dart';
|
||||
|
||||
class BlockingScheduleModal extends StatefulWidget {
|
||||
final void Function(BlockedServicesSchedule) onConfirm;
|
||||
|
||||
const BlockingScheduleModal({
|
||||
super.key,
|
||||
required this.onConfirm,
|
||||
});
|
||||
|
||||
@override
|
||||
State<BlockingScheduleModal> createState() => _BlockingScheduleModalState();
|
||||
}
|
||||
|
||||
class _BlockingScheduleModalState extends State<BlockingScheduleModal> {
|
||||
String? _timezone;
|
||||
List<String> _weekdays = [];
|
||||
TimeOfDay? _from;
|
||||
TimeOfDay? _to;
|
||||
|
||||
bool _compareTimes(TimeOfDay startTime, TimeOfDay endTime) {
|
||||
bool result = false;
|
||||
int startTimeInt = (startTime.hour * 60 + startTime.minute) * 60;
|
||||
int endTimeInt = (endTime.hour * 60 + endTime.minute) * 60;
|
||||
|
||||
if (endTimeInt > startTimeInt) {
|
||||
result = true;
|
||||
} else {
|
||||
result = false;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
bool _validate() {
|
||||
return _timezone != null &&
|
||||
_weekdays.isNotEmpty &&
|
||||
_from != null &&
|
||||
_to != null &&
|
||||
_compareTimes(_from!, _to!);
|
||||
}
|
||||
|
||||
int _timeOfDayToInt(TimeOfDay timeOfDay) {
|
||||
return Duration(
|
||||
days: 0,
|
||||
hours: timeOfDay.hour,
|
||||
minutes: timeOfDay.minute,
|
||||
seconds: 0
|
||||
).inMinutes;
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
tz.initializeTimeZones();
|
||||
_timezone = tz.local.name;
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
void onSelectWeekday(bool newStatus, String day) {
|
||||
if (newStatus == true && !_weekdays.contains(day)) {
|
||||
setState(() => _weekdays.add(day));
|
||||
}
|
||||
else if (newStatus == false) {
|
||||
setState(() => _weekdays = _weekdays.where((e) => e != day).toList());
|
||||
}
|
||||
}
|
||||
|
||||
void onConfirm() {
|
||||
widget.onConfirm(
|
||||
BlockedServicesSchedule(
|
||||
timeZone: _timezone,
|
||||
mon: _weekdays.contains("mon") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
tue: _weekdays.contains("tue") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
wed: _weekdays.contains("wed") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
thu: _weekdays.contains("thu") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
fri: _weekdays.contains("fri") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
sat: _weekdays.contains("sat") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
sun: _weekdays.contains("sun") ? BlockedServicesScheduleDay(start: _timeOfDayToInt(_from!), end: _timeOfDayToInt(_to!)) : null,
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
final valid = _validate();
|
||||
final validTimes = _from != null && _to != null
|
||||
? _compareTimes(_from!, _to!)
|
||||
: null;
|
||||
|
||||
return Dialog(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Flexible(
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.schedule_rounded,
|
||||
size: 24,
|
||||
color: Theme.of(context).listTileTheme.iconColor
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
AppLocalizations.of(context)!.newSchedule,
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontSize: 24,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
LayoutBuilder(
|
||||
builder: (context, constraints) => DropdownButtonFormField(
|
||||
items: tz.timeZoneDatabase.locations.keys.map((item) => DropdownMenuItem(
|
||||
value: item,
|
||||
child: SizedBox(
|
||||
width: constraints.maxWidth-48,
|
||||
child: Text(
|
||||
item,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
)).toList(),
|
||||
value: _timezone,
|
||||
onChanged: (v) => setState(() => _timezone = v),
|
||||
decoration: InputDecoration(
|
||||
border: const OutlineInputBorder(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(10)
|
||||
)
|
||||
),
|
||||
label: Text(AppLocalizations.of(context)!.timezone)
|
||||
),
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
SizedBox(
|
||||
height: 50,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
children: [
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.monday),
|
||||
selected: _weekdays.contains("mon"),
|
||||
onSelected: (value) => onSelectWeekday(value, "mon")
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.tuesday),
|
||||
selected: _weekdays.contains("tue"),
|
||||
onSelected: (value) => onSelectWeekday(value, "tue")
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.wednesday),
|
||||
selected: _weekdays.contains("wed"),
|
||||
onSelected: (value) => onSelectWeekday(value, "wed")
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.thursday),
|
||||
selected: _weekdays.contains("thu"),
|
||||
onSelected: (value) => onSelectWeekday(value, "thu")
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.friday),
|
||||
selected: _weekdays.contains("fri"),
|
||||
onSelected: (value) => onSelectWeekday(value, "fri")
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.saturday),
|
||||
selected: _weekdays.contains("sat"),
|
||||
onSelected: (value) => onSelectWeekday(value, "sat")
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
FilterChip(
|
||||
label: Text(AppLocalizations.of(context)!.sunday),
|
||||
selected: _weekdays.contains("sun"),
|
||||
onSelected: (value) => onSelectWeekday(value, "sun")
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
final selected = await showTimePicker(
|
||||
context: context,
|
||||
initialTime: _from ?? const TimeOfDay(hour: 0, minute: 0),
|
||||
helpText: AppLocalizations.of(context)!.selectStartTime,
|
||||
confirmText: AppLocalizations.of(context)!.confirm,
|
||||
);
|
||||
setState(() => _from = selected);
|
||||
},
|
||||
child: Text(
|
||||
AppLocalizations.of(context)!.from(
|
||||
_from != null ? "${_from!.hour.toString().padLeft(2, '0')}:${_from!.minute.toString().padLeft(2, '0')}" : "--:--"
|
||||
)
|
||||
)
|
||||
),
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
final selected = await showTimePicker(
|
||||
context: context,
|
||||
initialTime: _to ?? const TimeOfDay(hour: 23, minute: 59),
|
||||
helpText: AppLocalizations.of(context)!.selectEndTime,
|
||||
confirmText: AppLocalizations.of(context)!.confirm
|
||||
);
|
||||
setState(() => _to = selected);
|
||||
},
|
||||
child: Text(
|
||||
AppLocalizations.of(context)!.to(
|
||||
_to != null ? "${_to!.hour.toString().padLeft(2, '0')}:${_to!.minute.toString().padLeft(2, '0')}" : "--:--"
|
||||
)
|
||||
)
|
||||
),
|
||||
],
|
||||
),
|
||||
if (validTimes == false) Padding(
|
||||
padding: const EdgeInsets.only(top: 16),
|
||||
child: Card(
|
||||
color: const Color.fromARGB(255, 255, 182, 175),
|
||||
elevation: 0,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.error_rounded,
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Text(
|
||||
AppLocalizations.of(context)!.startTimeBeforeEndTime,
|
||||
style: TextStyle(
|
||||
color: Theme.of(context).colorScheme.onSurface
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context),
|
||||
child: Text(AppLocalizations.of(context)!.close)
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
TextButton(
|
||||
onPressed: valid ? () => onConfirm() : null,
|
||||
child: Text(AppLocalizations.of(context)!.confirm)
|
||||
),
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
|
@ -8,6 +8,7 @@ import 'package:adguard_home_manager/screens/clients/client/identifiers_section.
|
|||
import 'package:adguard_home_manager/screens/clients/client/settings_tile.dart';
|
||||
import 'package:adguard_home_manager/screens/clients/client/tags_section.dart';
|
||||
import 'package:adguard_home_manager/screens/clients/client/upstream_servers_section.dart';
|
||||
import 'package:adguard_home_manager/screens/clients/client/blocking_schedule.dart';
|
||||
|
||||
import 'package:adguard_home_manager/widgets/custom_switch_list_tile.dart';
|
||||
import 'package:adguard_home_manager/widgets/custom_list_tile.dart';
|
||||
|
@ -52,6 +53,8 @@ class ClientForm extends StatelessWidget {
|
|||
final TextEditingController dnsCacheField;
|
||||
final String? dnsCacheError;
|
||||
final void Function(String?) updateDnsCacheError;
|
||||
final BlockedServicesSchedule blockedServicesSchedule;
|
||||
final void Function(BlockedServicesSchedule) setBlockedServicesSchedule;
|
||||
|
||||
const ClientForm({
|
||||
super.key,
|
||||
|
@ -90,6 +93,8 @@ class ClientForm extends StatelessWidget {
|
|||
required this.dnsCacheField,
|
||||
required this.dnsCacheError,
|
||||
required this.updateDnsCacheError,
|
||||
required this.blockedServicesSchedule,
|
||||
required this.setBlockedServicesSchedule,
|
||||
});
|
||||
|
||||
@override
|
||||
|
@ -282,6 +287,11 @@ class ClientForm extends StatelessWidget {
|
|||
keyboardType: TextInputType.number,
|
||||
),
|
||||
),
|
||||
BlockingSchedule(
|
||||
blockedServicesSchedule: blockedServicesSchedule,
|
||||
setBlockedServicesSchedule: setBlockedServicesSchedule,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
|
|
@ -81,6 +81,8 @@ class _ClientScreenState extends State<ClientScreen> {
|
|||
bool _enableDnsCache = false;
|
||||
final _dnsCacheField = TextEditingController();
|
||||
String? _dnsCacheError;
|
||||
|
||||
BlockedServicesSchedule _blockedServicesSchedule = BlockedServicesSchedule();
|
||||
|
||||
// VALIDATIONS
|
||||
bool _nameValid = true;
|
||||
|
@ -140,6 +142,9 @@ class _ClientScreenState extends State<ClientScreen> {
|
|||
_dnsCacheField.text = widget.client!.upstreamsCacheSize != null
|
||||
? widget.client!.upstreamsCacheSize.toString()
|
||||
: "";
|
||||
if (widget.client!.blockedServicesSchedule != null) {
|
||||
_blockedServicesSchedule = widget.client!.blockedServicesSchedule!;
|
||||
}
|
||||
}
|
||||
super.initState();
|
||||
}
|
||||
|
@ -166,7 +171,8 @@ class _ClientScreenState extends State<ClientScreen> {
|
|||
upstreamsCacheEnabled: _enableDnsCache,
|
||||
upstreamsCacheSize: _dnsCacheField.text != ""
|
||||
? int.parse(_dnsCacheField.text)
|
||||
: null
|
||||
: null,
|
||||
blockedServicesSchedule: _blockedServicesSchedule
|
||||
);
|
||||
widget.onConfirm(client);
|
||||
}
|
||||
|
@ -268,7 +274,9 @@ class _ClientScreenState extends State<ClientScreen> {
|
|||
updateEnableDnsCache: (v) => setState(() => _enableDnsCache = v),
|
||||
dnsCacheField: _dnsCacheField,
|
||||
dnsCacheError: _dnsCacheError,
|
||||
updateDnsCacheError: (v) => setState(() => _dnsCacheError = v)
|
||||
updateDnsCacheError: (v) => setState(() => _dnsCacheError = v),
|
||||
blockedServicesSchedule: _blockedServicesSchedule,
|
||||
setBlockedServicesSchedule: (v) => setState(() => _blockedServicesSchedule = v),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
@ -353,7 +361,9 @@ class _ClientScreenState extends State<ClientScreen> {
|
|||
updateEnableDnsCache: (v) => setState(() => _enableDnsCache = v),
|
||||
dnsCacheField: _dnsCacheField,
|
||||
dnsCacheError: _dnsCacheError,
|
||||
updateDnsCacheError: (v) => setState(() => _dnsCacheError = v)
|
||||
updateDnsCacheError: (v) => setState(() => _dnsCacheError = v),
|
||||
blockedServicesSchedule: _blockedServicesSchedule,
|
||||
setBlockedServicesSchedule: (v) => setState(() => _blockedServicesSchedule = v),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue