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-10 12:43:38 +08:00
parent b352c82f67
commit 4fdcc89c9d
4 changed files with 274 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

99
lib/pages/index_page.dart
View file

@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:go_router/go_router.dart';
import 'package:ocbo_esign_validator/widgets/circle_widget.dart';
import 'package:ocbo_esign_validator/widgets/menu_widget.dart';
import 'package:ocbo_esign_validator/widgets/image_widget.dart';
import 'package:ocbo_esign_validator/widgets/text_widget.dart';
@ -11,7 +11,7 @@ class IndexPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
void gotoApproval() {
context.push('/approval');
context.push('/login');
}
void gotoValidation() {
@ -20,43 +20,72 @@ class IndexPage extends StatelessWidget {
return Scaffold(
resizeToAvoidBottomInset: false,
body: Container(
alignment: Alignment.center,
height: MediaQuery.of(context).size.height,
decoration: const BoxDecoration(color: Color.fromRGBO(21, 31, 42, 1)),
child: Center(
child: Column(
children: [
const Gap(88),
const ImageWidget(imagePath: 'assets/logo.png', size: 140, measureByHeight: true),
const Gap(20),
const TextWidget(text: "OCBO e-Sign", color: Color.fromARGB(255, 244, 243, 243), bold: true, size: 32),
const Gap(2),
const TextWidget(text: "Mobile", color: Color.fromARGB(255, 244, 243, 243), bold: true),
const Gap(200),
Row(
mainAxisAlignment: MainAxisAlignment.center,
spacing: 32,
children: <Widget>[
CircleWidget(
icon: Icons.thumb_up,
text: 'Approval',
onPressed: () {
gotoApproval();
},
body: LayoutBuilder(
builder: (context, constraints) {
final screenWidth = constraints.maxWidth;
return Container(
alignment: Alignment.center,
height: MediaQuery.of(context).size.height,
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color.fromRGBO(39, 26, 47, 1),
Color.fromRGBO(22, 33, 44, 1),
Color.fromRGBO(22, 33, 44, 1),
Color.fromRGBO(24, 45, 40, 1),
],
),
),
child: Center(
child: Column(
children: [
const Gap(88),
const ImageWidget(imagePath: 'assets/logo.png', size: 140, measureByHeight: true),
const Gap(24),
const TextWidget(
text: "OCBO e-Sign",
color: Color.fromARGB(255, 244, 243, 243),
bold: true,
size: 34,
),
CircleWidget(
icon: Icons.qr_code,
text: 'Validate',
onPressed: () {
gotoValidation();
},
Padding(
padding: EdgeInsets.only(right: (screenWidth / 2) - 100),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
TextWidget(text: "Mobile", color: Color.fromARGB(255, 244, 243, 243), bold: false, size: 16),
],
),
),
Gap(200),
Row(
mainAxisAlignment: MainAxisAlignment.center,
spacing: 32,
children: <Widget>[
MenuWidget(
icon: Icons.person,
text: 'Login',
onPressed: () {
gotoApproval();
},
),
MenuWidget(
icon: Icons.qr_code,
text: 'Validate',
onPressed: () {
gotoValidation();
},
),
],
),
],
),
],
),
),
),
);
},
),
);
}