apksel-dev/apskel-owner-flutter
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: current user

Browse Source
This commit is contained in:
efrilm 2025-08-16 19:56:45 +07:00
parent 5387d7b7a6
commit e7525238fe
4 changed files with 139 additions and 138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
lib/presentation/pages/home/widgets/header.dart
View File

@ -1,9 +1,13 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'dart:math' as math; import 'dart:math' as math;
import '../../../../application/auth/auth_bloc.dart';
import '../../../../common/constant/app_constant.dart';
import '../../../../common/extension/extension.dart'; import '../../../../common/extension/extension.dart';
import '../../../../common/painter/wave_painter.dart'; import '../../../../common/painter/wave_painter.dart';
import '../../../../common/theme/theme.dart'; import '../../../../common/theme/theme.dart';
import '../../../../domain/auth/auth.dart';
import '../../../components/spacer/spacer.dart'; import '../../../components/spacer/spacer.dart';
class HomeHeader extends StatefulWidget { class HomeHeader extends StatefulWidget {
@ -102,43 +106,47 @@ class _HomeHeaderState extends State<HomeHeader> with TickerProviderStateMixin {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return AnimatedBuilder( return BlocBuilder<AuthBloc, AuthState>(
animation: Listenable.merge([ builder: (context, state) {
_particleController, return AnimatedBuilder(
_waveController, animation: Listenable.merge([
_breathController, _particleController,
]), _waveController,
builder: (context, child) { _breathController,
return Container( ]),
height: 280, builder: (context, child) {
decoration: BoxDecoration( return Container(
gradient: LinearGradient( height: 280,
colors: [ decoration: BoxDecoration(
AppColor.primary, gradient: LinearGradient(
AppColor.primaryLight, colors: [
AppColor.primaryLight.withOpacity(0.8), AppColor.primary,
], AppColor.primaryLight,
begin: Alignment.topLeft, AppColor.primaryLight.withOpacity(0.8),
end: Alignment.bottomRight, ],
stops: const [0.0, 0.7, 1.0], begin: Alignment.topLeft,
), end: Alignment.bottomRight,
boxShadow: [ stops: const [0.0, 0.7, 1.0],
BoxShadow( ),
color: AppColor.primary.withOpacity(0.3), boxShadow: [
blurRadius: 20, BoxShadow(
offset: const Offset(0, 10), color: AppColor.primary.withOpacity(0.3),
blurRadius: 20,
offset: const Offset(0, 10),
),
],
), ),
], child: Stack(
), children: [
child: Stack( // Enhanced animated background
children: [ _buildAnimatedBackground(),
// Enhanced animated background
_buildAnimatedBackground(),
// Main content // Main content
SafeArea(child: _buildContent(context)), SafeArea(child: _buildContent(context, state.user)),
], ],
), ),
);
},
); );
}, },
); );
@ -255,7 +263,7 @@ class _HomeHeaderState extends State<HomeHeader> with TickerProviderStateMixin {
); );
} }
Widget _buildContent(BuildContext context) { Widget _buildContent(BuildContext context, User user) {
String greeting(BuildContext context) { String greeting(BuildContext context) {
final hour = DateTime.now().hour; final hour = DateTime.now().hour;
@ -291,7 +299,7 @@ class _HomeHeaderState extends State<HomeHeader> with TickerProviderStateMixin {
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
'AppSkel POS Owner', AppConstant.appName,
style: AppStyle.lg.copyWith( style: AppStyle.lg.copyWith(
color: AppColor.white.withOpacity(0.9), color: AppColor.white.withOpacity(0.9),
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
@ -307,7 +315,7 @@ class _HomeHeaderState extends State<HomeHeader> with TickerProviderStateMixin {
), ),
const SpaceHeight(2), const SpaceHeight(2),
Text( Text(
'Manager', user.role.toTitleCase,
style: AppStyle.sm.copyWith( style: AppStyle.sm.copyWith(
color: AppColor.white.withOpacity(0.7), color: AppColor.white.withOpacity(0.7),
fontSize: 11, fontSize: 11,
@ -383,7 +391,7 @@ class _HomeHeaderState extends State<HomeHeader> with TickerProviderStateMixin {
), ),
const SpaceHeight(2), const SpaceHeight(2),
Text( Text(
'Vira Vania! 👋', '${user.name}! 👋',
style: AppStyle.h4.copyWith( style: AppStyle.h4.copyWith(
color: AppColor.white, color: AppColor.white,
fontWeight: FontWeight.w800, fontWeight: FontWeight.w800,

146
lib/presentation/pages/profile/profile_page.dart
View File

@ -4,6 +4,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:line_icons/line_icons.dart'; import 'package:line_icons/line_icons.dart';
import 'package:loader_overlay/loader_overlay.dart'; import 'package:loader_overlay/loader_overlay.dart';
import '../../../application/auth/auth_bloc.dart';
import '../../../application/auth/logout_form/logout_form_bloc.dart'; import '../../../application/auth/logout_form/logout_form_bloc.dart';
import '../../../common/theme/theme.dart'; import '../../../common/theme/theme.dart';
import '../../../injection.dart'; import '../../../injection.dart';
@ -49,78 +50,85 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
}, },
), ),
], ],
child: Scaffold( child: BlocBuilder<AuthBloc, AuthState>(
backgroundColor: AppColor.background, builder: (context, state) {
body: CustomScrollView( return Scaffold(
slivers: [ backgroundColor: AppColor.background,
SliverAppBar( body: CustomScrollView(
backgroundColor: AppColor.primary, slivers: [
elevation: 0, SliverAppBar(
pinned: true, backgroundColor: AppColor.primary,
expandedHeight: 264.0, elevation: 0,
flexibleSpace: LayoutBuilder( pinned: true,
builder: (BuildContext context, BoxConstraints constraints) { expandedHeight: 264.0,
// Calculate the collapse ratio flexibleSpace: LayoutBuilder(
final double top = constraints.biggest.height; builder:
final double collapsedHeight = (BuildContext context, BoxConstraints constraints) {
MediaQuery.of(context).padding.top + kToolbarHeight; // Calculate the collapse ratio
final double expandedHeight = 264.0; final double top = constraints.biggest.height;
final double shrinkRatio = final double collapsedHeight =
((expandedHeight - top) / MediaQuery.of(context).padding.top +
(expandedHeight - collapsedHeight)) kToolbarHeight;
.clamp(0.0, 1.0); final double expandedHeight = 264.0;
final double shrinkRatio =
((expandedHeight - top) /
(expandedHeight - collapsedHeight))
.clamp(0.0, 1.0);
return FlexibleSpaceBar( return FlexibleSpaceBar(
background: ProfileHeader(), background: ProfileHeader(user: state.user),
titlePadding: const EdgeInsets.only( titlePadding: const EdgeInsets.only(
left: 20, left: 20,
right: 12, right: 12,
bottom: 16, bottom: 16,
),
title: Opacity(
opacity: shrinkRatio,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Profile',
style: AppStyle.xl.copyWith(
fontWeight: FontWeight.w700,
fontSize: 18,
letterSpacing: -0.5,
color: AppColor.white,
), ),
), title: Opacity(
ActionIconButton( opacity: shrinkRatio,
onTap: () {}, child: Row(
icon: LineIcons.userEdit, mainAxisAlignment:
), MainAxisAlignment.spaceBetween,
], children: [
), Text(
), 'Profile',
); style: AppStyle.xl.copyWith(
}, fontWeight: FontWeight.w700,
), fontSize: 18,
letterSpacing: -0.5,
color: AppColor.white,
),
),
ActionIconButton(
onTap: () {},
icon: LineIcons.userEdit,
),
],
),
),
);
},
),
),
SliverToBoxAdapter(
child: Column(
children: [
const SpaceHeight(20),
ProfileAccountInfo(user: state.user),
const SpaceHeight(12),
ProfileBusinessSetting(),
const SpaceHeight(12),
ProfileAppSetting(),
const SpaceHeight(12),
ProfileSupport(),
const SpaceHeight(12),
ProfileDangerZone(),
const SpaceHeight(30),
],
),
),
],
), ),
SliverToBoxAdapter( );
child: Column( },
children: [
const SpaceHeight(20),
ProfileAccountInfo(),
const SpaceHeight(12),
ProfileBusinessSetting(),
const SpaceHeight(12),
ProfileAppSetting(),
const SpaceHeight(12),
ProfileSupport(),
const SpaceHeight(12),
ProfileDangerZone(),
const SpaceHeight(30),
],
),
),
],
),
), ),
); );
} }

36
lib/presentation/pages/profile/widgets/account_info.dart
View File

@ -1,11 +1,15 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart'; import '../../../../common/theme/theme.dart';
import '../../../../domain/auth/auth.dart';
import 'divider.dart'; import 'divider.dart';
import 'profile_tile.dart'; import 'profile_tile.dart';
class ProfileAccountInfo extends StatelessWidget { class ProfileAccountInfo extends StatelessWidget {
const ProfileAccountInfo({super.key}); final User user;
const ProfileAccountInfo({super.key, required this.user});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -38,9 +42,9 @@ class ProfileAccountInfo extends StatelessWidget {
), ),
ProfileTile( ProfileTile(
icon: Icons.email_outlined, icon: LineIcons.envelope,
title: 'Email', title: 'Email',
subtitle: 'john.doe@business.com', subtitle: user.email,
onTap: () { onTap: () {
// Edit email // Edit email
}, },
@ -49,31 +53,9 @@ class ProfileAccountInfo extends StatelessWidget {
ProfileDivider(), ProfileDivider(),
ProfileTile( ProfileTile(
icon: Icons.phone_outlined, icon: LineIcons.calendarAlt,
title: 'Phone Number',
subtitle: '+62 812 3456 7890',
onTap: () {
// Edit phone
},
),
ProfileDivider(),
ProfileTile(
icon: Icons.location_on_outlined,
title: 'Address',
subtitle: 'Jl. Merdeka No. 123, Jakarta',
onTap: () {
// Edit address
},
),
ProfileDivider(),
ProfileTile(
icon: Icons.calendar_today_outlined,
title: 'Member Since', title: 'Member Since',
subtitle: 'January 15, 2024', subtitle: user.createdAt.toDate,
showArrow: false, showArrow: false,
), ),
], ],

9
lib/presentation/pages/profile/widgets/header.dart
View File

@ -1,12 +1,15 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'dart:math' as math; import 'dart:math' as math;
import '../../../../common/extension/extension.dart';
import '../../../../common/painter/wave_painter.dart'; import '../../../../common/painter/wave_painter.dart';
import '../../../../common/theme/theme.dart'; import '../../../../common/theme/theme.dart';
import '../../../../domain/auth/auth.dart';
import '../../../components/spacer/spacer.dart'; import '../../../components/spacer/spacer.dart';
class ProfileHeader extends StatefulWidget { class ProfileHeader extends StatefulWidget {
const ProfileHeader({super.key}); final User user;
const ProfileHeader({super.key, required this.user});
@override @override
State<ProfileHeader> createState() => _ProfileHeaderState(); State<ProfileHeader> createState() => _ProfileHeaderState();
@ -347,7 +350,7 @@ class _ProfileHeaderState extends State<ProfileHeader>
child: Column( child: Column(
children: [ children: [
Text( Text(
'John Doe', widget.user.name,
style: AppStyle.h5.copyWith( style: AppStyle.h5.copyWith(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: AppColor.textWhite, color: AppColor.textWhite,
@ -408,7 +411,7 @@ class _ProfileHeaderState extends State<ProfileHeader>
), ),
const SpaceHeight(6), const SpaceHeight(6),
Text( Text(
'Business Owner', widget.user.role.toTitleCase,
style: AppStyle.md.copyWith( style: AppStyle.md.copyWith(
color: AppColor.textWhite, color: AppColor.textWhite,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,