151 lines
5 KiB
Dart
151 lines
5 KiB
Dart
// import 'package:crab_ui/email.dart';
|
|
import 'api_service.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'email.dart';
|
|
import 'api_service.dart';
|
|
import 'dart:html' as html;
|
|
import 'dart:ui_web' as ui;
|
|
|
|
class HomeScreen extends StatefulWidget {
|
|
@override
|
|
_HomeScreenState createState() => _HomeScreenState();
|
|
}
|
|
|
|
class _HomeScreenState extends State<HomeScreen> {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
bool _isSidebarOpen = true;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
// Sidebar
|
|
if (_isSidebarOpen)
|
|
Container(
|
|
width: 70,
|
|
color: Color.fromARGB(17, 96, 122, 135),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
ListTile(
|
|
leading: Icon(Icons.home),
|
|
onTap: () {
|
|
// Navigate to Home
|
|
},
|
|
),
|
|
ListTile(
|
|
leading: Icon(Icons.settings),
|
|
onTap: () {
|
|
// Navigate to Settings
|
|
},
|
|
),
|
|
ListTile(
|
|
leading: Icon(Icons.email),
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => EmailPage()),
|
|
);
|
|
},
|
|
),
|
|
Spacer(),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Align(
|
|
alignment: Alignment.bottomLeft,
|
|
child: IconButton(
|
|
icon: Icon(Icons.close, color: Colors.white),
|
|
onPressed: () {
|
|
setState(() {
|
|
_isSidebarOpen = false;
|
|
});
|
|
},
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
// Main content
|
|
Expanded(
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.fromLTRB(8.0, 8.0, 8.0, 4.0),
|
|
color: Color.fromARGB(42, 36, 102, 132),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 800,
|
|
height: 40,
|
|
child: TextField(
|
|
decoration: InputDecoration(
|
|
hintText: 'Search...',
|
|
border: OutlineInputBorder(),
|
|
prefixIcon: Icon(Icons.search),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.all(0.0),
|
|
color: Color.fromARGB(42, 36, 102, 132),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
height: 2,
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.all(8.0),
|
|
color: Colors.white,
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
child: Text('hiiiiiii'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
// Expanded(
|
|
// child: Center(
|
|
// child: EmailPage(),
|
|
// ),
|
|
// )
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (!_isSidebarOpen)
|
|
Positioned(
|
|
bottom: 16,
|
|
left: 16,
|
|
child: FloatingActionButton(
|
|
child: Icon(Icons.menu),
|
|
onPressed: () {
|
|
setState(() {
|
|
_isSidebarOpen = true;
|
|
});
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|