jiazhizhong/polaris
1
0
Fork 0
mirror of https://github.com/simon-ding/polaris.git synced 2026-06-09 19:47:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update setting page

Browse Source
This commit is contained in:
Simon Ding
2024-07-18 12:15:04 +08:00
parent 135e225df2
commit 993dfd57f1
9 changed files with 319 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

467
ui/lib/system_settings.dart
View File

@@ -4,8 +4,7 @@ import 'package:ui/providers/login.dart';
import 'package:ui/providers/settings.dart';
import 'package:ui/utils.dart';
import 'package:ui/widgets/progress_indicator.dart';
import 'providers/APIs.dart';
import 'package:ui/widgets/widgets.dart';
class SystemSettingsPage extends ConsumerStatefulWidget {
static const route = "/settings";
@@ -19,227 +18,134 @@ class SystemSettingsPage extends ConsumerStatefulWidget {
class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
final GlobalKey _formKey = GlobalKey<FormState>();
Future<void>? _pendingTmdb;
Future<void>? _pendingIndexer;
Future<void>? _pendingDownloadClient;
Future<void>? _pendingStorage;
final _tmdbApiController = TextEditingController();
final _downloadDirController = TextEditingController();
bool? _enableAuth;
@override
Widget build(BuildContext context) {
var tmdbKey = ref.watch(settingProvider(APIs.tmdbApiKey));
var dirKey = ref.watch(settingProvider(APIs.downloadDirKey));
var settings = ref.watch(settingProvider);
var tmdbSetting = FutureBuilder(
// We listen to the pending operation, to update the UI accordingly.
future: _pendingTmdb,
builder: (context, snapshot) {
var tmdbSetting = settings.when(
data: (v) {
_tmdbApiController.text = v.tmdbApiKey!;
_downloadDirController.text = v.downloadDIr!;
return Container(
padding: const EdgeInsets.fromLTRB(40, 10, 40, 0),
child: Form(
key: _formKey, //设置globalKey，用于后面获取FormState
autovalidateMode: AutovalidateMode.onUserInteraction,
child: Column(
children: [
tmdbKey.when(
data: (value) {
_tmdbApiController.text = value;
return TextFormField(
autofocus: true,
controller: _tmdbApiController,
decoration: const InputDecoration(
labelText: "TMDB Api Key",
icon: Icon(Icons.key),
),
//
validator: (v) {
return v!.trim().isNotEmpty ? null : "ApiKey 不能为空";
},
onSaved: (newValue) {},
);
padding: const EdgeInsets.fromLTRB(40, 10, 40, 0),
child: Form(
key: _formKey, //设置globalKey，用于后面获取FormState
autovalidateMode: AutovalidateMode.onUserInteraction,
child: Column(
children: [
TextFormField(
autofocus: true,
controller: _tmdbApiController,
decoration: Commons.requiredTextFieldStyle(
text: "TMDB Api Key", icon: const Icon(Icons.key)),
//
validator: (v) {
return v!.trim().isNotEmpty ? null : "ApiKey 不能为空";
},
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator()),
dirKey.when(
data: (data) {
_downloadDirController.text = data;
return TextFormField(
autofocus: true,
controller: _downloadDirController,
decoration: const InputDecoration(
labelText: "下载路径",
icon: Icon(Icons.folder),
),
//
validator: (v) {
return v!.trim().isNotEmpty ? null : "ApiKey 不能为空";
},
onSaved: (newValue) {},
);
},
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator()),
Center(
child: Padding(
padding: const EdgeInsets.only(top: 28.0),
child: ElevatedButton(
child: const Padding(
padding: EdgeInsets.all(16.0),
child: Text("保存"),
),
onPressed: () {
// 通过_formKey.currentState 获取FormState后，
// 调用validate()方法校验用户名密码是否合法，校验
// 通过后再提交数据。
if ((_formKey.currentState as FormState).validate()) {
var furture = ref
.read(settingProvider(APIs.tmdbApiKey).notifier)
.updateSettings(_tmdbApiController.text);
ref
.read(settingProvider(APIs.downloadDirKey)
.notifier)
.updateSettings(_downloadDirController.text);
setState(() {
_pendingTmdb = furture;
});
showError(snapshot);
}
},
),
onSaved: (newValue) {},
),
)
],
),
),
);
});
TextFormField(
autofocus: true,
controller: _downloadDirController,
decoration: Commons.requiredTextFieldStyle(
text: "下载路径", icon: const Icon(Icons.folder)),
//
validator: (v) {
return v!.trim().isNotEmpty ? null : "下载路径不能为空";
},
onSaved: (newValue) {},
),
Center(
child: Padding(
padding: const EdgeInsets.only(top: 28.0),
child: ElevatedButton(
child: const Padding(
padding: EdgeInsets.all(16.0),
child: Text("保存"),
),
onPressed: () {
if ((_formKey.currentState as FormState)
.validate()) {
var f = ref
.read(settingProvider.notifier)
.updateSettings(GeneralSetting(
tmdbApiKey: _tmdbApiController.text,
downloadDIr:
_downloadDirController.text));
f.whenComplete(() {
Utils.showSnakeBar("更新成功");
}).onError((e, s) {
Utils.showSnakeBar("更新失败：$e");
});
}
},
),
),
)
],
),
));
},
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
var indexers = ref.watch(indexersProvider);
var indexerSetting = FutureBuilder(
// We listen to the pending operation, to update the UI accordingly.
future: _pendingIndexer,
builder: (context, snapshot) {
return indexers.when(
data: (value) => GridView.builder(
itemCount: value.length + 1,
scrollDirection: Axis.vertical,
shrinkWrap: true,
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 6),
itemBuilder: (context, i) {
if (i < value.length) {
var indexer = value[i];
return Card(
margin: const EdgeInsets.all(4),
clipBehavior: Clip.hardEdge,
child: InkWell(
//splashColor: Colors.blue.withAlpha(30),
onTap: () {
showIndexerDetails(snapshot, context, indexer);
},
child: Center(child: Text(indexer.name!))));
}
return Card(
margin: const EdgeInsets.all(4),
clipBehavior: Clip.hardEdge,
child: InkWell(
//splashColor: Colors.blue.withAlpha(30),
onTap: () {
showIndexerDetails(snapshot, context, Indexer());
},
child: const Center(
child: Icon(Icons.add),
)));
}),
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
});
var indexerSetting = indexers.when(
data: (value) => Wrap(
children: List.generate(value.length + 1, (i) {
if (i < value.length) {
var indexer = value[i];
return SettingsCard(
onTap: () => showIndexerDetails(indexer),
child: Text(indexer.name!));
}
return SettingsCard(
onTap: () => showIndexerDetails(Indexer()),
child: const Icon(Icons.add));
}),
),
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
var downloadClients = ref.watch(dwonloadClientsProvider);
var downloadSetting = FutureBuilder(
// We listen to the pending operation, to update the UI accordingly.
future: _pendingDownloadClient,
builder: (context, snapshot) {
return downloadClients.when(
data: (value) => GridView.builder(
itemCount: value.length + 1,
scrollDirection: Axis.vertical,
shrinkWrap: true,
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 6),
itemBuilder: (context, i) {
if (i < value.length) {
var client = value[i];
return Card(
margin: const EdgeInsets.all(4),
clipBehavior: Clip.hardEdge,
child: InkWell(
//splashColor: Colors.blue.withAlpha(30),
onTap: () {
showDownloadClientDetails(
snapshot, context, client);
},
child: Center(child: Text(client.name!))));
}
return Card(
margin: const EdgeInsets.all(4),
clipBehavior: Clip.hardEdge,
child: InkWell(
//splashColor: Colors.blue.withAlpha(30),
onTap: () {
showDownloadClientDetails(
snapshot, context, DownloadClient());
},
child: const Center(
child: Icon(Icons.add),
)));
}),
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
});
var downloadSetting = downloadClients.when(
data: (value) => Wrap(
children: List.generate(value.length + 1, (i) {
if (i < value.length) {
var client = value[i];
return SettingsCard(
onTap: () => showDownloadClientDetails(client),
child: Text(client.name!));
}
return SettingsCard(
onTap: () => showDownloadClientDetails(DownloadClient()),
child: const Icon(Icons.add));
})),
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
var storageSettingData = ref.watch(storageSettingProvider);
var storageSetting = FutureBuilder(
// We listen to the pending operation, to update the UI accordingly.
future: _pendingStorage,
builder: (context, snapshot) {
return storageSettingData.when(
data: (value) => GridView.builder(
itemCount: value.length + 1,
scrollDirection: Axis.vertical,
shrinkWrap: true,
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 6),
itemBuilder: (context, i) {
if (i < value.length) {
var storage = value[i];
return Card(
margin: const EdgeInsets.all(4),
clipBehavior: Clip.hardEdge,
child: InkWell(
//splashColor: Colors.blue.withAlpha(30),
onTap: () {
showStorageDetails(snapshot, context, storage);
},
child: Center(child: Text(storage.name!))));
}
return Card(
margin: const EdgeInsets.all(4),
clipBehavior: Clip.hardEdge,
child: InkWell(
//splashColor: Colors.blue.withAlpha(30),
onTap: () {
showStorageDetails(snapshot, context, Storage());
},
child: const Center(
child: Icon(Icons.add),
)));
}),
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
});
var storageSetting = storageSettingData.when(
data: (value) => Wrap(
children: List.generate(value.length + 1, (i) {
if (i < value.length) {
var storage = value[i];
return SettingsCard(
onTap: () => showStorageDetails(storage),
child: Text(storage.name!));
}
return SettingsCard(
onTap: () => showStorageDetails(Storage()),
child: const Icon(Icons.add));
}),
),
error: (err, trace) => Text("$err"),
loading: () => const MyProgressIndicator());
var authData = ref.watch(authSettingProvider);
TextEditingController userController = TextEditingController();
@@ -267,15 +173,18 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
children: [
TextFormField(
controller: userController,
decoration: const InputDecoration(
labelText: "用户名",
icon: Icon(Icons.verified_user),
decoration: Commons.requiredTextFieldStyle(
text: "用户名",
icon: const Icon(Icons.account_box),
)),
TextFormField(
obscureText: true,
enableSuggestions: false,
autocorrect: false,
controller: passController,
decoration: const InputDecoration(
labelText: "密码",
icon: Icon(Icons.verified_user),
decoration: Commons.requiredTextFieldStyle(
text: "密码",
icon: const Icon(Icons.password),
))
],
)
@@ -284,10 +193,15 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
child: ElevatedButton(
child: const Text("保存"),
onPressed: () {
ref
var f = ref
.read(authSettingProvider.notifier)
.updateAuthSetting(_enableAuth!,
userController.text, passController.text);
f.whenComplete(() {
Utils.showSnakeBar("更新成功");
}).onError((e, s) {
Utils.showSnakeBar("更新失败：$e");
});
}))
],
);
@@ -298,6 +212,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
return ListView(
children: [
ExpansionTile(
expandedAlignment: Alignment.centerLeft,
tilePadding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
childrenPadding: const EdgeInsets.fromLTRB(50, 0, 50, 0),
initiallyExpanded: true,
@@ -305,23 +220,26 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
children: [tmdbSetting],
),
ExpansionTile(
expandedAlignment: Alignment.centerLeft,
tilePadding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
childrenPadding: const EdgeInsets.fromLTRB(50, 0, 50, 0),
initiallyExpanded: true,
initiallyExpanded: false,
title: const Text("索引器设置"),
children: [indexerSetting],
),
ExpansionTile(
expandedAlignment: Alignment.centerLeft,
tilePadding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
childrenPadding: const EdgeInsets.fromLTRB(50, 0, 50, 0),
initiallyExpanded: true,
initiallyExpanded: false,
title: const Text("下载客户端设置"),
children: [downloadSetting],
),
ExpansionTile(
expandedAlignment: Alignment.centerLeft,
tilePadding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
childrenPadding: const EdgeInsets.fromLTRB(50, 0, 50, 0),
initiallyExpanded: true,
initiallyExpanded: false,
title: const Text("存储设置"),
children: [storageSetting],
),
@@ -336,8 +254,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
);
}
Future<void> showIndexerDetails(
AsyncSnapshot<void> snapshot, BuildContext context, Indexer indexer) {
Future<void> showIndexerDetails(Indexer indexer) {
var nameController = TextEditingController(text: indexer.name);
var urlController = TextEditingController(text: indexer.url);
var apiKeyController = TextEditingController(text: indexer.apiKey);
@@ -351,15 +268,15 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
child: ListBody(
children: <Widget>[
TextField(
decoration: const InputDecoration(labelText: "名称"),
decoration: Commons.requiredTextFieldStyle(text: "名称"),
controller: nameController,
),
TextField(
decoration: const InputDecoration(labelText: "地址"),
decoration: Commons.requiredTextFieldStyle(text: "地址"),
controller: urlController,
),
TextField(
decoration: const InputDecoration(labelText: "API Key"),
decoration: Commons.requiredTextFieldStyle(text: "API Key"),
controller: apiKeyController,
),
],
@@ -373,14 +290,17 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
var f = ref
.read(indexersProvider.notifier)
.deleteIndexer(indexer.id!);
setState(() {
_pendingIndexer = f;
});
if (!showError(snapshot)) {
f.whenComplete(() {
Utils.showSnakeBar("操作成功");
Navigator.of(context).pop();
}
}).onError((e, s) {
Utils.showSnakeBar("操作失败：$e");
});
},
child: const Text('删除')),
child: const Text(
'删除',
style: TextStyle(color: Colors.red),
)),
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('取消')),
@@ -392,13 +312,12 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
name: nameController.text,
url: urlController.text,
apiKey: apiKeyController.text));
setState(() {
_pendingIndexer = f;
});
if (!showError(snapshot)) {
f.whenComplete(() {
Utils.showSnakeBar("操作成功");
Navigator.of(context).pop();
}
}).onError((e, s) {
Utils.showSnakeBar("操作失败：$e");
});
},
),
],
@@ -406,8 +325,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
});
}
Future<void> showDownloadClientDetails(AsyncSnapshot<void> snapshot,
BuildContext context, DownloadClient client) {
Future<void> showDownloadClientDetails(DownloadClient client) {
var nameController = TextEditingController(text: client.name);
var urlController = TextEditingController(text: client.url);
@@ -421,11 +339,11 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
child: ListBody(
children: <Widget>[
TextField(
decoration: const InputDecoration(labelText: "名称"),
decoration: Commons.requiredTextFieldStyle(text: "名称"),
controller: nameController,
),
TextField(
decoration: const InputDecoration(labelText: "地址"),
decoration: Commons.requiredTextFieldStyle(text: "地址"),
controller: urlController,
),
],
@@ -439,14 +357,17 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
var f = ref
.read(dwonloadClientsProvider.notifier)
.deleteDownloadClients(client.id!);
setState(() {
_pendingDownloadClient = f;
});
if (!showError(snapshot)) {
f.whenComplete(() {
Utils.showSnakeBar("操作成功");
Navigator.of(context).pop();
}
}).onError((e, s) {
Utils.showSnakeBar("操作失败：$e");
});
},
child: const Text('删除')),
child: const Text(
'删除',
style: TextStyle(color: Colors.red),
)),
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('取消')),
@@ -457,12 +378,12 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
.read(dwonloadClientsProvider.notifier)
.addDownloadClients(
nameController.text, urlController.text);
setState(() {
_pendingDownloadClient = f;
});
if (!showError(snapshot)) {
f.whenComplete(() {
Utils.showSnakeBar("操作成功");
Navigator.of(context).pop();
}
}).onError((e, s) {
Utils.showSnakeBar("操作失败：$e");
});
},
),
],
@@ -470,8 +391,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
});
}
Future<void> showStorageDetails(
AsyncSnapshot<void> snapshot, BuildContext context, Storage s) {
Future<void> showStorageDetails(Storage s) {
return showDialog<void>(
context: context,
barrierDismissible: true, // user must tap button!
@@ -483,9 +403,9 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
var userController = TextEditingController();
var passController = TextEditingController();
if (s.settings != null) {
tvPathController.text = s.settings!["tv_path"] ?? "";
tvPathController.text = s.settings!["tv_path"] ?? "";
moviePathController.text = s.settings!["movie_path"] ?? "";
urlController.text = s.settings!["url"]?? "";
urlController.text = s.settings!["url"] ?? "";
userController.text = s.settings!["user"] ?? "";
passController.text = s.settings!["password"] ?? "";
}
@@ -516,8 +436,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
controller: nameController,
),
selectImpl != "local"
?
Column(
? Column(
children: [
TextField(
decoration: const InputDecoration(
@@ -535,15 +454,16 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
controller: passController,
),
],
): Container(),
TextField(
decoration: const InputDecoration(labelText: "电视剧路径"),
controller: tvPathController,
),
TextField(
decoration: const InputDecoration(labelText: "电影路径"),
controller: moviePathController,
)
: Container(),
TextField(
decoration: const InputDecoration(labelText: "电视剧路径"),
controller: tvPathController,
),
TextField(
decoration: const InputDecoration(labelText: "电影路径"),
controller: moviePathController,
)
],
),
),
@@ -555,12 +475,12 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
var f = ref
.read(storageSettingProvider.notifier)
.deleteStorage(s.id!);
setState(() {
_pendingStorage = f;
});
if (!showError(snapshot)) {
f.whenComplete(() {
Utils.showSnakeBar("操作成功");
Navigator.of(context).pop();
}
}).onError((e, s) {
Utils.showSnakeBar("操作失败：$e");
});
},
child: const Text('删除')),
TextButton(
@@ -569,7 +489,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
TextButton(
child: const Text('确定'),
onPressed: () async {
ref
final f = ref
.read(storageSettingProvider.notifier)
.addStorage(Storage(
name: nameController.text,
@@ -582,9 +502,12 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
"password": passController.text
},
));
if (!showError(snapshot)) {
f.whenComplete(() {
Utils.showSnakeBar("操作成功");
Navigator.of(context).pop();
}
}).onError((e, s) {
Utils.showSnakeBar("操作失败：$e");
});
},
),
],
@@ -597,7 +520,7 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
final isErrored = snapshot.hasError &&
snapshot.connectionState != ConnectionState.waiting;
if (isErrored) {
Utils.showSnakeBar(context, "当前操作出错: ${snapshot.error}");
Utils.showSnakeBar("当前操作出错: ${snapshot.error}");
return true;
}
return false;