143 lines
4.5 KiB
Dart
143 lines
4.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:shadcn_ui/shadcn_ui.dart';
|
|
|
|
import '../../../../core/constants/app_sections.dart';
|
|
|
|
class LoginPage extends StatefulWidget {
|
|
const LoginPage({super.key});
|
|
|
|
@override
|
|
State<LoginPage> createState() => _LoginPageState();
|
|
}
|
|
|
|
class _LoginPageState extends State<LoginPage> {
|
|
final idController = TextEditingController();
|
|
final passwordController = TextEditingController();
|
|
bool rememberMe = false;
|
|
bool isLoading = false;
|
|
String? errorMessage;
|
|
|
|
@override
|
|
void dispose() {
|
|
idController.dispose();
|
|
passwordController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _handleSubmit() async {
|
|
if (isLoading) return;
|
|
setState(() {
|
|
errorMessage = null;
|
|
isLoading = true;
|
|
});
|
|
|
|
final id = idController.text.trim();
|
|
final password = passwordController.text.trim();
|
|
|
|
await Future<void>.delayed(const Duration(milliseconds: 600));
|
|
|
|
if (id.isEmpty || password.isEmpty) {
|
|
setState(() {
|
|
errorMessage = '아이디와 비밀번호를 모두 입력하세요.';
|
|
isLoading = false;
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (password.length < 6) {
|
|
setState(() {
|
|
errorMessage = '비밀번호는 6자 이상이어야 합니다.';
|
|
isLoading = false;
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (!mounted) return;
|
|
context.go(dashboardRoutePath);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = ShadTheme.of(context);
|
|
|
|
return Scaffold(
|
|
body: Center(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 460),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: ShadCard(
|
|
title: Text('Superport v2 로그인', style: theme.textTheme.h3),
|
|
description: Text(
|
|
'사번 또는 이메일과 비밀번호를 입력하여 대시보드로 이동합니다.',
|
|
style: theme.textTheme.muted,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
ShadInput(
|
|
controller: idController,
|
|
placeholder: const Text('사번 또는 이메일'),
|
|
autofillHints: const [AutofillHints.username],
|
|
leading: const Icon(LucideIcons.user),
|
|
),
|
|
const SizedBox(height: 16),
|
|
ShadInput(
|
|
controller: passwordController,
|
|
placeholder: const Text('비밀번호'),
|
|
obscureText: true,
|
|
autofillHints: const [AutofillHints.password],
|
|
leading: const Icon(LucideIcons.lock),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
children: [
|
|
ShadSwitch(
|
|
value: rememberMe,
|
|
onChanged: (value) =>
|
|
setState(() => rememberMe = value),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Text('자동 로그인', style: theme.textTheme.small),
|
|
],
|
|
),
|
|
const SizedBox(height: 24),
|
|
if (errorMessage != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
child: Text(
|
|
errorMessage!,
|
|
style: theme.textTheme.small.copyWith(
|
|
color: theme.colorScheme.destructive,
|
|
),
|
|
),
|
|
),
|
|
ShadButton(
|
|
onPressed: isLoading ? null : _handleSubmit,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (isLoading) ...[
|
|
const SizedBox(
|
|
width: 16,
|
|
height: 16,
|
|
child: CircularProgressIndicator(strokeWidth: 2),
|
|
),
|
|
const SizedBox(width: 8),
|
|
],
|
|
const Text('로그인'),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|