Create, edit, list publishers

This commit is contained in:
2024-11-09 21:47:40 +08:00
parent a629f5e12c
commit ed2e44cc54
13 changed files with 584 additions and 18 deletions

View File

@ -31,7 +31,7 @@ class AccountScreen extends StatelessWidget {
}
class _AuthorizedAccountScreen extends StatelessWidget {
const _AuthorizedAccountScreen({super.key});
const _AuthorizedAccountScreen();
@override
Widget build(BuildContext context) {
@ -80,7 +80,9 @@ class _AuthorizedAccountScreen extends StatelessWidget {
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
leading: const Icon(Symbols.face),
trailing: const Icon(Icons.chevron_right),
onTap: () {},
onTap: () {
GoRouter.of(context).pushNamed('accountPublishers');
},
),
ListTile(
title: Text('accountLogout').tr(),
@ -105,7 +107,7 @@ class _AuthorizedAccountScreen extends StatelessWidget {
}
class _UnauthorizedAccountScreen extends StatelessWidget {
const _UnauthorizedAccountScreen({super.key});
const _UnauthorizedAccountScreen();
@override
Widget build(BuildContext context) {
@ -117,7 +119,10 @@ class _UnauthorizedAccountScreen extends StatelessWidget {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(Symbols.waving_hand, size: 32),
const CircleAvatar(
radius: 28,
child: Icon(Symbols.waving_hand, size: 28),
),
const Gap(8),
Text('accountIntroTitle')
.tr()

View File

@ -0,0 +1,166 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:provider/provider.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:surface/providers/sn_network.dart';
import 'package:surface/providers/userinfo.dart';
import 'package:surface/types/post.dart';
import 'package:surface/widgets/dialog.dart';
import 'package:surface/widgets/loading_indicator.dart';
import 'package:surface/widgets/navigation/app_scaffold.dart';
class AccountPublisherEditScreen extends StatefulWidget {
final String name;
const AccountPublisherEditScreen({super.key, required this.name});
@override
State<AccountPublisherEditScreen> createState() =>
_AccountPublisherEditScreenState();
}
class _AccountPublisherEditScreenState
extends State<AccountPublisherEditScreen> {
bool _isBusy = false;
SnPublisher? _publisher;
String? _avatar;
String? _banner;
final TextEditingController _nickController = TextEditingController();
final TextEditingController _nameController = TextEditingController();
final TextEditingController _descriptionController = TextEditingController();
Future<void> _fetchPublisher() async {
final sn = context.read<SnNetworkProvider>();
final ua = context.read<UserProvider>();
if (!ua.isAuthorized) return;
setState(() => _isBusy = true);
try {
final resp = await sn.client.get('/cgi/co/publishers/${widget.name}');
_publisher = SnPublisher.fromJson(resp.data);
_syncWidget();
} catch (err) {
context.showErrorDialog(err);
} finally {
setState(() => _isBusy = false);
}
}
Future<void> _performAction() async {
final sn = context.read<SnNetworkProvider>();
final ua = context.read<UserProvider>();
if (!ua.isAuthorized) return;
setState(() => _isBusy = true);
try {
await sn.client.put('/cgi/co/publishers/${widget.name}', data: {
'avatar': _avatar,
'banner': _banner,
'nick': _nickController.text,
'name': _nameController.text,
'description': _descriptionController.text,
});
Navigator.pop(context, true);
} catch (err) {
context.showErrorDialog(err);
} finally {
setState(() => _isBusy = false);
}
}
void _syncWidget() {
_avatar = _publisher!.avatar;
_banner = _publisher!.banner;
_nickController.text = _publisher!.nick;
_nameController.text = _publisher!.name;
_descriptionController.text = _publisher!.description;
}
void _syncWithAccount() {
final ua = context.read<UserProvider>();
_avatar = ua.user!.avatar;
_banner = ua.user!.banner;
_nickController.text = ua.user!.nick;
_nameController.text = ua.user!.name;
_descriptionController.text = ua.user!.description;
}
@override
void initState() {
super.initState();
_fetchPublisher();
}
@override
void dispose() {
_nickController.dispose();
_nameController.dispose();
_descriptionController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AppScaffold(
body: SingleChildScrollView(
child: Column(
children: [
LoadingIndicator(isActive: _isBusy),
TextField(
controller: _nameController,
readOnly: true,
decoration: InputDecoration(
labelText: 'fieldUsername'.tr(),
helperText: 'fieldUsernameCannotEditHint'.tr(),
),
onTapOutside: (_) =>
FocusManager.instance.primaryFocus?.unfocus(),
),
const Gap(4),
TextField(
controller: _nickController,
decoration: InputDecoration(
labelText: 'fieldNickname'.tr(),
),
onTapOutside: (_) =>
FocusManager.instance.primaryFocus?.unfocus(),
),
const Gap(4),
TextField(
controller: _descriptionController,
maxLines: 3,
minLines: 3,
decoration: InputDecoration(
labelText: 'fieldDescription'.tr(),
),
onTapOutside: (_) =>
FocusManager.instance.primaryFocus?.unfocus(),
),
const Gap(12),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
TextButton.icon(
onPressed: _syncWithAccount,
label: Text('publisherSyncWithAccount').tr(),
icon: const Icon(Symbols.sync),
),
ElevatedButton.icon(
onPressed: _isBusy ? null : _performAction,
label: Text('apply').tr(),
icon: const Icon(Symbols.save),
),
],
)
],
).padding(horizontal: 16, vertical: 12),
),
);
}
}

View File

@ -0,0 +1,131 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:provider/provider.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:surface/providers/sn_network.dart';
import 'package:surface/providers/userinfo.dart';
import 'package:surface/widgets/account/account_image.dart';
import 'package:surface/widgets/dialog.dart';
import 'package:surface/widgets/navigation/app_scaffold.dart';
class AccountPublisherNewScreen extends StatefulWidget {
const AccountPublisherNewScreen({super.key});
@override
State<AccountPublisherNewScreen> createState() =>
_AccountPublisherNewScreenState();
}
class _AccountPublisherNewScreenState extends State<AccountPublisherNewScreen> {
String mode = 'personal';
@override
Widget build(BuildContext context) {
return AppScaffold(
body: SingleChildScrollView(
child: Column(
children: [
SizedBox(
width: double.infinity,
child: SegmentedButton<String>(
segments: const <ButtonSegment<String>>[
ButtonSegment<String>(
value: 'personal',
label: Text('Personal'),
icon: Icon(Symbols.account_box)),
ButtonSegment<String>(
value: 'organization',
label: Text('Organization'),
icon: Icon(Symbols.group)),
],
selected: {mode},
onSelectionChanged: (Set<String> newSelection) {
setState(() => mode = newSelection.first);
},
),
),
switch (mode) {
'personal' => const _PublisherNewPersonal(),
_ => const Placeholder(),
},
],
).padding(horizontal: 16, vertical: 12),
),
);
}
}
class _PublisherNewPersonal extends StatefulWidget {
const _PublisherNewPersonal();
@override
State<_PublisherNewPersonal> createState() => _PublisherNewPersonalState();
}
class _PublisherNewPersonalState extends State<_PublisherNewPersonal> {
bool _isBusy = false;
void _performAction() async {
final sn = context.read<SnNetworkProvider>();
final ua = context.read<UserProvider>();
if (!ua.isAuthorized) return;
setState(() => _isBusy = true);
try {
await sn.client.post('/cgi/co/publishers/personal');
Navigator.pop(context, true);
} catch (err) {
context.showErrorDialog(err);
} finally {
setState(() => _isBusy = false);
}
}
@override
Widget build(BuildContext context) {
final ua = context.watch<UserProvider>();
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('preview')
.tr()
.textStyle(Theme.of(context).textTheme.titleMedium!)
.padding(horizontal: 16, vertical: 4),
Card(
child: SizedBox(
width: double.infinity,
child: Row(
children: [
AccountImage(content: ua.user!.avatar, radius: 24),
const Gap(16),
Column(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: [
Text(ua.user!.nick)
.textStyle(Theme.of(context).textTheme.titleLarge!),
const Gap(4),
Text('@${ua.user!.name}')
.textStyle(Theme.of(context).textTheme.bodySmall!),
],
),
],
),
).padding(all: 16),
),
SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
onPressed: _isBusy ? null : _performAction,
icon: const Icon(Icons.add),
label: Text('create').tr(),
),
).padding(horizontal: 2),
],
);
}
}

View File

@ -0,0 +1,129 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:go_router/go_router.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:provider/provider.dart';
import 'package:surface/providers/sn_network.dart';
import 'package:surface/providers/userinfo.dart';
import 'package:surface/types/post.dart';
import 'package:surface/widgets/account/account_image.dart';
import 'package:surface/widgets/dialog.dart';
import 'package:surface/widgets/loading_indicator.dart';
import 'package:surface/widgets/navigation/app_scaffold.dart';
class PublisherScreen extends StatefulWidget {
const PublisherScreen({super.key});
@override
State<PublisherScreen> createState() => _PublisherScreenState();
}
class _PublisherScreenState extends State<PublisherScreen> {
bool _isBusy = false;
final List<SnPublisher> _publishers = List<SnPublisher>.empty(growable: true);
Future<void> _fetchPublishers() async {
final sn = context.read<SnNetworkProvider>();
final ua = context.read<UserProvider>();
if (!ua.isAuthorized) return;
setState(() => _isBusy = true);
try {
final resp = await sn.client.get('/cgi/co/publishers');
final List<SnPublisher> out = List<SnPublisher>.from(
resp.data?.map((e) => SnPublisher.fromJson(e)) ?? []);
if (!mounted) return;
_publishers.addAll(out);
} catch (err) {
context.showErrorDialog(err);
} finally {
setState(() => _isBusy = false);
}
}
@override
void initState() {
super.initState();
_fetchPublishers();
}
@override
Widget build(BuildContext context) {
return AppScaffold(
body: Column(
children: [
ListTile(
title: Text('publishersNew').tr(),
subtitle: Text('publisherNewSubtitle').tr(),
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
leading: const Icon(Symbols.add_circle),
onTap: () {
GoRouter.of(context)
.pushNamed('accountPublisherNew')
.then((value) {
if (value == true) {
_publishers.clear();
_fetchPublishers();
}
});
},
),
const Divider(height: 1),
LoadingIndicator(isActive: _isBusy),
Expanded(
child: RefreshIndicator(
onRefresh: () {
_publishers.clear();
return _fetchPublishers();
},
child: ListView.builder(
itemCount: _publishers.length,
itemBuilder: (context, idx) {
final publisher = _publishers[idx];
return ListTile(
title: Text(publisher.nick),
subtitle: Text('@${publisher.name}'),
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
leading: AccountImage(content: publisher.avatar),
trailing: PopupMenuButton(
itemBuilder: (BuildContext context) => [
PopupMenuItem(
child: Row(
children: [
const Icon(Icons.edit),
const Gap(16),
Text('edit').tr(),
],
),
onTap: () {
GoRouter.of(context).pushNamed(
'accountPublisherEdit',
pathParameters: {
'name': publisher.name,
},
).then((value) {
if (value == true) {
_publishers.clear();
_fetchPublishers();
}
});
},
),
],
),
);
},
),
),
),
],
),
);
}
}

View File

@ -158,8 +158,9 @@ class _LoginCheckScreenState extends State<_LoginCheckScreen> {
context.showSnackbar('loginSuccess'.tr(args: [
'@${userinfo!.name} (${userinfo.nick})',
]));
Navigator.pop(context);
await Future.delayed(const Duration(milliseconds: 1850), () {
Navigator.pop(context);
});
} catch (err) {
context.showErrorDialog(err);
return;

View File

@ -1,6 +1,7 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:go_router/go_router.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:provider/provider.dart';
import 'package:styled_widget/styled_widget.dart';
@ -43,9 +44,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
if (!mounted) return;
// TODO make celebration here
// ignore: use_build_context_synchronously
Navigator.pop(context);
GoRouter.of(context).replaceNamed("authLogin");
} catch (err) {
context.showErrorDialog(err);
}