Commit code. Update time: 2023-06-25
This commit is contained in:
TK
@@ -0,0 +1,307 @@
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:sail/constant/app_colors.dart';
|
||||
import 'package:sail/model/themeCollection.dart';
|
||||
import 'package:sail/models/app_model.dart';
|
||||
import 'package:sail/models/server_model.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:sail/utils/common_util.dart';
|
||||
import 'package:sail/utils/l10n.dart';
|
||||
|
||||
class ServerListPage extends StatefulWidget {
|
||||
const ServerListPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
ServerListPageState createState() => ServerListPageState();
|
||||
}
|
||||
|
||||
class ServerListPageState extends State<ServerListPage>
|
||||
with AutomaticKeepAliveClientMixin {
|
||||
@override
|
||||
bool get wantKeepAlive => true;
|
||||
|
||||
late AppModel _appModel;
|
||||
late ServerModel _serverModel;
|
||||
|
||||
@override
|
||||
void didChangeDependencies() async {
|
||||
super.didChangeDependencies();
|
||||
|
||||
_appModel = Provider.of<AppModel>(context);
|
||||
_serverModel = Provider.of<ServerModel>(context);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
super.build(context);
|
||||
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
child: Container(
|
||||
padding: EdgeInsets.all(ScreenUtil().setWidth(40)),
|
||||
child: _contentWidget(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _contentWidget() {
|
||||
if (_serverModel.serverEntityList.isEmpty) {
|
||||
return _emptyWidget();
|
||||
}
|
||||
|
||||
return _serversContainerWidget();
|
||||
}
|
||||
|
||||
Widget _emptyWidget() {
|
||||
return Center(
|
||||
child: Container(
|
||||
width: ScreenUtil().setWidth(1080),
|
||||
height: ScreenUtil().setWidth(200),
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: ScreenUtil().setWidth(75),
|
||||
vertical: ScreenUtil().setWidth(0)),
|
||||
child: Material(
|
||||
elevation: _appModel.isOn ? 3 : 0,
|
||||
borderRadius: BorderRadius.circular(ScreenUtil().setWidth(30)),
|
||||
color: _appModel.isOn ? Colors.white : AppColors.darkSurfaceColor,
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
context.l10n.nodefornullcheckissubscripts,
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: ScreenUtil().setWidth(40),
|
||||
color: _appModel.isOn ? Colors.black : Colors.white),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _serversContainerWidget() {
|
||||
bool isDarkTheme = Provider.of<ThemeCollection>(context).isDarkActive;
|
||||
|
||||
return Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
RichText(
|
||||
text: TextSpan(
|
||||
text: context.l10n.xuanzeliahjiedian,
|
||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||
fontWeight: FontWeight.w700,
|
||||
color: _appModel.isOn
|
||||
? isDarkTheme
|
||||
? Colors.white
|
||||
: Colors.black
|
||||
: isDarkTheme
|
||||
? Colors.white
|
||||
: Colors.black),
|
||||
children: [
|
||||
TextSpan(
|
||||
text: '',
|
||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||
fontWeight: FontWeight.normal,
|
||||
color: _appModel.isOn
|
||||
? AppColors.grayColor
|
||||
: Colors.black))
|
||||
])),
|
||||
InkWell(
|
||||
onTap: _serverModel.pingAll,
|
||||
child: Text(context.l10n.pingallnodes,
|
||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||
fontWeight: FontWeight.normal,
|
||||
color: _appModel.isOn
|
||||
? AppColors.greenColor
|
||||
: Colors.green)),
|
||||
)
|
||||
],
|
||||
),
|
||||
const SizedBox(
|
||||
height: 20,
|
||||
),
|
||||
Expanded(
|
||||
child: _serverListWidget(),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _tagsWidget(List<String>? tags) {
|
||||
if (tags == null || tags.isEmpty) {
|
||||
return Container();
|
||||
}
|
||||
|
||||
for (var i = 0; i < tags.length; i++) {
|
||||
tags[i] = tags[i].replaceAll(' ', '');
|
||||
if (tags[i].isEmpty) {
|
||||
tags.removeAt(i);
|
||||
}
|
||||
}
|
||||
|
||||
var tagsWidget = tags
|
||||
.map((tag) => Chip(
|
||||
backgroundColor: AppColors.themeColor,
|
||||
padding: const EdgeInsets.all(5),
|
||||
label: Text(
|
||||
tag,
|
||||
style: const TextStyle(
|
||||
color: Colors.black87,
|
||||
fontSize: 12,
|
||||
),
|
||||
)))
|
||||
.toList();
|
||||
|
||||
return Row(
|
||||
children: tagsWidget,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _serverListWidget() {
|
||||
return ListView.separated(
|
||||
controller: ModalScrollController.of(context),
|
||||
physics: const ClampingScrollPhysics(),
|
||||
itemCount: _serverModel.serverEntityList.length,
|
||||
itemBuilder: (_, index) => InkWell(
|
||||
onTap: () {
|
||||
_serverModel
|
||||
.setSelectServerEntity(_serverModel.serverEntityList[index]);
|
||||
_serverModel.setSelectServerIndex(index);
|
||||
_appModel.setConfigRule(_serverModel.serverEntityList[index].name);
|
||||
},
|
||||
child: Material(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
|
||||
color: Colors.grey.withAlpha(60),
|
||||
// color: _serverModel.selectServerIndex == index
|
||||
// ? Theme.of(context).highlightColor
|
||||
// : Theme.of(context).cardColor,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(15.0),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Wrap(
|
||||
crossAxisAlignment: WrapCrossAlignment.center,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: ScreenUtil().setWidth(10),
|
||||
),
|
||||
CircleAvatar(
|
||||
radius: ScreenUtil().setWidth(10),
|
||||
backgroundColor:
|
||||
(DateTime.now().microsecondsSinceEpoch / 1000000 -
|
||||
(int.tryParse(_serverModel
|
||||
.serverEntityList[index]
|
||||
.lastCheckAt) ??
|
||||
0) <
|
||||
60 * 10)
|
||||
? Colors.green
|
||||
: Colors.red,
|
||||
),
|
||||
const SizedBox(
|
||||
width: 15,
|
||||
),
|
||||
_serverModel.serverEntityList[index].name.contains("US-")
|
||||
? SvgPicture.asset(
|
||||
'assets/flags/us.svg',
|
||||
height: 20,
|
||||
)
|
||||
: (_serverModel.serverEntityList[index].name
|
||||
.contains("Taiwan")
|
||||
? SvgPicture.asset(
|
||||
'assets/flags/tw.svg',
|
||||
height: 20,
|
||||
)
|
||||
: _serverModel.serverEntityList[index].name
|
||||
.contains("Hongkong")
|
||||
? SvgPicture.asset(
|
||||
'assets/flags/hk.svg',
|
||||
height: 20,
|
||||
)
|
||||
: _serverModel.serverEntityList[index].name
|
||||
.contains("Japan")
|
||||
? SvgPicture.asset(
|
||||
'assets/flags/jp.svg',
|
||||
height: 20,
|
||||
)
|
||||
: SizedBox()),
|
||||
const SizedBox(
|
||||
width: 15,
|
||||
),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
_serverModel.serverEntityList[index].name,
|
||||
style: Provider.of<ThemeCollection>(context)
|
||||
.getActiveTheme
|
||||
.primaryTextTheme
|
||||
.bodyLarge,
|
||||
),
|
||||
const SizedBox(
|
||||
width: 15,
|
||||
),
|
||||
_tagsWidget(_serverModel.serverEntityList[index].tags),
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
_serverModel.serverEntityList[index].ping != null
|
||||
? Container(
|
||||
padding: EdgeInsets.only(
|
||||
right: ScreenUtil().setWidth(10)),
|
||||
child: Text(
|
||||
_serverModel.serverEntityList[index].ping!
|
||||
.inSeconds >
|
||||
10
|
||||
? context.l10n.timeout
|
||||
: "${_serverModel.serverEntityList[index].ping!.inMilliseconds}ms",
|
||||
style: TextStyle(
|
||||
color: _serverModel.serverEntityList[index]
|
||||
.ping!.inSeconds >
|
||||
10
|
||||
? Colors.red
|
||||
: Colors.green),
|
||||
),
|
||||
)
|
||||
: Container(),
|
||||
InkWell(
|
||||
borderRadius:
|
||||
BorderRadius.circular(ScreenUtil().setWidth(30)),
|
||||
onTap: () => _serverModel.ping(index),
|
||||
child: Container(
|
||||
padding: EdgeInsets.symmetric(
|
||||
vertical: ScreenUtil().setWidth(10),
|
||||
horizontal: ScreenUtil().setWidth(30)),
|
||||
child: Text(
|
||||
'ping',
|
||||
style: TextStyle(
|
||||
color: Colors.green[800],
|
||||
fontWeight: FontWeight.w500),
|
||||
)),
|
||||
),
|
||||
_serverModel.selectServerIndex == index
|
||||
? Icon(Icons.check_circle,
|
||||
color: Colors.green, size: 20)
|
||||
: Container(),
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
separatorBuilder: (_, index) => const SizedBox(height: 10),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user