148 lines
4.6 KiB
Dart
148 lines
4.6 KiB
Dart
import 'dart:html';
|
|
|
|
import 'package:flutter_dotenv/flutter_dotenv.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:grpc/grpc_web.dart';
|
|
import 'package:softplayer_web/api/grpc/accounts.dart';
|
|
import 'package:softplayer_web/api/grpc/creds.dart';
|
|
import 'package:softplayer_web/components/create_env_form.dart';
|
|
import 'package:softplayer_web/components/environments.dart';
|
|
import 'package:softplayer_web/components/login_form.dart';
|
|
|
|
void main() async {
|
|
await dotenv.load(fileName: ".env");
|
|
String backendURL = dotenv.env['SOFTPLAYER_BACKEND_URL']!;
|
|
GrpcWebClientChannel grpcChannel =
|
|
GrpcWebClientChannel.xhr(Uri.parse(backendURL));
|
|
|
|
runApp(MyApp(channel: grpcChannel));
|
|
}
|
|
|
|
class MyApp extends StatelessWidget {
|
|
MyApp({super.key, required this.channel});
|
|
final GrpcWebClientChannel channel;
|
|
late final AccountsGrpc accountsGrpc = AccountsGrpc(channel: channel);
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
accountsGrpc.init();
|
|
return MaterialApp(
|
|
debugShowCheckedModeBanner: false,
|
|
title: 'Softplayer',
|
|
home: RootWidget(channel: channel),
|
|
theme: ThemeData(
|
|
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
|
|
useMaterial3: true,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class RootWidget extends StatefulWidget {
|
|
final GrpcWebClientChannel channel;
|
|
|
|
RootWidget({super.key, required this.channel});
|
|
late final AccountsGrpc accountsGrpc = AccountsGrpc(channel: channel);
|
|
|
|
@override
|
|
@override
|
|
State<StatefulWidget> createState() => _StateRootWidget();
|
|
}
|
|
|
|
class _StateRootWidget extends State<RootWidget> {
|
|
refresh() {
|
|
setState(() {});
|
|
}
|
|
|
|
bool isSignedIn() {
|
|
return window.localStorage.containsKey("token");
|
|
}
|
|
|
|
final GlobalKey<ScaffoldState> _key = GlobalKey(); // Create a key
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (!isSignedIn()) {
|
|
return Scaffold(
|
|
body: Container(
|
|
width: double.infinity,
|
|
height: double.infinity,
|
|
decoration: const BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage("assets/login_background.jpg"),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
child: LoginForm(
|
|
grpcChannel: widget.channel,
|
|
notifyParent: refresh,
|
|
),
|
|
));
|
|
} else {
|
|
EnvirnomentList envList = EnvirnomentList(channel: widget.channel);
|
|
return DefaultTabController(
|
|
length: 3,
|
|
initialIndex: 0,
|
|
child: Scaffold(
|
|
key: _key,
|
|
endDrawer: const Drawer(child: Text("text")),
|
|
body: TabBarView(children: [envList, envList]),
|
|
appBar: AppBar(
|
|
backgroundColor: Colors.grey,
|
|
centerTitle: false,
|
|
title: const Text("Softplayer"),
|
|
bottom: const TabBar(
|
|
tabs: <Widget>[
|
|
Tab(
|
|
icon: Icon(Icons.computer),
|
|
text: "Environments",
|
|
),
|
|
Tab(
|
|
icon: Icon(Icons.install_desktop),
|
|
text: "Your applications",
|
|
),
|
|
Tab(
|
|
icon: Icon(Icons.list),
|
|
text: "Application Catalog",
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
PopupMenuButton(
|
|
child: const Row(children: [
|
|
Icon(Icons.account_circle),
|
|
Text("account"),
|
|
]),
|
|
itemBuilder: (context) => [
|
|
const PopupMenuItem(
|
|
child: Row(
|
|
children: [Icon(Icons.settings), Text("Settings")],
|
|
),
|
|
),
|
|
const PopupMenuItem(
|
|
child: Row(children: [
|
|
Icon(Icons.monetization_on),
|
|
Text("Invoices"),
|
|
])),
|
|
PopupMenuItem(
|
|
child: const Row(
|
|
children: [Icon(Icons.logout), Text("Sign out")]),
|
|
onTap: () {
|
|
SoftplayerCredsHelpers().cleanupLocalStorate();
|
|
refresh();
|
|
},
|
|
),
|
|
])
|
|
],
|
|
),
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.add),
|
|
onPressed: () => showDialog(
|
|
context: context,
|
|
builder: (context) => CreateEnvForm(widget.channel),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|