import 'package:flutter/material.dart'; import 'package:shlink_app/API/ServerManager.dart'; import 'package:shlink_app/LoginView.dart'; import 'package:shlink_app/OpenSourceLicensesView.dart'; import 'package:url_launcher/url_launcher.dart'; import 'globals.dart' as globals; class SettingsView extends StatefulWidget { const SettingsView({super.key}); @override State createState() => _SettingsViewState(); } enum ServerStatus { connected, connecting, disconnected } class _SettingsViewState extends State { var _server_version = "---"; ServerStatus _server_status = ServerStatus.connecting; @override void initState() { // TODO: implement initState super.initState(); WidgetsBinding.instance .addPostFrameCallback((_) => getServerHealth()); } void getServerHealth() async { final response = await globals.serverManager.getServerHealth(); response.fold((l) { setState(() { _server_version = l.version; _server_status = ServerStatus.connected; }); }, (r) { setState(() { _server_status = ServerStatus.disconnected; }); var text = ""; if (r is RequestFailure) { text = r.description; } else { text = (r as ApiFailure).detail; } final snackBar = SnackBar(content: Text(text), backgroundColor: Colors.red[400], behavior: SnackBarBehavior.floating); ScaffoldMessenger.of(context).showSnackBar(snackBar); }); } @override Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( slivers: [ SliverAppBar.medium( expandedHeight: 120, title: const Text("Settings", style: TextStyle(fontWeight: FontWeight.bold),), actions: [ PopupMenuButton( itemBuilder: (context) { return [ PopupMenuItem( value: 0, child: Text("Log out...", style: TextStyle(color: Colors.red)), ) ]; }, onSelected: (value) { if (value == 0) { globals.serverManager.logOut().then((value) => Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginView()) )); } }, ) ], ), SliverToBoxAdapter( child: Padding( padding: const EdgeInsets.all(12.0), child: Column( children: [ Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), color: Theme.of(context).brightness == Brightness.light ? Colors.grey[100] : Colors.grey[900], ), child: Padding( padding: const EdgeInsets.all(12.0), child: Row( children: [ Icon(Icons.dns_outlined, color: (() { switch (_server_status) { case ServerStatus.connected: return Colors.green; case ServerStatus.connecting: return Colors.orange; case ServerStatus.disconnected: return Colors.red; } }())), SizedBox(width: 8), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text("Connected to", style: TextStyle(color: Colors.grey)), Text(globals.serverManager.getServerUrl(), style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16)), Row( children: [ Text("API Version: ", style: TextStyle(color: Colors.grey, fontWeight: FontWeight.w600)), Text("${globals.serverManager.getApiVersion()}", style: TextStyle(color: Colors.grey)), SizedBox(width: 16), Text("Server Version: ", style: TextStyle(color: Colors.grey, fontWeight: FontWeight.w600)), Text("${_server_version}", style: TextStyle(color: Colors.grey)) ], ), ], ) ], ), ), ), SizedBox(height: 8), Divider(), SizedBox(height: 8), GestureDetector( onTap: () { Navigator.of(context).push( MaterialPageRoute(builder: (context) => const OpenSourceLicensesView()) ); }, child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), color: Theme.of(context).brightness == Brightness.light ? Colors.grey[100] : Colors.grey[900], ), child: Padding( padding: EdgeInsets.only(left: 12, right: 12, top: 20, bottom: 20), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ Icon(Icons.policy_outlined), SizedBox(width: 8), Text("Open Source Licenses", style: TextStyle(fontWeight: FontWeight.w500)), ], ), Icon(Icons.chevron_right) ] ), ), ), ), SizedBox(height: 16), GestureDetector( onTap: () async { var url = Uri.parse("https://github.com/rainloreley/shlink-mobile-app"); if (await canLaunchUrl(url)) { launchUrl(url, mode: LaunchMode.externalApplication); } }, child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), color: Theme.of(context).brightness == Brightness.light ? Colors.grey[100] : Colors.grey[900], ), child: Padding( padding: EdgeInsets.only(left: 12, right: 12, top: 20, bottom: 20), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ Icon(Icons.code), SizedBox(width: 8), Text("GitHub", style: TextStyle(fontWeight: FontWeight.w500)), ], ), Icon(Icons.chevron_right) ] ), ), ), ) ], ) ), ) ], ) ); } }