환경 초기화 및 벤더 리포지토리 스켈레톤 도입
This commit is contained in:
88
lib/features/login/presentation/pages/login_page.dart
Normal file
88
lib/features/login/presentation/pages/login_page.dart
Normal file
@@ -0,0 +1,88 @@
|
||||
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;
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
idController.dispose();
|
||||
passwordController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _handleSubmit() {
|
||||
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),
|
||||
ShadButton(
|
||||
onPressed: _handleSubmit,
|
||||
child: const Text('로그인'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user