FBLA24/fbla_ui/lib/shared/widgets.dart
2024-06-23 14:36:18 -05:00

844 lines
31 KiB
Dart

import 'package:dart_jsonwebtoken/dart_jsonwebtoken.dart';
import 'package:fbla_ui/pages/signin_page.dart';
import 'package:fbla_ui/shared/global_vars.dart';
import 'package:fbla_ui/shared/utils.dart';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:url_launcher/url_launcher.dart';
// class BusinessDisplayPanel extends StatefulWidget {
// final Map<JobType, List<Business>>? jobGroupedBusinesses;
// final Map<BusinessType, List<Business>>? businessGroupedBusinesses;
// final bool widescreen;
// final Set<Business>? selectedBusinesses;
//
// const BusinessDisplayPanel(
// {super.key,
// this.jobGroupedBusinesses,
// this.businessGroupedBusinesses,
// required this.widescreen,
// this.selectedBusinesses});
//
// @override
// State<BusinessDisplayPanel> createState() => _BusinessDisplayPanelState();
// }
//
// class _BusinessDisplayPanelState extends State<BusinessDisplayPanel> {
// @override
// Widget build(BuildContext context) {
// if ((widget.businessGroupedBusinesses?.keys ?? <BusinessType>[]).isEmpty &&
// (widget.jobGroupedBusinesses?.keys ?? <JobType>[]).isEmpty) {
// return const SliverToBoxAdapter(
// child: Center(
// child: Padding(
// padding: EdgeInsets.all(16.0),
// child: Text(
// 'No results found!\nPlease change your search filters.',
// textAlign: TextAlign.center,
// style: TextStyle(fontSize: 18),
// ),
// ),
// ),
// );
// }
//
// List<BusinessHeader> headers = [];
// if (widget.jobGroupedBusinesses != null) {
// for (JobType jobType in widget.jobGroupedBusinesses!.keys) {
// headers.add(BusinessHeader(
// jobType: jobType,
// widescreen: widget.widescreen,
// // selectable: widget.selectable,
// selectedBusinesses: widget.selectedBusinesses,
// // updateSelectedBusinessesCallback:
// // widget.updateSelectedBusinessesCallback,
// businesses: widget.jobGroupedBusinesses![jobType]!));
// }
// headers.sort((a, b) => a.jobType!.index.compareTo(b.jobType!.index));
// return MultiSliver(children: headers);
// } else if (widget.businessGroupedBusinesses != null) {
// for (BusinessType businessType
// in widget.businessGroupedBusinesses!.keys) {
// headers.add(BusinessHeader(
// businessType: businessType,
// widescreen: widget.widescreen,
// selectedBusinesses: widget.selectedBusinesses,
// businesses: widget.businessGroupedBusinesses![businessType]!));
// }
// headers.sort(
// (a, b) => a.businessType!.index.compareTo(b.businessType!.index));
// return MultiSliver(children: headers);
// }
// return const Text('Error with input data!');
// }
// }
//
// class BusinessHeader extends StatefulWidget {
// final JobType? jobType;
// final BusinessType? businessType;
// final List<Business> businesses;
// final Set<Business>? selectedBusinesses;
// final bool widescreen;
// final void Function()? updateSelectedBusinessesCallback;
//
// const BusinessHeader({
// super.key,
// this.jobType,
// this.businessType,
// required this.businesses,
// required this.widescreen,
// this.updateSelectedBusinessesCallback,
// this.selectedBusinesses,
// });
//
// @override
// State<BusinessHeader> createState() => _BusinessHeaderState();
// }
//
// class _BusinessHeaderState extends State<BusinessHeader> {
// refresh() {
// setState(() {});
// }
//
// @override
// Widget build(BuildContext context) {
// return SliverStickyHeader(
// header: Container(
// height: 55.0,
// color: Theme.of(context).colorScheme.primary,
// padding: const EdgeInsets.symmetric(horizontal: 16.0),
// alignment: Alignment.centerLeft,
// child: _getHeaderRow(widget.selectedBusinesses),
// ),
// sliver: _getChildSliver(
// widget.businesses, widget.widescreen, widget.selectedBusinesses),
// );
// }
//
// Widget _getHeaderRow(Set<Business>? selectedBusinesses) {
// if (selectedBusinesses != null) {
// return Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: [
// Row(
// children: [
// Padding(
// padding: const EdgeInsets.only(left: 4.0, right: 12.0),
// child: Icon(
// widget.jobType != null
// ? getIconFromJobType(widget.jobType!)
// : getIconFromBusinessType(widget.businessType!),
// color: Theme.of(context).colorScheme.onPrimary,
// )),
// Text(widget.jobType != null
// ? getNameFromJobType(widget.jobType!)
// : getNameFromBusinessType(widget.businessType!)),
// ],
// ),
// Padding(
// padding: const EdgeInsets.only(right: 12.0),
// child: Checkbox(
// checkColor: Theme.of(context).colorScheme.primary,
// activeColor: Theme.of(context).colorScheme.onPrimary,
// value: widget.selectedBusinesses!.containsAll(widget.businesses),
// onChanged: (value) {
// if (value!) {
// setState(() {
// widget.selectedBusinesses!.addAll(widget.businesses);
// });
// } else {
// setState(() {
// widget.selectedBusinesses!.removeAll(widget.businesses);
// });
// }
// },
// ),
// ),
// ],
// );
// } else {
// return Row(
// children: [
// Padding(
// padding: const EdgeInsets.only(left: 4.0, right: 12.0),
// child: Icon(
// widget.jobType != null
// ? getIconFromJobType(widget.jobType!)
// : getIconFromBusinessType(widget.businessType!),
// color: Theme.of(context).colorScheme.onPrimary,
// ),
// ),
// Text(
// widget.jobType != null
// ? getNameFromJobType(widget.jobType!)
// : getNameFromBusinessType(widget.businessType!),
// style: TextStyle(color: Theme.of(context).colorScheme.onPrimary),
// ),
// ],
// );
// }
// }
//
// Widget _getChildSliver(List<Business> businesses, bool widescreen,
// Set<Business>? selectedBusinesses) {
// if (widescreen) {
// return SliverPadding(
// padding: const EdgeInsets.all(4),
// sliver: SliverGrid(
// gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
// mainAxisExtent: 250.0,
// maxCrossAxisExtent: 400.0,
// mainAxisSpacing: 4.0,
// crossAxisSpacing: 4.0,
// ),
// delegate: SliverChildBuilderDelegate(
// childCount: businesses.length,
// (BuildContext context, int index) {
// return BusinessCard(
// business: businesses[index],
// selectedBusinesses: selectedBusinesses,
// widescreen: widescreen,
// callback: refresh,
// jobType: widget.jobType,
// );
// },
// ),
// ),
// );
// } else {
// return SliverList(
// delegate: SliverChildBuilderDelegate(
// childCount: businesses.length,
// (BuildContext context, int index) {
// return BusinessCard(
// business: businesses[index],
// selectedBusinesses: selectedBusinesses,
// widescreen: widescreen,
// callback: refresh,
// jobType: widget.jobType,
// );
// },
// ),
// );
// }
// }
// }
//
// class BusinessCard extends StatefulWidget {
// final Business business;
// final bool widescreen;
// final Set<Business>? selectedBusinesses;
// final Function callback;
// final JobType? jobType;
// final BusinessType? businessType;
//
// const BusinessCard({
// super.key,
// required this.business,
// required this.widescreen,
// required this.callback,
// this.jobType,
// this.businessType,
// this.selectedBusinesses,
// });
//
// @override
// State<BusinessCard> createState() => _BusinessCardState();
// }
//
// class _BusinessCardState extends State<BusinessCard> {
// @override
// Widget build(BuildContext context) {
// if (widget.widescreen) {
// return _businessTile(widget.business, widget.selectedBusinesses,
// widget.jobType, widget.businessType);
// } else {
// return _businessListItem(widget.business, widget.selectedBusinesses,
// widget.callback, widget.jobType, widget.businessType);
// }
// }
//
// Widget _businessTile(Business business, Set<Business>? selectedBusinesses,
// JobType? jobType, BusinessType? businessType) {
// return MouseRegion(
// cursor: SystemMouseCursors.click,
// child: GestureDetector(
// onTap: () {
// Navigator.of(context).push(MaterialPageRoute(
// builder: (context) => BusinessDetail(
// id: business.id,
// name: business.name!,
// )));
// },
// child: Card(
// clipBehavior: Clip.antiAlias,
// child: Column(
// crossAxisAlignment: CrossAxisAlignment.center,
// children: [
// _getTileRow(business, selectedBusinesses, widget.callback),
// Padding(
// padding: const EdgeInsets.all(8.0),
// child: Text(
// business.description!,
// maxLines: selectedBusinesses != null ? 7 : 5,
// overflow: TextOverflow.ellipsis,
// ),
// ),
// const Spacer(),
// Padding(
// padding: const EdgeInsets.all(8.0),
// child: selectedBusinesses == null
// ? Row(
// mainAxisAlignment: MainAxisAlignment.spaceEvenly,
// children: [
// IconButton(
// icon: const Icon(Icons.link),
// onPressed: () {
// launchUrl(
// Uri.parse('https://${business.website}'));
// },
// ),
// if (business.locationName != '')
// IconButton(
// icon: const Icon(Icons.location_on),
// onPressed: () {
// launchUrl(Uri.parse(Uri.encodeFull(
// 'https://www.google.com/maps/search/?api=1&query=${business.locationName}')));
// },
// ),
// if ((business.contactPhone != null) &&
// (business.contactPhone != ''))
// IconButton(
// icon: const Icon(Icons.phone),
// onPressed: () {
// showDialog(
// context: context,
// builder: (BuildContext context) {
// return AlertDialog(
// backgroundColor: Theme.of(context)
// .colorScheme
// .surface,
// title: Text((business.contactName ==
// null ||
// business.contactName == '')
// ? 'Contact ${business.name}?'
// : 'Contact ${business.contactName}'),
// content: Text((business.contactName ==
// null ||
// business.contactName == '')
// ? 'Would you like to call or text ${business.name}?'
// : 'Would you like to call or text ${business.contactName}?'),
// actions: [
// TextButton(
// child: const Text('Text'),
// onPressed: () {
// launchUrl(Uri.parse(
// 'sms:${business.contactPhone}'));
// Navigator.of(context).pop();
// }),
// TextButton(
// child: const Text('Call'),
// onPressed: () async {
// launchUrl(Uri.parse(
// 'tel:${business.contactPhone}'));
// Navigator.of(context).pop();
// }),
// ],
// );
// });
// },
// ),
// if (business.contactEmail != '')
// IconButton(
// icon: const Icon(Icons.email),
// onPressed: () {
// launchUrl(Uri.parse(
// 'mailto:${business.contactEmail}'));
// },
// ),
// ],
// )
// : null),
// ],
// ),
// ),
// ),
// );
// }
//
// Widget _getTileRow(
// Business business, Set<Business>? selectedBusinesses, Function callback) {
// if (selectedBusinesses != null) {
// return Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: [
// Padding(
// padding: const EdgeInsets.all(8.0),
// child: ClipRRect(
// borderRadius: BorderRadius.circular(6.0),
// child: Image.network('$apiAddress/logos/${business.id}',
// height: 48, width: 48, errorBuilder: (BuildContext context,
// Object exception, StackTrace? stackTrace) {
// return Icon(
// getIconFromBusinessType(business.type!),
// size: 48,
// );
// }),
// ),
// ),
// Flexible(
// child: Padding(
// padding: const EdgeInsets.all(8.0),
// child: Text(
// business.name!,
// style:
// const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
// maxLines: 2,
// overflow: TextOverflow.ellipsis,
// ),
// ),
// ),
// Padding(
// padding: const EdgeInsets.only(right: 24.0),
// child: _checkbox(callback, selectedBusinesses),
// )
// ],
// );
// } else {
// return Row(
// children: [
// Padding(
// padding: const EdgeInsets.all(8.0),
// child: ClipRRect(
// borderRadius: BorderRadius.circular(6.0),
// child: Image.network('$apiAddress/logos/${business.id}',
// height: 48, width: 48, errorBuilder: (BuildContext context,
// Object exception, StackTrace? stackTrace) {
// return Icon(getIconFromBusinessType(business.type!),
// size: 48);
// }),
// )),
// Flexible(
// child: Padding(
// padding: const EdgeInsets.all(8.0),
// child: Text(
// business.name!,
// style:
// const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
// maxLines: 2,
// overflow: TextOverflow.ellipsis,
// ),
// ),
// ),
// ],
// );
// }
// }
//
// Widget _businessListItem(Business business, Set<Business>? selectedBusinesses,
// Function callback, JobType? jobType, BusinessType? businessType) {
// return Card(
// child: ListTile(
// leading: ClipRRect(
// borderRadius: BorderRadius.circular(3.0),
// child: Image.network('$apiAddress/logos/${business.id}',
// height: 24, width: 24, errorBuilder: (BuildContext context,
// Object exception, StackTrace? stackTrace) {
// return Icon(getIconFromBusinessType(business.type!));
// })),
// title: Text(business.name!),
// subtitle: Text(business.description!,
// maxLines: 1, overflow: TextOverflow.ellipsis),
// trailing: _getCheckbox(selectedBusinesses, callback),
// onTap: () {
// Navigator.of(context).push(MaterialPageRoute(
// builder: (context) => BusinessDetail(
// id: business.id,
// name: business.name!,
// )));
// },
// ),
// );
// }
//
// Widget _checkbox(Function callback, Set<Business> selectedBusinesses) {
// return Checkbox(
// value: selectedBusinesses.contains(widget.business),
// onChanged: (value) {
// if (value!) {
// setState(() {
// selectedBusinesses.add(widget.business);
// });
// } else {
// setState(() {
// selectedBusinesses.remove(widget.business);
// });
// }
// callback();
// },
// );
// }
//
// Widget? _getCheckbox(Set<Business>? selectedBusinesses, Function callback) {
// if (selectedBusinesses != null) {
// return _checkbox(callback, selectedBusinesses);
// } else {
// return null;
// }
// }
// }
class BusinessSearchBar extends StatefulWidget {
final String searchTextHint;
final Widget filterIconButton;
final void Function(String) setSearchCallback;
const BusinessSearchBar(
{super.key,
required this.setSearchCallback,
required this.searchTextHint,
required this.filterIconButton});
@override
State<BusinessSearchBar> createState() => _BusinessSearchBarState();
}
class _BusinessSearchBarState extends State<BusinessSearchBar> {
TextEditingController controller = TextEditingController();
@override
Widget build(BuildContext context) {
return SizedBox(
width: 450,
height: 50,
child: SearchBar(
hintText: widget.searchTextHint,
controller: controller,
backgroundColor: WidgetStateProperty.resolveWith((notNeeded) {
return Theme.of(context).colorScheme.surfaceContainer;
}),
onChanged: (query) {
widget.setSearchCallback(query);
},
leading: const Padding(
padding: EdgeInsets.only(left: 8.0),
child: Icon(Icons.search),
),
trailing: [
if (controller.text != '')
IconButton(
icon: const Icon(Icons.clear),
onPressed: () {
controller.text = '';
widget.setSearchCallback('');
},
),
widget.filterIconButton
]),
);
}
}
class FilterChips extends StatefulWidget {
final Set<JobType>? selectedJobChips;
final Set<BusinessType>? selectedBusinessChips;
const FilterChips(
{super.key, this.selectedJobChips, this.selectedBusinessChips});
@override
State<FilterChips> createState() => _FilterChipsState();
}
class _FilterChipsState extends State<FilterChips> {
List<Padding> filterChips() {
List<Padding> chips = [];
if (widget.selectedJobChips != null) {
for (var type in JobType.values) {
chips.add(Padding(
padding: const EdgeInsets.only(left: 4.0, right: 4.0),
child: FilterChip(
showCheckmark: false,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
label: Text(getNameFromJobType(type)),
selected: widget.selectedJobChips!.contains(type),
onSelected: (bool selected) {
setState(() {
if (selected) {
widget.selectedJobChips!.add(type);
} else {
widget.selectedJobChips!.remove(type);
}
});
}),
));
}
} else if (widget.selectedBusinessChips != null) {
for (var type in BusinessType.values) {
chips.add(Padding(
padding: const EdgeInsets.only(left: 4.0, right: 4.0),
child: FilterChip(
showCheckmark: false,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
label: Text(getNameFromBusinessType(type)),
selected: widget.selectedBusinessChips!.contains(type),
onSelected: (bool selected) {
setState(() {
if (selected) {
widget.selectedBusinessChips!.add(type);
} else {
widget.selectedBusinessChips!.remove(type);
}
});
}),
));
}
}
return chips;
}
@override
Widget build(BuildContext context) {
return Wrap(
children: filterChips(),
);
}
}
class MainSliverAppBar extends StatefulWidget {
final bool widescreen;
final Widget filterIconButton;
final void Function(String) setSearch;
final void Function() themeCallback;
final void Function() generatePDF;
final void Function(bool) updateLoggedIn;
final String searchHintText;
const MainSliverAppBar({
super.key,
required this.widescreen,
required this.setSearch,
required this.searchHintText,
required this.themeCallback,
required this.filterIconButton,
required this.updateLoggedIn,
required this.generatePDF,
});
@override
State<MainSliverAppBar> createState() => _MainSliverAppBarState();
}
class _MainSliverAppBarState extends State<MainSliverAppBar> {
@override
Widget build(BuildContext context) {
return SliverAppBar(
title: widget.widescreen
? Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Flexible(
child: BusinessSearchBar(
setSearchCallback: widget.setSearch,
searchTextHint: widget.searchHintText,
filterIconButton: widget.filterIconButton,
),
)
// const PreferredSize(
// preferredSize: Size(144, 0), child: SizedBox())
],
)
: const Text('Job Link'),
toolbarHeight: 70,
stretch: false,
backgroundColor: Theme.of(context).colorScheme.surface,
pinned: true,
// floating: true,
scrolledUnderElevation: 0,
centerTitle: !widget.widescreen,
expandedHeight: widget.widescreen ? 70 : 120,
bottom: _getBottom(widget.widescreen),
leading: !widget.widescreen
? IconButton(
icon: Icon(getIconFromThemeMode(themeMode)),
onPressed: () {
setState(() {
widget.themeCallback();
});
},
)
: null,
actions: [
IconButton(
icon: const Icon(Icons.file_download_outlined),
onPressed: widget.generatePDF,
),
IconButton(
icon: const Icon(Icons.help),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: const Text('About'),
backgroundColor: Theme.of(context).colorScheme.surface,
content: SizedBox(
width: 500,
child: IntrinsicHeight(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Welcome to my FBLA 2024 Coding and Programming submission!\n\n'
'MarinoDev Job Link aims to provide comprehensive details of businesses and community partners'
' for Waukesha West High School\'s Career and Technical Education Department.\n\n'),
MouseRegion(
cursor: SystemMouseCursors.click,
child: GestureDetector(
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Git Repo:'),
Text(
'https://git.marinodev.com/MarinoDev/FBLA24\n',
style: TextStyle(color: Colors.blue)),
],
),
onTap: () {
launchUrl(Uri.https('git.marinodev.com',
'/MarinoDev/FBLA24'));
},
),
),
MouseRegion(
cursor: SystemMouseCursors.click,
child: GestureDetector(
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Please direct any questions to'),
Text('drake@marinodev.com',
style: TextStyle(color: Colors.blue)),
],
),
onTap: () {
launchUrl(
Uri.parse('mailto:drake@marinodev.com'));
},
),
)
],
),
),
),
actions: [
TextButton(
child: const Text('OK'),
onPressed: () {
Navigator.of(context).pop();
}),
],
);
});
},
),
// IconButton(
// icon: const Icon(Icons.picture_as_pdf),
// onPressed: () async {
// if (!_isPreviousData) {
// ScaffoldMessenger.of(context).clearSnackBars();
// ScaffoldMessenger.of(context).showSnackBar(
// const SnackBar(
// width: 300,
// behavior: SnackBarBehavior.floating,
// content: Text('There is no data!'),
// duration: Duration(seconds: 2),
// ),
// );
// } else {
// selectedDataTypesBusiness = <DataTypeBusiness>{};
// Navigator.push(
// context,
// MaterialPageRoute(
// builder: (context) => ExportData(
// groupedBusinesses: overviewBusinesses)));
// }
// },
// ),
Padding(
padding: const EdgeInsets.only(right: 8.0),
child: IconButton(
icon: loggedIn
? const Icon(Icons.account_circle)
: const Icon(Icons.login),
onPressed: () {
if (loggedIn) {
var payload = JWT.decode(jwt).payload;
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
backgroundColor: Theme.of(context).colorScheme.surface,
title: Text('Hi, ${payload['username']}!'),
content: Text(
'You are logged in as an admin with username ${payload['username']}.'),
actions: [
TextButton(
child: const Text('Cancel'),
onPressed: () {
Navigator.of(context).pop();
}),
TextButton(
child: const Text('Logout'),
onPressed: () async {
final prefs =
await SharedPreferences.getInstance();
prefs.setBool('rememberMe', false);
prefs.setString('username', '');
prefs.setString('password', '');
widget.updateLoggedIn(false);
Navigator.of(context).pop();
}),
],
);
});
} else {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
SignInPage(refreshAccount: widget.updateLoggedIn)));
}
},
),
),
],
);
}
PreferredSizeWidget? _getBottom(bool widescreen) {
if (!widescreen) {
return PreferredSize(
preferredSize: const Size.fromHeight(0),
child: SizedBox(
height: 70,
child: Padding(
padding: const EdgeInsets.all(10),
child: BusinessSearchBar(
filterIconButton: widget.filterIconButton,
setSearchCallback: widget.setSearch,
searchTextHint: widget.searchHintText,
),
),
),
);
}
return null;
}
}