Skip to content

C
Crm Attendance
Commit 588665f2 authored by Dio Maulana's avatar Dio Maulana
Browse files
Options

absent success page

parent 9c316aeb
Hide whitespace changes
Inline Side-by-side
Showing with 216 additions and 3 deletions
lib/page/absent_camera/absent_camera.dart
View file @ 588665f2
......@@ -4,6 +4,7 @@ import 'dart:async';
import 'dart:io';
import 'package:excelso_attendance/helper/widget_responsive.dart';
import 'package:excelso_attendance/main.dart';
import 'package:excelso_attendance/resource/routes.dart';
import 'package:flutter/foundation.dart' show kIsWeb;
import 'dart:typed_data';
......@@ -181,7 +182,7 @@ class _AbsentCameraViewState extends State<AbsentCameraView> {
left: AppMargin.m16,
),
child: Text(
"Verifikasi Wajah ${cameras!.length}",
"Verifikasi Wajah",
style: getBoldStyle(
color: Colors.white,
fontSize: 17,
......@@ -207,8 +208,15 @@ class _AbsentCameraViewState extends State<AbsentCameraView> {
children: [
Container(
width: 100,
child: const CustomButton(
text: "Submit"),
child: CustomButton(
text: "Submit",
onTap: () {
Navigator.pushNamed(
context,
Routes.absentSuccess,
);
},
),
),
Container(
width: 100,
......
lib/page/absent_success/absent_success.dart 0 → 100644
View file @ 588665f2
import 'package:excelso_attendance/helper/component/button.dart';
import 'package:excelso_attendance/resource/assets.dart';
import 'package:excelso_attendance/resource/colors.dart';
import 'package:excelso_attendance/resource/font.dart';
import 'package:excelso_attendance/resource/routes.dart';
import 'package:excelso_attendance/resource/size.dart';
import 'package:excelso_attendance/resource/style.dart';
import 'package:flutter/material.dart';
class AbsentSuccessView extends StatelessWidget {
const AbsentSuccessView({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: ColorManager.backgroundColor,
body: SingleChildScrollView(
child: Column(
children: [
Container(
height: AppPadding.safeAreaTop(context) + 60,
width: double.infinity,
decoration: BoxDecoration(
borderRadius: const BorderRadius.only(
bottomRight: Radius.circular(20),
bottomLeft: Radius.circular(20),
),
color: ColorManager.primary,
),
child: Container(
padding: EdgeInsets.symmetric(horizontal: AppPadding.p20),
margin: EdgeInsets.only(
top: AppPadding.safeAreaTop(context),
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
GestureDetector(
onTap: () {
Navigator.pushNamedAndRemoveUntil(
context,
Routes.home,
(route) => false,
);
},
child: const Icon(
Icons.arrow_back,
color: Colors.white,
size: 24,
),
),
Container(
margin: EdgeInsets.only(
left: AppMargin.m16,
),
child: Text(
"Absen Sukses",
style: getBoldStyle(
color: Colors.white,
fontSize: 17,
),
),
)
],
),
),
),
const SizedBox(
height: 60,
),
Container(
padding: EdgeInsets.symmetric(
horizontal: AppPadding.p20,
),
width: double.infinity,
child: Center(
child: Text(
'''Absen Masuk
Sukses''',
style: getSemiBoldStyle(
color: Colors.black,
fontSize: FontSize.s24,
fontFamily: FontConstants.montserrat,
),
textAlign: TextAlign.center,
),
),
),
Container(
margin: const EdgeInsets.only(
top: 27,
),
padding: EdgeInsets.symmetric(
horizontal: AppPadding.p20,
),
child: Image(
height: 232,
width: double.infinity,
image: AssetImage(
Assets.absentSuccess,
),
),
),
Container(
width: double.infinity,
margin: EdgeInsets.only(
top: 38,
left: AppMargin.m20,
right: AppMargin.m20,
),
padding: EdgeInsets.symmetric(
vertical: AppPadding.p20,
horizontal: 25,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
border: Border.all(
width: 0.2,
color: Colors.grey,
),
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.3),
blurRadius: 2,
offset: const Offset(5, 5),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"CRM",
style: getSemiBoldStyle(
color: ColorManager.fontBlack,
fontSize: FontSize.s20,
fontFamily: FontConstants.montserrat,
),
),
Text(
"10:30 WIB",
style: getSemiBoldStyle(
color: ColorManager.fontBlack,
fontSize: FontSize.s20,
fontFamily: FontConstants.montserrat,
),
)
],
),
Container(
margin: EdgeInsets.only(
top: AppMargin.m10,
),
child: Row(
children: [
const Spacer(),
Text(
"23 Februari 2023",
style: getRegularStyle(
color: ColorManager.fontBlack,
fontSize: 16,
fontFamily: FontConstants.montserrat,
),
)
],
),
),
Container(
margin: EdgeInsets.only(
top: AppMargin.m16,
left: AppMargin.m16,
right: AppMargin.m16,
),
child: CustomButton(
text: "Kembali ke Beranda",
onTap: () {
Navigator.pushNamedAndRemoveUntil(
context,
Routes.home,
(route) => false,
);
},
),
)
],
),
)
],
),
),
);
}
}
lib/resource/assets.dart
View file @ 588665f2
......@@ -8,6 +8,7 @@ class Assets {
static String onboarding = "${rootImage}onboarding.png";
static String frameOverlay = "${rootImage}frame_overlay.png";
static String frameOverlay2 = "${rootImage}frame_overlay2.png";
static String absentSuccess = "${rootImage}absent_success.png";
// icons
}
lib/resource/colors.dart
View file @ 588665f2
......@@ -8,4 +8,5 @@ class ColorManager {
static Color grey = const Color(0xff595959);
static Color softGreen = const Color(0xffA4D8C8);
static Color green = const Color(0xff3CA786);
static Color fontBlack = const Color(0xff444444);
}
lib/resource/routes.dart
View file @ 588665f2
import 'package:excelso_attendance/helper/arguments/route_args.dart';
import 'package:excelso_attendance/main.dart';
import 'package:excelso_attendance/page/absent_camera/absent_camera.dart';
import 'package:excelso_attendance/page/absent_success/absent_success.dart';
import 'package:excelso_attendance/page/home/home.dart';
import 'package:excelso_attendance/page/onboarding/onboarding.dart';
import 'package:flutter/material.dart';
......@@ -10,6 +11,7 @@ class Routes {
static const String onBoarding = "/onboarding";
static const String home = "/home";
static const String absentCamera = "/absent-camera";
static const String absentSuccess = "/absent-success";
}
class RouteGenerator {
......@@ -31,6 +33,9 @@ class RouteGenerator {
nameRoute: Routes.absentCamera,
routeSettings: routeSettings,
);
case Routes.absentSuccess:
return pageRouteCustom(const AbsentSuccessView(),
nameRoute: Routes.absentSuccess);
default:
return unDefinedRoute();
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment