Add table creation
This commit is contained in:
parent
09c9549004
commit
4a5039cb19
19 changed files with 1132 additions and 141 deletions
|
|
@ -1,5 +1,20 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:get_storage/get_storage.dart';
|
||||
import 'package:tuuli_app/api/api_client.dart';
|
||||
import 'package:tuuli_app/api/model/tables_list_model.dart';
|
||||
import 'package:tuuli_app/c.dart';
|
||||
import 'package:tuuli_app/pages/home_panels/none_panel.dart';
|
||||
import 'package:tuuli_app/pages/home_panels/settings_panel.dart';
|
||||
import 'package:tuuli_app/pages/home_panels/tables_list_panel.dart';
|
||||
import 'package:tuuli_app/pages/home_panels/users_list_panel.dart';
|
||||
|
||||
enum PageType {
|
||||
none,
|
||||
tables,
|
||||
users,
|
||||
settings,
|
||||
}
|
||||
|
||||
class HomePage extends StatefulWidget {
|
||||
const HomePage({super.key});
|
||||
|
|
@ -9,25 +24,151 @@ class HomePage extends StatefulWidget {
|
|||
}
|
||||
|
||||
class _HomePageState extends State<HomePage> {
|
||||
final apiClient = Get.find<ApiClient>();
|
||||
TablesListModel tables = TablesListModel([]);
|
||||
|
||||
bool get isNarrow =>
|
||||
(MediaQuery.of(context).size.width - C.materialDrawerWidth) <= 600;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
_refreshData();
|
||||
}
|
||||
|
||||
var currentPage = PageType.none;
|
||||
final pageNames = {
|
||||
PageType.none: "Home",
|
||||
PageType.tables: "Tables",
|
||||
PageType.users: "Users",
|
||||
PageType.settings: "Settings",
|
||||
};
|
||||
|
||||
AppBar get appBar => AppBar(
|
||||
title: Text(pageNames[currentPage]!),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.home),
|
||||
onPressed: () {
|
||||
Get.offAllNamed("/");
|
||||
},
|
||||
),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.refresh),
|
||||
onPressed: _refreshData,
|
||||
),
|
||||
],
|
||||
);
|
||||
|
||||
ListView get drawerOptions => ListView(
|
||||
children: [
|
||||
ListTile(
|
||||
leading: const Icon(Icons.table_chart),
|
||||
title: const Text("Tables"),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
currentPage = PageType.tables;
|
||||
});
|
||||
},
|
||||
),
|
||||
ListTile(
|
||||
leading: const Icon(Icons.person),
|
||||
title: const Text("Users"),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
currentPage = PageType.users;
|
||||
});
|
||||
},
|
||||
),
|
||||
ListTile(
|
||||
leading: const Icon(Icons.settings),
|
||||
title: const Text("Settings"),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
currentPage = PageType.settings;
|
||||
});
|
||||
},
|
||||
),
|
||||
const Divider(),
|
||||
ListTile(
|
||||
leading: const Icon(Icons.logout),
|
||||
title: const Text("Logout"),
|
||||
onTap: () {
|
||||
GetStorage().erase().then((value) {
|
||||
GetStorage().save();
|
||||
Get.offAllNamed("/");
|
||||
});
|
||||
},
|
||||
),
|
||||
],
|
||||
);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
return Scaffold(
|
||||
appBar: appBar,
|
||||
drawer: isNarrow
|
||||
? Drawer(
|
||||
width: C.materialDrawerWidth,
|
||||
child: drawerOptions,
|
||||
)
|
||||
: null,
|
||||
body: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Home Page',
|
||||
style: Theme.of(context).textTheme.headlineMedium,
|
||||
Container(
|
||||
width: C.materialDrawerWidth,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black.withAlpha(100),
|
||||
border: Border(
|
||||
right: BorderSide(
|
||||
color: Theme.of(context).dividerColor,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: drawerOptions,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
Get.offNamed("/login");
|
||||
},
|
||||
child: const Text('Login'),
|
||||
LimitedBox(
|
||||
maxWidth: MediaQuery.of(context).size.width - C.materialDrawerWidth,
|
||||
child: Builder(builder: (context) {
|
||||
switch (currentPage) {
|
||||
case PageType.tables:
|
||||
return TablesListPanel(tables: tables);
|
||||
case PageType.users:
|
||||
return const UsersListPanel();
|
||||
case PageType.settings:
|
||||
return const SettingsPanel();
|
||||
case PageType.none:
|
||||
default:
|
||||
return const NonePanel();
|
||||
}
|
||||
}),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _refreshData() {
|
||||
apiClient.tablesList().then(
|
||||
(value) => value.unfold(
|
||||
(tables) {
|
||||
setState(() {
|
||||
this.tables = tables;
|
||||
});
|
||||
},
|
||||
(error) {
|
||||
ScaffoldMessenger.of(context).hideCurrentSnackBar();
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(error.toString()),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue