feat: update home
This commit is contained in:
parent
2d6d93772e
commit
16230febc4
@ -10,7 +10,6 @@ import 'widgets/feature.dart';
|
|||||||
import 'widgets/header.dart';
|
import 'widgets/header.dart';
|
||||||
import 'widgets/performance.dart';
|
import 'widgets/performance.dart';
|
||||||
import 'widgets/stats.dart';
|
import 'widgets/stats.dart';
|
||||||
import 'widgets/task.dart';
|
|
||||||
|
|
||||||
@RoutePage()
|
@RoutePage()
|
||||||
class HomePage extends StatefulWidget {
|
class HomePage extends StatefulWidget {
|
||||||
@ -148,7 +147,6 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
|
|||||||
children: [
|
children: [
|
||||||
HomeFeature(),
|
HomeFeature(),
|
||||||
HomeStats(),
|
HomeStats(),
|
||||||
HomeTask(),
|
|
||||||
HomeActivity(),
|
HomeActivity(),
|
||||||
HomePerformance(),
|
HomePerformance(),
|
||||||
const SpaceHeight(40),
|
const SpaceHeight(40),
|
||||||
|
|||||||
@ -1,96 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
import '../../../../common/theme/theme.dart';
|
|
||||||
import '../../../components/spacer/spacer.dart';
|
|
||||||
import 'task_tile.dart';
|
|
||||||
|
|
||||||
class HomeTask extends StatelessWidget {
|
|
||||||
const HomeTask({super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
vertical: 24,
|
|
||||||
horizontal: AppValue.padding,
|
|
||||||
).copyWith(bottom: 0),
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
'Tugas Harian',
|
|
||||||
style: AppStyle.h6.copyWith(
|
|
||||||
fontWeight: FontWeight.w700,
|
|
||||||
color: AppColor.textPrimary,
|
|
||||||
letterSpacing: -0.5,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Text(
|
|
||||||
'3/5 Selesai',
|
|
||||||
style: AppStyle.md.copyWith(
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: AppColor.primary,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
const SpaceHeight(20),
|
|
||||||
Container(
|
|
||||||
padding: const EdgeInsets.all(20),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: AppColor.white,
|
|
||||||
borderRadius: BorderRadius.circular(AppValue.radius),
|
|
||||||
border: Border.all(color: AppColor.border.withOpacity(0.5)),
|
|
||||||
boxShadow: [
|
|
||||||
BoxShadow(
|
|
||||||
color: Colors.black.withOpacity(0.04),
|
|
||||||
blurRadius: 20,
|
|
||||||
offset: const Offset(0, 8),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
child: Column(
|
|
||||||
children: [
|
|
||||||
HomeTaskTile(
|
|
||||||
title: 'Cek stok produk terlaris',
|
|
||||||
subtitle: 'Pastikan ketersediaan produk favorit pelanggan',
|
|
||||||
isCompleted: true,
|
|
||||||
color: AppColor.success,
|
|
||||||
),
|
|
||||||
const SpaceHeight(16),
|
|
||||||
HomeTaskTile(
|
|
||||||
title: 'Review laporan penjualan kemarin',
|
|
||||||
subtitle: 'Analisis performa dan identifikasi peluang',
|
|
||||||
isCompleted: true,
|
|
||||||
color: AppColor.success,
|
|
||||||
),
|
|
||||||
const SpaceHeight(16),
|
|
||||||
HomeTaskTile(
|
|
||||||
title: 'Update harga produk musiman',
|
|
||||||
subtitle: 'Sesuaikan harga berdasarkan demand pasar',
|
|
||||||
isCompleted: true,
|
|
||||||
color: AppColor.success,
|
|
||||||
),
|
|
||||||
const SpaceHeight(16),
|
|
||||||
HomeTaskTile(
|
|
||||||
title: 'Backup data transaksi',
|
|
||||||
subtitle: 'Pastikan data aman dan tersimpan',
|
|
||||||
color: AppColor.warning,
|
|
||||||
),
|
|
||||||
const SpaceHeight(16),
|
|
||||||
HomeTaskTile(
|
|
||||||
title: 'Training tim kasir baru',
|
|
||||||
subtitle: 'Onboarding karyawan untuk shift sore',
|
|
||||||
color: AppColor.info,
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
import '../../../../common/theme/theme.dart';
|
|
||||||
import '../../../components/spacer/spacer.dart';
|
|
||||||
|
|
||||||
class HomeTaskTile extends StatelessWidget {
|
|
||||||
final String title;
|
|
||||||
final String subtitle;
|
|
||||||
final bool isCompleted;
|
|
||||||
final Color color;
|
|
||||||
const HomeTaskTile({
|
|
||||||
super.key,
|
|
||||||
required this.title,
|
|
||||||
required this.subtitle,
|
|
||||||
this.isCompleted = false,
|
|
||||||
required this.color,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Row(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
width: 24,
|
|
||||||
height: 24,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: isCompleted ? color : Colors.transparent,
|
|
||||||
borderRadius: BorderRadius.circular(6),
|
|
||||||
border: Border.all(color: color, width: 2),
|
|
||||||
),
|
|
||||||
child: isCompleted
|
|
||||||
? Icon(Icons.check_rounded, color: AppColor.white, size: 16)
|
|
||||||
: null,
|
|
||||||
),
|
|
||||||
const SpaceWidth(16),
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
title,
|
|
||||||
style: AppStyle.md.copyWith(
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: isCompleted
|
|
||||||
? AppColor.textSecondary
|
|
||||||
: AppColor.textPrimary,
|
|
||||||
decoration: isCompleted
|
|
||||||
? TextDecoration.lineThrough
|
|
||||||
: TextDecoration.none,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SpaceHeight(2),
|
|
||||||
Text(
|
|
||||||
subtitle,
|
|
||||||
style: AppStyle.sm.copyWith(
|
|
||||||
color: AppColor.textLight,
|
|
||||||
decoration: isCompleted
|
|
||||||
? TextDecoration.lineThrough
|
|
||||||
: TextDecoration.none,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user