apksel-dev/apskel-pos-flutter-v2
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login

Browse Source
This commit is contained in:
efrilm
2025-10-24 01:16:50 +07:00
parent 5d9197c986
commit ca5d2a58e7
45 changed files with 3820 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/components/button/button.dart
+7
View File
@@ -0,0 +1,7 @@
import 'package:flutter/material.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import '../../../common/theme/theme.dart';
import '../spaces/space.dart';
part 'elevated_button.dart';
lib/presentation/components/button/elevated_button.dart
+180
View File
@@ -0,0 +1,180 @@
part of 'button.dart';
enum ButtonStyle { filled, outlined }
class AppElevatedButton extends StatelessWidget {
const AppElevatedButton.filled({
super.key,
required this.onPressed,
required this.label,
this.style = ButtonStyle.filled,
this.color = AppColor.primary,
this.textColor = Colors.white,
this.width,
this.height = 40.0,
this.borderRadius = 16.0,
this.icon,
this.disabled = false,
this.fontSize = 16.0,
this.elevation,
this.labelStyle,
this.mainAxisAlignment = MainAxisAlignment.center,
this.crossAxisAlignment = CrossAxisAlignment.center,
this.isLoading = false,
});
const AppElevatedButton.outlined({
super.key,
required this.onPressed,
required this.label,
this.style = ButtonStyle.outlined,
this.color = Colors.transparent,
this.textColor = AppColor.primary,
this.width,
this.height = 40.0,
this.borderRadius = 16.0,
this.icon,
this.disabled = false,
this.fontSize = 16.0,
this.elevation,
this.labelStyle,
this.mainAxisAlignment = MainAxisAlignment.center,
this.crossAxisAlignment = CrossAxisAlignment.center,
this.isLoading = false,
});
final Function()? onPressed;
final String label;
final ButtonStyle style;
final Color color;
final Color textColor;
final double? width;
final double height;
final double borderRadius;
final double? elevation;
final Widget? icon;
final bool disabled;
final double fontSize;
final TextStyle? labelStyle;
final MainAxisAlignment mainAxisAlignment;
final CrossAxisAlignment crossAxisAlignment;
final bool isLoading;
@override
Widget build(BuildContext context) {
return SizedBox(
height: height,
width: width,
child: style == ButtonStyle.filled
? ElevatedButton(
onPressed: disabled ? null : onPressed,
style: ElevatedButton.styleFrom(
backgroundColor: color,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(borderRadius),
),
elevation: elevation,
padding: const EdgeInsets.symmetric(horizontal: 16.0),
),
child: isLoading
? Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SpinKitFadingCircle(color: textColor, size: fontSize),
const SpaceWidth(10.0),
Text(
'Loading...',
style:
labelStyle ??
TextStyle(
color: disabled ? Colors.grey : textColor,
fontSize: fontSize,
fontWeight: FontWeight.bold,
),
),
],
)
: Row(
mainAxisAlignment: mainAxisAlignment,
crossAxisAlignment: crossAxisAlignment,
children: [
icon ?? const SizedBox.shrink(),
if (icon != null) const SizedBox(width: 10.0),
Flexible(
child: FittedBox(
fit: BoxFit.scaleDown,
child: Text(
label,
style:
labelStyle ??
TextStyle(
color: disabled ? Colors.grey : textColor,
fontSize: fontSize,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
),
),
],
),
)
: OutlinedButton(
onPressed: disabled ? null : onPressed,
style: OutlinedButton.styleFrom(
backgroundColor: color,
side: const BorderSide(color: AppColor.primary),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(borderRadius),
),
padding: const EdgeInsets.symmetric(horizontal: 16.0),
),
child: isLoading
? Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SpinKitFadingCircle(color: textColor, size: fontSize),
const SpaceWidth(10.0),
Text(
'Loading...',
style:
labelStyle ??
TextStyle(
color: disabled ? Colors.grey : textColor,
fontSize: fontSize,
fontWeight: FontWeight.bold,
),
),
],
)
: Row(
mainAxisAlignment: mainAxisAlignment,
crossAxisAlignment: crossAxisAlignment,
mainAxisSize: MainAxisSize.min,
children: [
icon ?? const SizedBox.shrink(),
if (icon != null) const SizedBox(width: 10.0),
Flexible(
child: FittedBox(
fit: BoxFit.scaleDown,
child: Text(
label,
style:
labelStyle ??
TextStyle(
color: disabled ? Colors.grey : textColor,
fontSize: fontSize,
fontWeight: FontWeight.w600,
),
textAlign: TextAlign.center,
),
),
),
],
),
),
);
}
}
lib/presentation/components/field/field.dart
+7
View File
@@ -0,0 +1,7 @@
import 'package:flutter/material.dart';
import '../../../common/theme/theme.dart';
import '../spaces/space.dart';
part 'password_text_field.dart';
part 'text_field.dart';
lib/presentation/components/field/password_text_field.dart
+100
View File
@@ -0,0 +1,100 @@
part of 'field.dart';
class AppPasswordTextFormField extends StatefulWidget {
final TextEditingController? controller;
final String label;
final Function(String value)? onChanged;
final TextInputType? keyboardType;
final TextInputAction? textInputAction;
final TextCapitalization? textCapitalization;
final bool showLabel;
final Widget? prefixIcon;
final Widget? suffixIcon;
final bool readOnly;
final int maxLines;
final String? Function(String?)? validator;
const AppPasswordTextFormField({
super.key,
this.controller,
required this.label,
this.onChanged,
this.keyboardType,
this.textInputAction,
this.textCapitalization,
this.showLabel = true,
this.prefixIcon,
this.suffixIcon,
this.readOnly = false,
this.maxLines = 1,
this.validator,
});
@override
State<AppPasswordTextFormField> createState() =>
_AppPasswordTextFormFieldState();
}
class _AppPasswordTextFormFieldState extends State<AppPasswordTextFormField> {
bool isPasswordVisible = true;
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (widget.showLabel) ...[
Text(
widget.label,
style: AppStyle.md.copyWith(fontWeight: FontWeight.w700),
),
const SpaceHeight(12.0),
],
TextFormField(
controller: widget.controller,
onChanged: widget.onChanged,
obscureText: isPasswordVisible,
keyboardType: widget.keyboardType,
textInputAction: widget.textInputAction,
textCapitalization:
widget.textCapitalization ?? TextCapitalization.none,
readOnly: widget.readOnly,
maxLines: widget.maxLines,
validator: widget.validator,
decoration: InputDecoration(
prefixIcon: widget.prefixIcon,
suffixIcon: isPasswordVisible
? IconButton(
icon: Icon(
Icons.visibility,
color: AppColor.textSecondary,
size: 20,
),
constraints: const BoxConstraints(),
padding: const EdgeInsets.all(8),
onPressed: () {
setState(() {
isPasswordVisible = !isPasswordVisible;
});
},
)
: IconButton(
icon: Icon(
Icons.visibility_off,
color: AppColor.textSecondary,
size: 20,
),
constraints: const BoxConstraints(),
padding: const EdgeInsets.all(8),
onPressed: () {
setState(() {
isPasswordVisible = !isPasswordVisible;
});
},
),
hintText: widget.label,
),
),
],
);
}
}
lib/presentation/components/field/text_field.dart
+63
View File
@@ -0,0 +1,63 @@
part of 'field.dart';
class AppTextFormField extends StatelessWidget {
final TextEditingController? controller;
final String label;
final Function(String value)? onChanged;
final bool obscureText;
final TextInputType? keyboardType;
final TextInputAction? textInputAction;
final TextCapitalization? textCapitalization;
final bool showLabel;
final Widget? prefixIcon;
final Widget? suffixIcon;
final bool readOnly;
final int maxLines;
final String? Function(String?)? validator;
const AppTextFormField({
super.key,
this.controller,
required this.label,
this.onChanged,
this.obscureText = false,
this.keyboardType,
this.textInputAction,
this.textCapitalization,
this.showLabel = true,
this.prefixIcon,
this.suffixIcon,
this.readOnly = false,
this.maxLines = 1,
this.validator,
});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (showLabel) ...[
Text(label, style: AppStyle.md.copyWith(fontWeight: FontWeight.w700)),
const SpaceHeight(12.0),
],
TextFormField(
controller: controller,
onChanged: onChanged,
obscureText: obscureText,
keyboardType: keyboardType,
textInputAction: textInputAction,
textCapitalization: textCapitalization ?? TextCapitalization.none,
readOnly: readOnly,
maxLines: maxLines,
validator: validator,
decoration: InputDecoration(
prefixIcon: prefixIcon,
suffixIcon: suffixIcon,
hintText: label,
),
),
],
);
}
}
lib/presentation/components/spaces/space.dart
+17
View File
@@ -0,0 +1,17 @@
import 'package:flutter/material.dart';
class SpaceHeight extends StatelessWidget {
final double height;
const SpaceHeight(this.height, {super.key});
@override
Widget build(BuildContext context) => SizedBox(height: height);
}
class SpaceWidth extends StatelessWidget {
final double width;
const SpaceWidth(this.width, {super.key});
@override
Widget build(BuildContext context) => SizedBox(width: width);
}
lib/presentation/components/toast/flushbar.dart
+53
View File
@@ -0,0 +1,53 @@
import 'package:another_flushbar/flushbar.dart';
import 'package:flutter/material.dart';
import '../../../common/theme/theme.dart';
import '../../../domain/auth/auth.dart';
class AppFlushbar {
static void showSuccess(BuildContext context, String message) {
Flushbar(
messageText: Text(
message,
style: AppStyle.md.copyWith(
color: Colors.white,
fontWeight: FontWeight.w700,
),
),
icon: const Icon(Icons.check_circle, color: Colors.white),
duration: const Duration(seconds: 2),
flushbarPosition: FlushbarPosition.BOTTOM,
backgroundColor: AppColor.success,
borderRadius: BorderRadius.circular(12),
margin: const EdgeInsets.all(12),
).show(context);
}
static void showError(BuildContext context, String message) {
Flushbar(
messageText: Text(
message,
style: AppStyle.md.copyWith(
color: Colors.white,
fontWeight: FontWeight.w700,
),
),
icon: const Icon(Icons.error, color: Colors.white),
duration: const Duration(seconds: 3),
flushbarPosition: FlushbarPosition.BOTTOM,
backgroundColor: AppColor.error,
borderRadius: BorderRadius.circular(12),
margin: const EdgeInsets.all(12),
).show(context);
}
static void showAuthFailureToast(BuildContext context, AuthFailure failure) =>
showError(
context,
failure.map(
serverError: (value) => value.failure.toStringFormatted(context),
dynamicErrorMessage: (value) => value.erroMessage,
unexpectedError: (value) => 'Terjadi kesalahan, silahkan coba lagi',
),
);
}