pimhwang
/
ESSE
mirror of https://github.com/CympleTech/ESSE.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

change group chat UI

pull/18/head
Sun 4 years ago
parent
c99cf79b10
commit
09e44426a1
5 changed files with 362 additions and 220 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 126
      lib/apps/group_chat/add.dart
  2. 2
      lib/apps/service/models.dart
  3. 18
      lib/l10n/localizations.dart
  4. 38
      lib/l10n/localizations_en.dart
  5. 38
      lib/l10n/localizations_zh.dart

126
lib/apps/group_chat/add.dart
Unescape View File

@ -33,11 +33,9 @@ class GroupAddPage extends StatefulWidget {
class _GroupAddPageState extends State<GroupAddPage> { class _GroupAddPageState extends State<GroupAddPage> {
TextEditingController _joinIdController = TextEditingController(); TextEditingController _joinIdController = TextEditingController();
TextEditingController _joinAddrController = TextEditingController(); TextEditingController _joinAddrController = TextEditingController();
TextEditingController _joinRemarkController = TextEditingController();
TextEditingController _joinNameController = TextEditingController(); TextEditingController _joinNameController = TextEditingController();
FocusNode _joinIdFocus = FocusNode(); FocusNode _joinIdFocus = FocusNode();
FocusNode _joinAddrFocus = FocusNode(); FocusNode _joinAddrFocus = FocusNode();
FocusNode _joinRemarkFocus = FocusNode();
TextEditingController _createAddrController = TextEditingController(); TextEditingController _createAddrController = TextEditingController();
TextEditingController _createNameController = TextEditingController(); TextEditingController _createNameController = TextEditingController();
@ -47,6 +45,8 @@ class _GroupAddPageState extends State<GroupAddPage> {
FocusNode _createNameFocus = FocusNode(); FocusNode _createNameFocus = FocusNode();
FocusNode _createBioFocus = FocusNode(); FocusNode _createBioFocus = FocusNode();
FocusNode _createKeyFocus = FocusNode(); FocusNode _createKeyFocus = FocusNode();
int _groupAddr = 0;
int _groupType = 0; int _groupType = 0;
bool _groupNeedAgree = false; bool _groupNeedAgree = false;
bool _groupHasKey = true; bool _groupHasKey = true;
@ -57,6 +57,24 @@ class _GroupAddPageState extends State<GroupAddPage> {
bool _requestsLoadMore = true; bool _requestsLoadMore = true;
// 0 => encrypted, 1 => common, 2 => open.
Widget _groupAddrWidget(String text, int value, ColorScheme color) {
return Row(
children: [
Radio(
value: value,
groupValue: _groupAddr,
onChanged: (n) => setState(() {
_groupAddr = n;
}),
),
_groupAddr == value
? Text(text, style: TextStyle(color: color.primary))
: Text(text),
]
);
}
// 0 => encrypted, 1 => common, 2 => open. // 0 => encrypted, 1 => common, 2 => open.
Widget _groupTypeWidget(String text, int value, ColorScheme color) { Widget _groupTypeWidget(String text, int value, ColorScheme color) {
return Row( return Row(
@ -126,13 +144,11 @@ class _GroupAddPageState extends State<GroupAddPage> {
addr = addr.substring(2); addr = addr.substring(2);
} }
var name = _joinNameController.text; var name = _joinNameController.text;
var remark = _joinRemarkController.text; context.read<GroupChatProvider>().join(id, addr, name, "");
context.read<GroupChatProvider>().join(id, addr, name, remark);
setState(() { setState(() {
_joinIdController.text = ''; _joinIdController.text = '';
_joinAddrController.text = ''; _joinAddrController.text = '';
_joinNameController.text = ''; _joinNameController.text = '';
_joinRemarkController.text = '';
}); });
} }
@ -167,9 +183,6 @@ class _GroupAddPageState extends State<GroupAddPage> {
_joinAddrFocus.addListener(() { _joinAddrFocus.addListener(() {
setState(() {}); setState(() {});
}); });
_joinRemarkFocus.addListener(() {
setState(() {});
});
_createAddrFocus.addListener(() { _createAddrFocus.addListener(() {
setState(() {}); setState(() {});
}); });
@ -214,7 +227,7 @@ class _GroupAddPageState extends State<GroupAddPage> {
title: Row( title: Row(
children: [ children: [
Expanded( Expanded(
child: Text('Add Group Chat', child: Text(lang.groupChatAdd,
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20.0)), style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20.0)),
), ),
TextButton( TextButton(
@ -233,7 +246,7 @@ class _GroupAddPageState extends State<GroupAddPage> {
children: [ children: [
Icon(Icons.add_box_rounded, color: color.primary), Icon(Icons.add_box_rounded, color: color.primary),
const SizedBox(width: 8.0), const SizedBox(width: 8.0),
Text('Join A Group', style: TextStyle(color: color.primary)) Text(lang.groupJoin, style: TextStyle(color: color.primary))
]) ])
), ),
Tab( Tab(
@ -242,7 +255,7 @@ class _GroupAddPageState extends State<GroupAddPage> {
children: [ children: [
Icon(Icons.create_rounded, color: color.primary), Icon(Icons.create_rounded, color: color.primary),
const SizedBox(width: 8.0), const SizedBox(width: 8.0),
Text('Create A Group', style: TextStyle(color: color.primary)) Text(lang.groupCreate, style: TextStyle(color: color.primary))
]) ])
), ),
], ],
@ -253,29 +266,22 @@ class _GroupAddPageState extends State<GroupAddPage> {
Container( Container(
padding: const EdgeInsets.all(20), padding: const EdgeInsets.all(20),
child: SingleChildScrollView( child: SingleChildScrollView(
child: Form(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[ children: <Widget>[
const SizedBox(height: 20.0),
InputText( InputText(
icon: Icons.groups, icon: Icons.groups,
text: 'Group ID', text: lang.groupChatId,
controller: _joinIdController, controller: _joinIdController,
focus: _joinIdFocus), focus: _joinIdFocus),
const SizedBox(height: 20.0), const SizedBox(height: 20.0),
InputText( InputText(
icon: Icons.location_on, icon: Icons.location_on,
text: lang.address, text: lang.groupChatAddr,
controller: _joinAddrController, controller: _joinAddrController,
focus: _joinAddrFocus), focus: _joinAddrFocus),
const SizedBox(height: 20.0), const SizedBox(height: 20.0),
InputText(
icon: Icons.turned_in,
text: lang.remark,
controller: _joinRemarkController,
focus: _joinRemarkFocus),
const SizedBox(height: 20.0),
ButtonText(action: _join, text: lang.send, width: 600.0), ButtonText(action: _join, text: lang.send, width: 600.0),
const SizedBox(height: 20.0), const SizedBox(height: 20.0),
const Divider(height: 1.0, color: Color(0x40ADB0BB)), const Divider(height: 1.0, color: Color(0x40ADB0BB)),
@ -300,20 +306,38 @@ class _GroupAddPageState extends State<GroupAddPage> {
_requestsLoadMore = false; _requestsLoadMore = false;
}); });
}, },
child: Text('load more...', style: TextStyle(fontSize: 14.0)), child: Text(lang.loadMore, style: TextStyle(fontSize: 14.0)),
), ),
], ],
), ),
), ),
), ),
),
Container( Container(
padding: const EdgeInsets.all(20), padding: const EdgeInsets.all(20),
child: SingleChildScrollView( child: SingleChildScrollView(
child: Form(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[ children: <Widget>[
Container(
width: 600.0,
padding: const EdgeInsets.all(10.0),
alignment: Alignment.centerLeft,
child: Text('1. ' + lang.groupChatAddr, textAlign: TextAlign.left,
style: Theme.of(context).textTheme.title),
),
Container(
padding: EdgeInsets.only(bottom: 10.0),
width: 600.0,
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
_groupAddrWidget(lang.deviceRemote, 0, color),
_groupAddrWidget(lang.deviceLocal, 1, color),
]
)
),
if (_groupAddr == 0)
Container( Container(
height: 50.0, height: 50.0,
width: 600.0, width: 600.0,
@ -352,11 +376,10 @@ class _GroupAddPageState extends State<GroupAddPage> {
color: Colors.green), color: Colors.green),
), ),
const SizedBox(width: 8.0), const SizedBox(width: 8.0),
Container( InkWell(
width: 100.0,
child: InkWell(
onTap: _addrChecked ? _checkGroupAddr : null, onTap: _addrChecked ? _checkGroupAddr : null,
child: Container( child: Container(
padding: const EdgeInsets.symmetric(horizontal: 20.0),
height: 45.0, height: 45.0,
decoration: BoxDecoration( decoration: BoxDecoration(
color: Color(0xFF6174FF), color: Color(0xFF6174FF),
@ -364,7 +387,20 @@ class _GroupAddPageState extends State<GroupAddPage> {
child: Center( child: Center(
child: Text(lang.search, child: Text(lang.search,
style: TextStyle(fontSize: 16.0, color: Colors.white))), style: TextStyle(fontSize: 16.0, color: Colors.white))),
))), )),
const SizedBox(width: 8.0),
InkWell(
onTap: _addrChecked ? _checkGroupAddr : null,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 20.0),
height: 45.0,
decoration: BoxDecoration(
color: Color(0xFF6174FF),
borderRadius: BorderRadius.circular(15.0)),
child: Center(
child: Text(lang.add,
style: TextStyle(fontSize: 16.0, color: Colors.white))),
)),
])), ])),
const SizedBox(height: 8.0), const SizedBox(height: 8.0),
Text(checkLang, style: TextStyle(fontSize: 14.0, Text(checkLang, style: TextStyle(fontSize: 14.0,
@ -373,7 +409,8 @@ class _GroupAddPageState extends State<GroupAddPage> {
width: 600.0, width: 600.0,
padding: const EdgeInsets.all(10.0), padding: const EdgeInsets.all(10.0),
alignment: Alignment.centerLeft, alignment: Alignment.centerLeft,
child: Text('Group Info', textAlign: TextAlign.left, style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold)), child: Text('2. ' + lang.groupChatInfo, textAlign: TextAlign.left,
style: Theme.of(context).textTheme.title),
), ),
Container( Container(
width: 100.0, width: 100.0,
@ -406,17 +443,33 @@ class _GroupAddPageState extends State<GroupAddPage> {
mainAxisSize: MainAxisSize.max, mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
_groupTypeWidget('Encrypted', 0, color), _groupTypeWidget(lang.groupTypeEncrypted, 0, color),
_groupTypeWidget('Common', 1, color), _groupTypeWidget(lang.groupTypePrivate, 1, color),
_groupTypeWidget('Open', 2, color), _groupTypeWidget(lang.groupTypeOpen, 2, color),
] ]
) )
), ),
Container(
width: 600.0,
padding: const EdgeInsets.all(12.0),
margin: const EdgeInsets.only(bottom: 10.0),
decoration: BoxDecoration(color: color.surface,
borderRadius: BorderRadius.circular(15.0)
),
child: Text(
_groupType == 0 ? lang.groupTypeEncryptedInfo
: (_groupType == 1 ? lang.groupTypePrivateInfo
: lang.groupTypeOpenInfo),
style: TextStyle(fontSize: 14.0, height: 1.5,
fontStyle: FontStyle.italic),
textAlign: TextAlign.center,
),
),
Container( Container(
padding: EdgeInsets.symmetric(vertical: 10.0), padding: EdgeInsets.symmetric(vertical: 10.0),
child: InputText( child: InputText(
icon: Icons.account_box, icon: Icons.account_box,
text: 'Group Name', text: lang.groupChatName,
controller: _createNameController, controller: _createNameController,
focus: _createNameFocus), focus: _createNameFocus),
), ),
@ -424,7 +477,7 @@ class _GroupAddPageState extends State<GroupAddPage> {
padding: EdgeInsets.symmetric(vertical: 10.0), padding: EdgeInsets.symmetric(vertical: 10.0),
child: InputText( child: InputText(
icon: Icons.campaign, icon: Icons.campaign,
text: 'Group Bio', text: lang.groupChatBio,
controller: _createBioController, controller: _createBioController,
focus: _createBioFocus), focus: _createBioFocus),
), ),
@ -433,7 +486,7 @@ class _GroupAddPageState extends State<GroupAddPage> {
padding: EdgeInsets.symmetric(vertical: 10.0), padding: EdgeInsets.symmetric(vertical: 10.0),
child: InputText( child: InputText(
icon: Icons.enhanced_encryption, icon: Icons.enhanced_encryption,
text: 'Encrypted Key', text: lang.groupChatKey,
controller: _createKeyController, controller: _createKeyController,
focus: _createKeyFocus), focus: _createKeyFocus),
), ),
@ -451,7 +504,7 @@ class _GroupAddPageState extends State<GroupAddPage> {
}); });
}, },
), ),
Text('Need Group Manager Agree.') Text(lang.groupRequireConsent)
] ]
), ),
), ),
@ -475,7 +528,6 @@ class _GroupAddPageState extends State<GroupAddPage> {
), ),
), ),
), ),
),
], ],
))) )))
); );

2
lib/apps/service/models.dart
Unescape View File

@ -23,7 +23,7 @@ extension InnerServiceExtension on InnerService {
case InnerService.Assistant: case InnerService.Assistant:
return [lang.assistant, lang.assistantBio, 'assets/logo/logo_assistant.png']; return [lang.assistant, lang.assistantBio, 'assets/logo/logo_assistant.png'];
case InnerService.GroupChat: case InnerService.GroupChat:
return [lang.groupChat, lang.groupChatBio, 'assets/logo/logo_group_chat.png']; return [lang.groupChat, lang.groupChatIntro, 'assets/logo/logo_group_chat.png'];
} }
} }

18
lib/l10n/localizations.dart
Unescape View File

@ -81,6 +81,7 @@ abstract class AppLocalizations {
String get unknown; String get unknown;
String get create; String get create;
String get exit; String get exit;
String get loadMore;
// theme // theme
String get themeDark; String get themeDark;
@ -138,6 +139,7 @@ abstract class AppLocalizations {
String get deviceTip; String get deviceTip;
String get deviceChangeWs; String get deviceChangeWs;
String get deviceChangeHttp; String get deviceChangeHttp;
String get deviceRemote;
String get deviceLocal; String get deviceLocal;
String get deviceQrcode; String get deviceQrcode;
String get deviceQrcodeIntro; String get deviceQrcodeIntro;
@ -163,12 +165,28 @@ abstract class AppLocalizations {
String get assistant; String get assistant;
String get assistantBio; String get assistantBio;
String get groupChat; String get groupChat;
String get groupChatAdd;
String get groupChatIntro;
String get groupChatId;
String get groupChatName;
String get groupChatKey;
String get groupChatAddr;
String get groupChatInfo;
String get groupChatBio; String get groupChatBio;
String get groupJoin;
String get groupCreate;
String get groupTypeEncrypted;
String get groupTypeEncryptedInfo;
String get groupTypePrivate;
String get groupTypePrivateInfo;
String get groupTypeOpen;
String get groupTypeOpenInfo;
String get groupCheckTypeAllow; String get groupCheckTypeAllow;
String get groupCheckTypeNone; String get groupCheckTypeNone;
String get groupCheckTypeSuspend; String get groupCheckTypeSuspend;
String get groupCheckTypeDeny; String get groupCheckTypeDeny;
String get members; String get members;
String get groupRequireConsent;
} }
class _AppLocalizationsDelegate class _AppLocalizationsDelegate

38
lib/l10n/localizations_en.dart
Unescape View File

@ -86,6 +86,8 @@ class AppLocalizationsEn extends AppLocalizations {
String get create => 'Create'; String get create => 'Create';
@override @override
String get exit => 'Exit'; String get exit => 'Exit';
@override
String get loadMore => 'Load more...';
// theme // theme
@override @override
@ -189,6 +191,8 @@ class AppLocalizationsEn extends AppLocalizations {
@override @override
String get deviceChangeHttp => 'Change http'; String get deviceChangeHttp => 'Change http';
@override @override
String get deviceRemote => 'Remote';
@override
String get deviceLocal => 'Local'; String get deviceLocal => 'Local';
@override @override
String get deviceQrcode => 'Device QR Code'; String get deviceQrcode => 'Device QR Code';
@ -237,7 +241,37 @@ class AppLocalizationsEn extends AppLocalizations {
@override @override
String get groupChat => 'Group Chats'; String get groupChat => 'Group Chats';
@override @override
String get groupChatBio => 'Multiple group chats'; String get groupChatAdd => 'Add Group Chat';
@override
String get groupChatIntro => 'Multiple group chats';
@override
String get groupChatId => 'Group ID';
@override
String get groupChatName => 'Group Name';
@override
String get groupChatKey => 'Encrypted Key';
@override
String get groupChatAddr => 'Group Address';
@override
String get groupChatInfo => 'Group Information';
@override
String get groupChatBio => 'Group Bio';
@override
String get groupJoin => 'Join Open Group';
@override
String get groupCreate => 'Create Group';
@override
String get groupTypeEncrypted => 'Encrypted';
@override
String get groupTypeEncryptedInfo => "Encrypted: It can only be joined by the invitation of members, and the manager's consent is optional, Members hold a zero-knowledge proof about the key to enter; Group information and messages are encrypted and stored on the server, and the server NOT has secret key, INVISIBLE information.";
@override
String get groupTypePrivate => 'Private';
@override
String get groupTypePrivateInfo => "Private: It can only be joined by the invitation of members, and the manager's consent is optional; Group information and messages are stored on the server, VISIBLE information.";
@override
String get groupTypeOpen => 'Open';
@override
String get groupTypeOpenInfo => 'Open: Any member who has group information can freely enter and leave; Group information and messages are stored on the server, VISIBLE information.';
@override @override
String get groupCheckTypeAllow => 'You can create a new group chat'; String get groupCheckTypeAllow => 'You can create a new group chat';
@override @override
@ -248,4 +282,6 @@ class AppLocalizationsEn extends AppLocalizations {
String get groupCheckTypeDeny => 'No permission to create here'; String get groupCheckTypeDeny => 'No permission to create here';
@override @override
String get members => 'Members'; String get members => 'Members';
@override
String get groupRequireConsent => "Requires manager's consent";
} }

38
lib/l10n/localizations_zh.dart
Unescape View File

@ -86,6 +86,8 @@ class AppLocalizationsZh extends AppLocalizations {
String get create => '创建'; String get create => '创建';
@override @override
String get exit => '退出'; String get exit => '退出';
@override
String get loadMore => '加载更多';
// theme // theme
@override @override
@ -189,6 +191,8 @@ class AppLocalizationsZh extends AppLocalizations {
@override @override
String get deviceChangeHttp => '修改 Http 接口'; String get deviceChangeHttp => '修改 Http 接口';
@override @override
String get deviceRemote => '远程';
@override
String get deviceLocal => '本机'; String get deviceLocal => '本机';
@override @override
String get deviceQrcode => '设备二维码'; String get deviceQrcode => '设备二维码';
@ -237,7 +241,37 @@ class AppLocalizationsZh extends AppLocalizations {
@override @override
String get groupChat => '群聊'; String get groupChat => '群聊';
@override @override
String get groupChatBio => '各种各样的群聊'; String get groupChatAdd => '添加群聊';
@override
String get groupChatIntro => '各种各样的群聊';
@override
String get groupChatId => '群ID';
@override
String get groupChatAddr => '群聊地址';
@override
String get groupChatName => '群名称';
@override
String get groupChatKey => '加密密码';
@override
String get groupChatInfo => '群聊信息';
@override
String get groupChatBio => '群公告';
@override
String get groupJoin => '加入公开群';
@override
String get groupCreate => '新建群';
@override
String get groupTypeEncrypted => '加密';
@override
String get groupTypeEncryptedInfo => '加密的群聊：只能通过群成员邀请加入，可选是否需要管理员同意，成员需持有密钥的零知识证明方可进入；群信息和消息全部加密存储在服务端，服务端无密钥，不可见信息。';
@override
String get groupTypePrivate => '私有';
@override
String get groupTypePrivateInfo => '私有的群聊：只能通过群成员邀请加入，可选是否需要管理员同意；群信息和消息存储在服务端，服务端可见信息。';
@override
String get groupTypeOpen => '公开';
@override
String get groupTypeOpenInfo => '公开的群聊：任何拥有群信息的成员均可自由进出；群信息和消息存储在服务端，服务端可见信息。';
@override @override
String get groupCheckTypeAllow => '可以创建新的群聊'; String get groupCheckTypeAllow => '可以创建新的群聊';
@override @override
@ -248,4 +282,6 @@ class AppLocalizationsZh extends AppLocalizations {
String get groupCheckTypeDeny => '没有权限在此创建群聊'; String get groupCheckTypeDeny => '没有权限在此创建群聊';
@override @override
String get members => '成员'; String get members => '成员';
@override
String get groupRequireConsent => "需要管理员同意";
} }

Write Preview
Loading…
Cancel
Save