luckyimnotanigger/adguard-home-manager
1
0
Fork 0
mirror of https://github.com/JGeek00/adguard-home-manager.git synced 2025-05-14 22:12:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

New appbar on homescreen

Browse source
This commit is contained in:
Juan Gilsanz Polo 2023-05-18 02:14:19 +02:00
parent f6254fe8a3
commit 1d7c269aa0
3 changed files with 120 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

165
lib/screens/home/appbar.dart
View file

@ -9,11 +9,16 @@ import 'package:adguard_home_manager/models/server.dart';
import 'package:adguard_home_manager/providers/servers_provider.dart';
import 'package:adguard_home_manager/providers/app_config_provider.dart';
class HomeAppBar extends StatelessWidget implements PreferredSizeWidget {
const HomeAppBar({Key? key}) : super(key: key);
class HomeAppBar extends StatelessWidget {
final bool innerBoxScrolled;
const HomeAppBar({
Key? key,
required this.innerBoxScrolled
}) : super(key: key);
@override
PreferredSizeWidget build(BuildContext context) {
Widget build(BuildContext context) {
final serversProvider = Provider.of<ServersProvider>(context);
final appConfigProvider = Provider.of<AppConfigProvider>(context);
@ -27,93 +32,81 @@ class HomeAppBar extends StatelessWidget implements PreferredSizeWidget {
}));
}
return AppBar(
toolbarHeight: 70,
title: Padding(
padding: const EdgeInsets.only(bottom: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Row(
children: [
Icon(
serversProvider.selectedServer != null && serversProvider.serverStatus.data != null
? serversProvider.serverStatus.data!.generalEnabled == true
? Icons.gpp_good_rounded
: Icons.gpp_bad_rounded
: Icons.shield,
size: 30,
color: serversProvider.selectedServer != null && serversProvider.serverStatus.data != null
? serversProvider.serverStatus.data!.generalEnabled == true
? appConfigProvider.useThemeColorForStatus
? Theme.of(context).colorScheme.primary
: Colors.green
: appConfigProvider.useThemeColorForStatus == true
? Theme.of(context).colorScheme.onSurface.withOpacity(0.38)
: Colors.red
: Theme.of(context).colorScheme.onSurface.withOpacity(0.38)
),
const SizedBox(width: 20),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (serversProvider.selectedServer != null) ...[
Text(
server!.name,
style: const TextStyle(
fontSize: 20
),
),
const SizedBox(height: 5),
Text(
"${server.connectionMethod}://${server.domain}${server.path ?? ""}${server.port != null ? ':${server.port}' : ""}",
style: TextStyle(
fontSize: 14,
color: Theme.of(context).listTileTheme.textColor
),
)
],
if (serversProvider.selectedServer == null) Text(
AppLocalizations.of(context)!.noServerSelected,
style: const TextStyle(
fontSize: 20
),
),
],
),
],
return SliverAppBar.large(
pinned: true,
floating: true,
centerTitle: false,
forceElevated: innerBoxScrolled,
leading: Icon(
serversProvider.selectedServer != null && serversProvider.serverStatus.data != null
? serversProvider.serverStatus.data!.generalEnabled == true
? Icons.gpp_good_rounded
: Icons.gpp_bad_rounded
: Icons.shield,
size: 30,
color: serversProvider.selectedServer != null && serversProvider.serverStatus.data != null
? serversProvider.serverStatus.data!.generalEnabled == true
? appConfigProvider.useThemeColorForStatus
? Theme.of(context).colorScheme.primary
: Colors.green
: appConfigProvider.useThemeColorForStatus == true
? Theme.of(context).colorScheme.onSurface.withOpacity(0.38)
: Colors.red
: Theme.of(context).colorScheme.onSurface.withOpacity(0.38)
),
title: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (serversProvider.selectedServer != null) ...[
Text(
server!.name,
style: const TextStyle(
fontSize: 20
),
),
PopupMenuButton(
itemBuilder: (context) => [
PopupMenuItem(
onTap: navigateServers,
child: Row(
children: [
const Icon(Icons.storage_rounded),
const SizedBox(width: 10),
Text(AppLocalizations.of(context)!.servers)
],
),
),
if (serversProvider.selectedServer != null && serversProvider.serverStatus.loadStatus == 1) PopupMenuItem(
onTap: () => openUrl("${server!.connectionMethod}://${server.domain}${server.path ?? ""}${server.port != null ? ':${server.port}' : ""}"),
child: Row(
children: [
const Icon(Icons.web_rounded),
const SizedBox(width: 10),
Text(AppLocalizations.of(context)!.webAdminPanel)
],
),
)
]
const SizedBox(height: 5),
Text(
"${server.connectionMethod}://${server.domain}${server.path ?? ""}${server.port != null ? ':${server.port}' : ""}",
style: TextStyle(
fontSize: 14,
color: Theme.of(context).listTileTheme.textColor
),
)
],
),
if (serversProvider.selectedServer == null) Text(
AppLocalizations.of(context)!.noServerSelected,
style: const TextStyle(
fontSize: 20
),
),
],
),
actions: [
PopupMenuButton(
itemBuilder: (context) => [
PopupMenuItem(
onTap: navigateServers,
child: Row(
children: [
const Icon(Icons.storage_rounded),
const SizedBox(width: 10),
Text(AppLocalizations.of(context)!.servers)
],
),
),
if (serversProvider.selectedServer != null && serversProvider.serverStatus.loadStatus == 1) PopupMenuItem(
onTap: () => openUrl("${server!.connectionMethod}://${server.domain}${server.path ?? ""}${server.port != null ? ':${server.port}' : ""}"),
child: Row(
children: [
const Icon(Icons.web_rounded),
const SizedBox(width: 10),
Text(AppLocalizations.of(context)!.webAdminPanel)
],
),
)
]
)
],
);
}
@override
Size get preferredSize => const Size.fromHeight(70);
}