PatAlcala9/ocbo-esign-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated pages

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-12-15 17:37:26 +08:00
parent 2bd32df8fd
commit cbb142b0cf
2 changed files with 91 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

4
lib/pages/index_page.dart
View file

@ -53,14 +53,14 @@ class IndexPage extends StatelessWidget {
), ),
Padding( Padding(
padding: EdgeInsets.only(right: (screenWidth / 2) - 100), padding: EdgeInsets.only(right: (screenWidth / 2) - 100),
child: Row( child: const Row(
mainAxisAlignment: MainAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.end,
children: [ children: [
TextWidget(text: "Mobile", color: Color.fromARGB(255, 244, 243, 243), bold: false, size: 16), TextWidget(text: "Mobile", color: Color.fromARGB(255, 244, 243, 243), bold: false, size: 16),
], ],
), ),
), ),
Gap(200), const MaxGap(200),
Row( Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
spacing: 32, spacing: 32,

114
lib/pages/validate_page.dart
View file

@ -1,7 +1,10 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:gap/gap.dart'; import 'package:gap/gap.dart';
import 'package:mobile_scanner/mobile_scanner.dart'; import 'package:mobile_scanner/mobile_scanner.dart';
import 'package:ocbo_esign_validator/widgets/box_widget.dart';
import 'package:ocbo_esign_validator/widgets/text_widget.dart'; import 'package:ocbo_esign_validator/widgets/text_widget.dart';
import 'package:vibration/vibration.dart';
class ValidatePage extends StatelessWidget { class ValidatePage extends StatelessWidget {
const ValidatePage({super.key}); const ValidatePage({super.key});
@ -43,53 +46,114 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
), ),
child: Center( child: Center(
child: Padding( child: Padding(
padding: const EdgeInsets.only(top: 88, left: 16, right: 16), padding: const EdgeInsets.only(top: 70, left: 16, right: 16),
child: Column( child: Column(
children: [ children: [
Container( Container(
padding: EdgeInsets.only(top: 8, bottom: 8, left: 20, right: 20), padding: EdgeInsets.only(top: 8, bottom: 8, left: 20, right: 20),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Color.fromARGB(149, 16, 22, 28), color: const Color.fromRGBO(9, 13, 16, 0.623),
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(32),
), ),
child: TextWidget(text: 'Scan OCBO e-Sign QR Code', size: 14, bold: true), child: const TextWidget(text: 'Scan OCBO e-Sign QR Code', size: 14, bold: true),
), ),
const Gap(50), const Gap(24),
SizedBox( Container(
height: 350, decoration: BoxDecoration(
borderRadius: BorderRadius.circular(24),
boxShadow: [
const BoxShadow(
color: Color.fromRGBO(5, 5, 8, 0.341),
blurRadius: 8.0,
offset: Offset(4, 4), // left and up
),
const BoxShadow(
color: Color.fromRGBO(92, 71, 97, 0.373),
blurRadius: 8.0,
offset: Offset(-4, -4), // right and down
),
],
),
height: 330,
width: 340,
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.circular(20), // Adjust the radius as needed borderRadius: BorderRadius.circular(24), // Adjust the radius as needed
child: MobileScanner( child: MobileScanner(
fit: BoxFit.cover, fit: BoxFit.cover,
onDetect: (BarcodeCapture capture) { onDetect: (BarcodeCapture capture) async {
final List<Barcode> barcodes = capture.barcodes; final List<Barcode> barcodes = capture.barcodes;
if (barcodes.isNotEmpty && barcodes.first.rawValue != null) { if (barcodes.isNotEmpty && barcodes.first.rawValue != null) {
setState(() { setState(() {
qrResult = barcodes.first.rawValue!; qrResult = barcodes.first.rawValue!;
}); });
if (await Vibration.hasVibrator()) {
Vibration.vibrate(duration: 100);
}
} }
}, },
), ),
), ),
), ),
const Gap(40), const Gap(40),
Container( if (qrResult.isNotEmpty)
padding: EdgeInsets.all(0), Padding(
width: 120, padding: const EdgeInsets.only(left: 16, right: 16),
height: 120, child: Column(
decoration: BoxDecoration( children: [
border: Border.all( Row(
color: Color.fromRGBO(59, 169, 62, 1), children: [
width: 2, Container(
), // Background color of the container padding: EdgeInsets.all(0),
borderRadius: BorderRadius.circular(99), // Optional: rounded corners width: 90,
height: 90,
decoration: BoxDecoration(
color: const Color.fromRGBO(69, 191, 73, 0.1),
border: Border.all(color: Color.fromRGBO(69, 191, 73, 1), width: 2),
borderRadius: BorderRadius.circular(99), // Optional: rounded corners
),
child: Icon(Icons.thumb_up, color: const Color.fromRGBO(69, 191, 73, 1), size: 48),
),
const Gap(32),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const TextWidget(
text: 'Verified',
bold: true,
size: 22,
color: Color.fromRGBO(69, 191, 73, 1),
),
const Gap(16),
const TextWidget(
text: 'QR is a valid OCBO e-Sign',
bold: false,
size: 16,
color: Color.fromRGBO(69, 191, 73, 1),
),
],
),
],
),
const Gap(32),
BoxWidget(
title: '',
content: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TextWidget(text: 'Name', bold: true, size: 14),
const Gap(8),
TextWidget(text: dotenv.env['HEAD']!, bold: false, size: 14),
const Gap(16),
TextWidget(text: 'Role:', bold: true, size: 14),
const Gap(8),
TextWidget(text: 'APPROVER', bold: false, size: 14),
],
),
),
],
),
), ),
child: Icon(Icons.thumb_up, color: const Color.fromRGBO(59, 169, 62, 1), size: 80),
),
const Gap(16),
const TextWidget(text: 'Verified', size: 20, bold: true, color: Color.fromRGBO(59, 169, 62, 1)),
const Gap(16),
TextWidget(text: qrResult, size: 20, bold: true),
], ],
), ),
), ),