213 lines
5.9 KiB
Dart
213 lines
5.9 KiB
Dart
// ignore_for_file: unused_import
|
|
|
|
import 'dart:async';
|
|
|
|
import 'package:flutter/services.dart';
|
|
import 'package:localization/localization.dart';
|
|
import 'package:loris/themes/themes.dart';
|
|
import '../../business_logic/settings.dart' as settings;
|
|
import '../../global.dart' as global;
|
|
import 'package:flutter/material.dart';
|
|
import 'package:loris/themes/themes.dart' as themes;
|
|
|
|
final themeStream = StreamController<CustomColors>.broadcast();
|
|
|
|
class AppSettings extends StatelessWidget {
|
|
const AppSettings({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
children: [
|
|
PostBatchSlider(
|
|
initialSize: global.settings!.batchSize,
|
|
),
|
|
const ContentWidthSlider(),
|
|
const ThemePicker(),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class PostBatchSlider extends StatefulWidget {
|
|
const PostBatchSlider({required this.initialSize, Key? key})
|
|
: super(key: key);
|
|
final int initialSize;
|
|
@override
|
|
State<PostBatchSlider> createState() => _PostBatchSliderState();
|
|
}
|
|
|
|
class _PostBatchSliderState extends State<PostBatchSlider> {
|
|
late int size;
|
|
|
|
@override
|
|
void initState() {
|
|
size = widget.initialSize;
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text("post-batch-size".i18n()),
|
|
Flexible(
|
|
child: Slider(
|
|
label: size.toString(),
|
|
value: size.toDouble(),
|
|
divisions: 19,
|
|
min: 5,
|
|
max: 100,
|
|
onChanged: ((value) {
|
|
global.settings!.saveBatchSize(value.toInt());
|
|
setState(() {
|
|
size = value.toInt();
|
|
});
|
|
}),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SelectableText("post-batch-size-description".i18n()),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class ContentWidthSlider extends StatefulWidget {
|
|
const ContentWidthSlider({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<ContentWidthSlider> createState() => _ContentWidthSliderState();
|
|
}
|
|
|
|
class _ContentWidthSliderState extends State<ContentWidthSlider> {
|
|
double value = global.settings!.postWidth;
|
|
String maxValue = global.settings!.maxPostWidth.round().toString();
|
|
final _formKey = GlobalKey<FormState>();
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
SelectableText(
|
|
"content-width-percentage-label".i18n(),
|
|
),
|
|
Flexible(
|
|
child: Slider(
|
|
min: 0.4,
|
|
max: 1.0,
|
|
label: "${(value * 100).round()}%",
|
|
value: value,
|
|
divisions: 6,
|
|
onChanged: ((double v) async {
|
|
setState(() {
|
|
value = v;
|
|
});
|
|
await global.settings!.savePostWidth(value);
|
|
}),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SelectableText("content-width-percentage-description".i18n()),
|
|
Row(
|
|
children: [
|
|
SelectableText(
|
|
"max-content-width-label".i18n(),
|
|
),
|
|
Flexible(
|
|
child: Form(
|
|
key: _formKey,
|
|
onChanged: () {
|
|
if (_formKey.currentState!.validate()) {}
|
|
},
|
|
child: TextFormField(
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
textAlign: TextAlign.right,
|
|
initialValue: maxValue,
|
|
keyboardType: TextInputType.number,
|
|
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
|
|
onChanged: (String value) {
|
|
setState(() {
|
|
maxValue = value;
|
|
});
|
|
if (maxValue.isNotEmpty) {
|
|
if (double.parse(maxValue) >= 375) {
|
|
global.settings!
|
|
.saveMaxPostWidth(double.parse(maxValue));
|
|
} else {
|
|
setState(() {
|
|
maxValue = 375.toString();
|
|
});
|
|
}
|
|
}
|
|
},
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SelectableText("content-max-width-description".i18n()),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class ThemePicker extends StatefulWidget {
|
|
const ThemePicker({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<ThemePicker> createState() => _ThemePickerState();
|
|
}
|
|
|
|
class _ThemePickerState extends State<ThemePicker> {
|
|
CustomColors v = global.settings!.theme;
|
|
|
|
void saveTheme(CustomColors c) {
|
|
themeStream.add(c);
|
|
setState(() {
|
|
v = c;
|
|
});
|
|
global.settings!.saveTheme(c.name);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
List<DropdownMenuItem<CustomColors>> themeButtons = [];
|
|
for (var element in themes.available) {
|
|
themeButtons.add(DropdownMenuItem(
|
|
alignment: Alignment.center,
|
|
value: element,
|
|
child: Text(
|
|
textAlign: TextAlign.center,
|
|
element.name,
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
));
|
|
}
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
SelectableText("theme-title".i18n()),
|
|
DropdownButtonHideUnderline(
|
|
child: DropdownButton<themes.CustomColors>(
|
|
alignment: Alignment.center,
|
|
iconEnabledColor: Theme.of(context).colorScheme.onSurface,
|
|
items: themeButtons,
|
|
onChanged: (value) {
|
|
saveTheme(value!);
|
|
},
|
|
value: v,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|