mirror of
https://github.com/JGeek00/adguard-home-manager.git
synced 2025-05-04 20:30:35 +00:00
Replaced old http service with new one
This commit is contained in:
parent
39cdcf648d
commit
48f33eee9b
14 changed files with 466 additions and 431 deletions
|
@ -8,14 +8,14 @@ import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
|||
import 'package:adguard_home_manager/models/app_screen.dart';
|
||||
|
||||
class BottomNavBar extends StatelessWidget {
|
||||
const BottomNavBar({Key? key}) : super(key: key);
|
||||
const BottomNavBar({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final serversProvider = Provider.of<ServersProvider>(context);
|
||||
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
||||
|
||||
List<AppScreen> screens = serversProvider.selectedServer != null && serversProvider.apiClient != null
|
||||
List<AppScreen> screens = serversProvider.selectedServer != null && serversProvider.apiClient2 != null
|
||||
? screensServerConnected
|
||||
: screensSelectServer;
|
||||
|
||||
|
@ -44,12 +44,12 @@ class BottomNavBar extends StatelessWidget {
|
|||
}
|
||||
}
|
||||
|
||||
if ((serversProvider.selectedServer == null || serversProvider.apiClient == null) && appConfigProvider.selectedScreen > 1) {
|
||||
if ((serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1) {
|
||||
appConfigProvider.setSelectedScreen(0);
|
||||
}
|
||||
|
||||
return NavigationBar(
|
||||
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient == null) && appConfigProvider.selectedScreen > 1
|
||||
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1
|
||||
? 0
|
||||
: appConfigProvider.selectedScreen,
|
||||
destinations: screens.map((screen) => NavigationDestination(
|
||||
|
|
|
@ -62,7 +62,7 @@ class _LayoutState extends State<Layout> with WidgetsBindingObserver {
|
|||
final serversProvider = Provider.of<ServersProvider>(context);
|
||||
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
||||
|
||||
final screens = serversProvider.selectedServer != null
|
||||
final screens = serversProvider.selectedServer != null && serversProvider.apiClient2 != null
|
||||
? screensServerConnected
|
||||
: screensSelectServer;
|
||||
|
||||
|
@ -120,26 +120,15 @@ class _LayoutState extends State<Layout> with WidgetsBindingObserver {
|
|||
),
|
||||
],
|
||||
),
|
||||
if (serversProvider.selectedServer != null)
|
||||
...screensServerConnected.asMap().entries.map(
|
||||
(s) => DrawerTile(
|
||||
icon: s.value.icon,
|
||||
title: translatedName(s.value.name),
|
||||
isSelected: appConfigProvider.selectedScreen == s.key,
|
||||
onSelect: () => _goBranch(s.key),
|
||||
withoutTitle: !_drawerExpanded,
|
||||
),
|
||||
),
|
||||
if (serversProvider.selectedServer == null)
|
||||
...screensSelectServer.asMap().entries.map(
|
||||
(s) => DrawerTile(
|
||||
icon: s.value.icon,
|
||||
title: translatedName(s.value.name),
|
||||
isSelected: appConfigProvider.selectedScreen == s.key,
|
||||
onSelect: () => _goBranch(s.key),
|
||||
withoutTitle: !_drawerExpanded,
|
||||
),
|
||||
...screens.asMap().entries.map(
|
||||
(s) => DrawerTile(
|
||||
icon: s.value.icon,
|
||||
title: translatedName(s.value.name),
|
||||
isSelected: appConfigProvider.selectedScreen == s.key,
|
||||
onSelect: () => _goBranch(s.key),
|
||||
withoutTitle: !_drawerExpanded,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
@ -164,7 +153,7 @@ class _LayoutState extends State<Layout> with WidgetsBindingObserver {
|
|||
);
|
||||
}
|
||||
else {
|
||||
final screens = serversProvider.selectedServer != null && serversProvider.apiClient != null
|
||||
final screens = serversProvider.selectedServer != null && serversProvider.apiClient2 != null
|
||||
? screensServerConnected
|
||||
: screensSelectServer;
|
||||
|
||||
|
@ -184,7 +173,7 @@ class _LayoutState extends State<Layout> with WidgetsBindingObserver {
|
|||
: screens[0].child,
|
||||
),
|
||||
bottomNavigationBar: NavigationBar(
|
||||
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient == null) && appConfigProvider.selectedScreen > 1
|
||||
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1
|
||||
? 0
|
||||
: appConfigProvider.selectedScreen,
|
||||
onDestinationSelected: (s) => _goBranch(s),
|
||||
|
|
|
@ -9,7 +9,7 @@ import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
|||
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
||||
|
||||
class SideNavigationRail extends StatelessWidget {
|
||||
const SideNavigationRail({Key? key}) : super(key: key);
|
||||
const SideNavigationRail({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -46,12 +46,12 @@ class SideNavigationRail extends StatelessWidget {
|
|||
}
|
||||
}
|
||||
|
||||
if ((serversProvider.selectedServer == null || serversProvider.apiClient == null) && appConfigProvider.selectedScreen > 1) {
|
||||
if ((serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1) {
|
||||
appConfigProvider.setSelectedScreen(0);
|
||||
}
|
||||
|
||||
return NavigationRail(
|
||||
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient == null) && appConfigProvider.selectedScreen > 1
|
||||
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1
|
||||
? 0
|
||||
: appConfigProvider.selectedScreen,
|
||||
destinations: screens.map((screen) => NavigationRailDestination(
|
||||
|
|
140
lib/widgets/servers_list/server_tile_functions.dart
Normal file
140
lib/widgets/servers_list/server_tile_functions.dart
Normal file
|
@ -0,0 +1,140 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
|
||||
import 'package:adguard_home_manager/widgets/servers_list/delete_modal.dart';
|
||||
import 'package:adguard_home_manager/widgets/add_server/add_server_functions.dart';
|
||||
|
||||
import 'package:adguard_home_manager/constants/enums.dart';
|
||||
import 'package:adguard_home_manager/functions/snackbar.dart';
|
||||
import 'package:adguard_home_manager/models/server_status.dart';
|
||||
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
||||
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
||||
import 'package:adguard_home_manager/providers/status_provider.dart';
|
||||
import 'package:adguard_home_manager/services/api_client.dart';
|
||||
import 'package:adguard_home_manager/services/auth.dart';
|
||||
import 'package:adguard_home_manager/classes/process_modal.dart';
|
||||
import 'package:adguard_home_manager/models/server.dart';
|
||||
|
||||
EdgeInsets generateMargins({
|
||||
required int index,
|
||||
required int serversListLength
|
||||
}) {
|
||||
if (index == 0) {
|
||||
return const EdgeInsets.only(top: 16, left: 16, right: 8, bottom: 8);
|
||||
}
|
||||
if (index == 1) {
|
||||
return const EdgeInsets.only(top: 16, left: 8, right: 16, bottom: 8);
|
||||
}
|
||||
else if (index == serversListLength-1 && (index+1)%2 == 0) {
|
||||
return const EdgeInsets.only(top: 8, left: 8, right: 16, bottom: 16);
|
||||
}
|
||||
else if (index == serversListLength-1 && (index+1)%2 == 1) {
|
||||
return const EdgeInsets.only(top: 8, left: 16, right: 8, bottom: 16);
|
||||
}
|
||||
else {
|
||||
if ((index+1)%2 == 0) {
|
||||
return const EdgeInsets.only(top: 8, left: 8, right: 16, bottom: 8);
|
||||
}
|
||||
else {
|
||||
return const EdgeInsets.only(top: 8, left: 16, right: 8, bottom: 8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void showDeleteModal({
|
||||
required BuildContext context,
|
||||
required Server server
|
||||
}) async {
|
||||
await Future.delayed(const Duration(seconds: 0), () => {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => DeleteModal(
|
||||
serverToDelete: server,
|
||||
),
|
||||
barrierDismissible: false
|
||||
)
|
||||
});
|
||||
}
|
||||
|
||||
void openServerModal({
|
||||
required BuildContext context,
|
||||
required double width,
|
||||
Server? server,
|
||||
}) async {
|
||||
await Future.delayed(const Duration(seconds: 0), (() => {
|
||||
openServerFormModal(context: context, width: width, server: server)
|
||||
}));
|
||||
}
|
||||
|
||||
void connectToServer({
|
||||
required BuildContext context,
|
||||
required Server server
|
||||
}) async {
|
||||
final ProcessModal process = ProcessModal(context: context);
|
||||
process.open(AppLocalizations.of(context)!.connecting);
|
||||
|
||||
final result = server.runningOnHa == true
|
||||
? await ServerAuth.loginHA(server)
|
||||
: await ServerAuth.login(server);
|
||||
|
||||
if (result == AuthStatus.success && context.mounted) {
|
||||
final serversProvider = Provider.of<ServersProvider>(context, listen: false);
|
||||
final statusProvider = Provider.of<StatusProvider>(context, listen: false);
|
||||
|
||||
final ApiClientV2 apiClient2 = ApiClientV2(server: server);
|
||||
serversProvider.setApiClient2(apiClient2);
|
||||
serversProvider.setSelectedServer(server);
|
||||
|
||||
statusProvider.setServerStatusLoad(LoadStatus.loading);
|
||||
final serverStatus = await apiClient2.getServerStatus();
|
||||
if (serverStatus.successful == true) {
|
||||
statusProvider.setServerStatusData(
|
||||
data: serverStatus.content as ServerStatus
|
||||
);
|
||||
serversProvider.checkServerUpdatesAvailable(
|
||||
server: server,
|
||||
);
|
||||
statusProvider.setServerStatusLoad(LoadStatus.loaded);
|
||||
}
|
||||
else {
|
||||
statusProvider.setServerStatusLoad(LoadStatus.error);
|
||||
}
|
||||
|
||||
process.close();
|
||||
}
|
||||
else {
|
||||
process.close();
|
||||
if (!context.mounted) return;
|
||||
final appConfigProvider = Provider.of<AppConfigProvider>(context, listen: false);
|
||||
showSnacbkar(
|
||||
appConfigProvider: appConfigProvider,
|
||||
label: AppLocalizations.of(context)!.cannotConnect,
|
||||
color: Colors.red
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
void setDefaultServer({
|
||||
required BuildContext context,
|
||||
required Server server
|
||||
}) async {
|
||||
final serversProvider = Provider.of<ServersProvider>(context, listen: false);
|
||||
final result = await serversProvider.setDefaultServer(server);
|
||||
if (!context.mounted) return;
|
||||
final appConfigProvider = Provider.of<AppConfigProvider>(context, listen: false);
|
||||
if (result == null) {
|
||||
showSnacbkar(
|
||||
appConfigProvider: appConfigProvider,
|
||||
label: AppLocalizations.of(context)!.connectionDefaultSuccessfully,
|
||||
color: Colors.green
|
||||
);
|
||||
}
|
||||
else {
|
||||
showSnacbkar(
|
||||
appConfigProvider: appConfigProvider,
|
||||
label: AppLocalizations.of(context)!.connectionDefaultFailed,
|
||||
color: Colors.red
|
||||
);
|
||||
}
|
||||
}
|
|
@ -104,8 +104,6 @@ class _ServersListItemState extends State<ServersListItem> with SingleTickerProv
|
|||
: await login(server);
|
||||
|
||||
if (result['result'] == 'success') {
|
||||
final ApiClient apiClient = ApiClient(server: server);
|
||||
serversProvider.setApiClient(apiClient);
|
||||
final ApiClientV2 apiClient2 = ApiClientV2(server: server);
|
||||
serversProvider.setApiClient2(apiClient2);
|
||||
serversProvider.setSelectedServer(server);
|
||||
|
|
|
@ -4,18 +4,10 @@ import 'package:flutter/material.dart';
|
|||
import 'package:provider/provider.dart';
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
|
||||
import 'package:adguard_home_manager/widgets/add_server/add_server_functions.dart';
|
||||
import 'package:adguard_home_manager/widgets/servers_list/delete_modal.dart';
|
||||
import 'package:adguard_home_manager/widgets/servers_list/server_tile_functions.dart';
|
||||
|
||||
import 'package:adguard_home_manager/models/server_status.dart';
|
||||
import 'package:adguard_home_manager/services/api_client.dart';
|
||||
import 'package:adguard_home_manager/classes/process_modal.dart';
|
||||
import 'package:adguard_home_manager/functions/snackbar.dart';
|
||||
import 'package:adguard_home_manager/constants/enums.dart';
|
||||
import 'package:adguard_home_manager/providers/status_provider.dart';
|
||||
import 'package:adguard_home_manager/models/app_log.dart';
|
||||
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
||||
import 'package:adguard_home_manager/services/http_requests.dart';
|
||||
import 'package:adguard_home_manager/models/server.dart';
|
||||
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
||||
|
||||
|
@ -26,12 +18,12 @@ class ServersTileItem extends StatefulWidget {
|
|||
final double breakingWidth;
|
||||
|
||||
const ServersTileItem({
|
||||
Key? key,
|
||||
super.key,
|
||||
required this.server,
|
||||
required this.index,
|
||||
required this.onChange,
|
||||
required this.breakingWidth
|
||||
}) : super(key: key);
|
||||
});
|
||||
|
||||
@override
|
||||
State<ServersTileItem> createState() => _ServersTileItemState();
|
||||
|
@ -46,332 +38,272 @@ class _ServersTileItemState extends State<ServersTileItem> with SingleTickerProv
|
|||
|
||||
final width = MediaQuery.of(context).size.width;
|
||||
|
||||
void showDeleteModal(Server server) async {
|
||||
await Future.delayed(const Duration(seconds: 0), () => {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => DeleteModal(
|
||||
serverToDelete: server,
|
||||
),
|
||||
barrierDismissible: false
|
||||
)
|
||||
});
|
||||
}
|
||||
|
||||
void openServerModal({Server? server}) async {
|
||||
await Future.delayed(const Duration(seconds: 0), (() => {
|
||||
openServerFormModal(context: context, width: width, server: server)
|
||||
}));
|
||||
}
|
||||
|
||||
void connectToServer(Server server) async {
|
||||
final ProcessModal process = ProcessModal(context: context);
|
||||
process.open(AppLocalizations.of(context)!.connecting);
|
||||
|
||||
final result = server.runningOnHa == true
|
||||
? await loginHA(server)
|
||||
: await login(server);
|
||||
|
||||
if (result['result'] == 'success') {
|
||||
final ApiClient apiClient = ApiClient(server: server);
|
||||
serversProvider.setApiClient(apiClient);
|
||||
final ApiClientV2 apiClient2 = ApiClientV2(server: server);
|
||||
serversProvider.setApiClient2(apiClient2);
|
||||
serversProvider.setSelectedServer(server);
|
||||
|
||||
statusProvider.setServerStatusLoad(LoadStatus.loading);
|
||||
final serverStatus = await apiClient2.getServerStatus();
|
||||
if (serverStatus.successful == true) {
|
||||
statusProvider.setServerStatusData(
|
||||
data: serverStatus.content as ServerStatus
|
||||
);
|
||||
serversProvider.checkServerUpdatesAvailable(
|
||||
server: server,
|
||||
);
|
||||
statusProvider.setServerStatusLoad(LoadStatus.loaded);
|
||||
}
|
||||
else {
|
||||
statusProvider.setServerStatusLoad(LoadStatus.error);
|
||||
}
|
||||
|
||||
process.close();
|
||||
}
|
||||
else {
|
||||
process.close();
|
||||
appConfigProvider.addLog(result['log']);
|
||||
showSnacbkar(
|
||||
appConfigProvider: appConfigProvider,
|
||||
label: AppLocalizations.of(context)!.cannotConnect,
|
||||
color: Colors.red
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
void setDefaultServer(Server server) async {
|
||||
final result = await serversProvider.setDefaultServer(server);
|
||||
if (result == null) {
|
||||
showSnacbkar(
|
||||
appConfigProvider: appConfigProvider,
|
||||
label: AppLocalizations.of(context)!.connectionDefaultSuccessfully,
|
||||
color: Colors.green
|
||||
);
|
||||
}
|
||||
else {
|
||||
appConfigProvider.addLog(
|
||||
AppLog(
|
||||
type: 'set_default_server',
|
||||
dateTime: DateTime.now(),
|
||||
message: result.toString()
|
||||
)
|
||||
);
|
||||
showSnacbkar(
|
||||
appConfigProvider: appConfigProvider,
|
||||
label: AppLocalizations.of(context)!.connectionDefaultFailed,
|
||||
color: Colors.red
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Widget leadingIcon(Server server) {
|
||||
if (server.defaultServer == true) {
|
||||
return Stack(
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.storage_rounded,
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id
|
||||
? statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange
|
||||
: null,
|
||||
),
|
||||
SizedBox(
|
||||
width: 25,
|
||||
height: 25,
|
||||
child: Stack(
|
||||
alignment: Alignment.bottomRight,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(1),
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.primaryContainer,
|
||||
borderRadius: BorderRadius.circular(20)
|
||||
),
|
||||
child: Icon(
|
||||
Icons.star,
|
||||
color: Theme.of(context).colorScheme.onPrimaryContainer,
|
||||
size: 10,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
else {
|
||||
return Icon(
|
||||
Icons.storage_rounded,
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id
|
||||
? statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange
|
||||
: null,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Widget topRow(Server server, int index) {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
margin: const EdgeInsets.only(right: 16),
|
||||
child: leadingIcon(server),
|
||||
),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"${server.connectionMethod}://${server.domain}${server.path ?? ""}${server.port != null ? ':${server.port}' : ""}",
|
||||
textAlign: TextAlign.left,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Theme.of(context).colorScheme.onSurface
|
||||
),
|
||||
),
|
||||
Column(
|
||||
children: [
|
||||
const SizedBox(height: 3),
|
||||
Text(
|
||||
server.name,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.left,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant
|
||||
),
|
||||
)
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget bottomRow(Server server, int index) {
|
||||
return Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
PopupMenuButton(
|
||||
itemBuilder: (context) => [
|
||||
PopupMenuItem(
|
||||
enabled: server.defaultServer == false
|
||||
? true
|
||||
: false,
|
||||
onTap: server.defaultServer == false
|
||||
? (() => setDefaultServer(server))
|
||||
: null,
|
||||
child: SizedBox(
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.star),
|
||||
const SizedBox(width: 15),
|
||||
Text(
|
||||
server.defaultServer == true
|
||||
? AppLocalizations.of(context)!.defaultConnection
|
||||
: AppLocalizations.of(context)!.setDefault,
|
||||
)
|
||||
],
|
||||
),
|
||||
)
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: (() => openServerModal(server: server)),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.edit),
|
||||
const SizedBox(width: 15),
|
||||
Text(AppLocalizations.of(context)!.edit)
|
||||
],
|
||||
)
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: (() => showDeleteModal(server)),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.delete),
|
||||
const SizedBox(width: 15),
|
||||
Text(AppLocalizations.of(context)!.delete)
|
||||
],
|
||||
)
|
||||
),
|
||||
]
|
||||
),
|
||||
SizedBox(
|
||||
child: serversProvider.selectedServer != null &&
|
||||
serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null &&
|
||||
serversProvider.selectedServer?.id == server.id
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(right: 16),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? Icons.check
|
||||
: Icons.warning,
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange,
|
||||
),
|
||||
const SizedBox(width: 10),
|
||||
Text(
|
||||
serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? AppLocalizations.of(context)!.connected
|
||||
: AppLocalizations.of(context)!.selectedDisconnected,
|
||||
style: TextStyle(
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange,
|
||||
fontWeight: FontWeight.w500
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
margin: const EdgeInsets.only(right: 10),
|
||||
child: FilledButton.icon(
|
||||
icon: const Icon(Icons.login),
|
||||
onPressed: () => connectToServer(server),
|
||||
label: Text(AppLocalizations.of(context)!.connect),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
EdgeInsets generateMargins(int index) {
|
||||
if (index == 0) {
|
||||
return const EdgeInsets.only(top: 16, left: 16, right: 8, bottom: 8);
|
||||
}
|
||||
if (index == 1) {
|
||||
return const EdgeInsets.only(top: 16, left: 8, right: 16, bottom: 8);
|
||||
}
|
||||
else if (index == serversProvider.serversList.length-1 && (index+1)%2 == 0) {
|
||||
return const EdgeInsets.only(top: 8, left: 8, right: 16, bottom: 16);
|
||||
}
|
||||
else if (index == serversProvider.serversList.length-1 && (index+1)%2 == 1) {
|
||||
return const EdgeInsets.only(top: 8, left: 16, right: 8, bottom: 16);
|
||||
}
|
||||
else {
|
||||
if ((index+1)%2 == 0) {
|
||||
return const EdgeInsets.only(top: 8, left: 8, right: 16, bottom: 8);
|
||||
}
|
||||
else {
|
||||
return const EdgeInsets.only(top: 8, left: 16, right: 8, bottom: 8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return FractionallySizedBox(
|
||||
widthFactor: width > widget.breakingWidth ? 0.5 : 1,
|
||||
child: Card(
|
||||
margin: width > widget.breakingWidth
|
||||
? generateMargins(widget.index)
|
||||
? generateMargins(index: widget.index, serversListLength: serversProvider.serversList.length)
|
||||
: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
|
||||
child: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: topRow(widget.server, widget.index),
|
||||
child: _TopRow(server: widget.server, index: widget.index)
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 8, right: 8, bottom: 16
|
||||
),
|
||||
child: bottomRow(widget.server, widget.index),
|
||||
child: _BottomRow(
|
||||
server: widget.server,
|
||||
connectToServer: (s) => connectToServer(context: context, server: s),
|
||||
openServerModal: (s) => openServerModal(context: context, server: s, width: width),
|
||||
setDefaultServer: (s) => setDefaultServer(context: context, server: s),
|
||||
showDeleteModal: (s) => showDeleteModal(context: context, server: s),
|
||||
)
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _LeadingIcon extends StatelessWidget {
|
||||
final Server server;
|
||||
|
||||
const _LeadingIcon({
|
||||
required this.server,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final serversProvider = Provider.of<ServersProvider>(context);
|
||||
final statusProvider = Provider.of<StatusProvider>(context);
|
||||
|
||||
if (server.defaultServer == true) {
|
||||
return Stack(
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.storage_rounded,
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id
|
||||
? statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange
|
||||
: null,
|
||||
),
|
||||
SizedBox(
|
||||
width: 25,
|
||||
height: 25,
|
||||
child: Stack(
|
||||
alignment: Alignment.bottomRight,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(1),
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.primaryContainer,
|
||||
borderRadius: BorderRadius.circular(20)
|
||||
),
|
||||
child: Icon(
|
||||
Icons.star,
|
||||
color: Theme.of(context).colorScheme.onPrimaryContainer,
|
||||
size: 10,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
else {
|
||||
return Icon(
|
||||
Icons.storage_rounded,
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id
|
||||
? statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange
|
||||
: null,
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class _TopRow extends StatelessWidget {
|
||||
final Server server;
|
||||
final int index;
|
||||
|
||||
const _TopRow({
|
||||
required this.server,
|
||||
required this.index,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
margin: const EdgeInsets.only(right: 16),
|
||||
child: _LeadingIcon(server: server),
|
||||
),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"${server.connectionMethod}://${server.domain}${server.path ?? ""}${server.port != null ? ':${server.port}' : ""}",
|
||||
textAlign: TextAlign.left,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Theme.of(context).colorScheme.onSurface
|
||||
),
|
||||
),
|
||||
Column(
|
||||
children: [
|
||||
const SizedBox(height: 3),
|
||||
Text(
|
||||
server.name,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.left,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant
|
||||
),
|
||||
)
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _BottomRow extends StatelessWidget {
|
||||
final Server server;
|
||||
final void Function(Server) setDefaultServer;
|
||||
final void Function(Server) openServerModal;
|
||||
final void Function(Server) showDeleteModal;
|
||||
final void Function(Server) connectToServer;
|
||||
|
||||
const _BottomRow({
|
||||
required this.server,
|
||||
required this.setDefaultServer,
|
||||
required this.openServerModal,
|
||||
required this.showDeleteModal,
|
||||
required this.connectToServer,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final serversProvider = Provider.of<ServersProvider>(context);
|
||||
final statusProvider = Provider.of<StatusProvider>(context);
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
PopupMenuButton(
|
||||
itemBuilder: (context) => [
|
||||
PopupMenuItem(
|
||||
enabled: server.defaultServer == false
|
||||
? true
|
||||
: false,
|
||||
onTap: server.defaultServer == false
|
||||
? (() => setDefaultServer(server))
|
||||
: null,
|
||||
child: SizedBox(
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.star),
|
||||
const SizedBox(width: 15),
|
||||
Text(
|
||||
server.defaultServer == true
|
||||
? AppLocalizations.of(context)!.defaultConnection
|
||||
: AppLocalizations.of(context)!.setDefault,
|
||||
)
|
||||
],
|
||||
),
|
||||
)
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: (() => openServerModal(server)),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.edit),
|
||||
const SizedBox(width: 15),
|
||||
Text(AppLocalizations.of(context)!.edit)
|
||||
],
|
||||
)
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: (() => showDeleteModal(server)),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.delete),
|
||||
const SizedBox(width: 15),
|
||||
Text(AppLocalizations.of(context)!.delete)
|
||||
],
|
||||
)
|
||||
),
|
||||
]
|
||||
),
|
||||
SizedBox(
|
||||
child: serversProvider.selectedServer != null &&
|
||||
serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null &&
|
||||
serversProvider.selectedServer?.id == server.id
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(right: 16),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? Icons.check
|
||||
: Icons.warning,
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange,
|
||||
),
|
||||
const SizedBox(width: 10),
|
||||
Text(
|
||||
serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? AppLocalizations.of(context)!.connected
|
||||
: AppLocalizations.of(context)!.selectedDisconnected,
|
||||
style: TextStyle(
|
||||
color: serversProvider.selectedServer != null && serversProvider.selectedServer?.id == server.id && statusProvider.serverStatus != null
|
||||
? Colors.green
|
||||
: Colors.orange,
|
||||
fontWeight: FontWeight.w500
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
margin: const EdgeInsets.only(right: 10),
|
||||
child: FilledButton.icon(
|
||||
icon: const Icon(Icons.login),
|
||||
onPressed: () => connectToServer(server),
|
||||
label: Text(AppLocalizations.of(context)!.connect),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue