Files
school-attendance/lib/ui/teacher_register_screen.dart
T
sihooandClaude Sonnet 5 527661b6e5 나머지 기능 화면들도 검정 AppBar를 둥근 제목 알약으로 통일
실시간 출석 현황과 같은 톤으로, 설정/교사 회원가입/관리자 시스템/
NFC 태그 쓰기·체크인/학생 통합 관리 센터/스마트기기 반출 신청·대장
화면의 검정 배경 AppBar를 투명 배경 + 가운데 둥근 제목 알약으로 교체.

출석 현황 화면과 달리 폰트 크기는 줄이지 않고 각 화면이 원래 쓰던
스타일(굵기 등)을 그대로 유지 - 공용 TitlePill 위젯이 스타일링된
Text를 그대로 감싸주기만 함.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-08 15:17:05 +09:00

146 lines
5.0 KiB
Dart

// 👨‍🏫 교사 회원가입 화면 (UI 전용). 서버 통신/상태는
// lib/function/teacher_register_controller.dart가 담당한다.
import 'package:flutter/material.dart';
import '../function/teacher_register_controller.dart';
import '../theme/app_palette.dart';
import 'app_notice.dart';
import 'title_pill.dart';
class TeacherRegisterScreen extends StatefulWidget {
const TeacherRegisterScreen({super.key});
@override
State<TeacherRegisterScreen> createState() => _TeacherRegisterScreenState();
}
class _TeacherRegisterScreenState extends State<TeacherRegisterScreen> {
final TeacherRegisterController _controller = TeacherRegisterController();
final _idController = TextEditingController();
final _pwController = TextEditingController();
final _nameController = TextEditingController();
final _secretController = TextEditingController();
@override
void dispose() {
_controller.dispose();
_idController.dispose();
_pwController.dispose();
_nameController.dispose();
_secretController.dispose();
super.dispose();
}
Future<void> _registerTeacher() async {
String id = _idController.text.trim();
String pw = _pwController.text.trim();
String name = _nameController.text.trim();
String secret = _secretController.text.trim();
if (id.isEmpty || pw.isEmpty || name.isEmpty || secret.isEmpty) {
AppNotice.show(context, '모든 빈칸을 입력해 주세요.');
return;
}
final (success, message) = await _controller.registerTeacher(
id: id,
password: pw,
name: name,
secretCode: secret,
);
if (!mounted) return;
AppNotice.show(context, message);
if (success) {
Navigator.pop(context); // 가입 성공 시 로그인 화면으로 복귀
}
}
@override
Widget build(BuildContext context) {
return ListenableBuilder(
listenable: _controller,
builder: (context, _) {
return Scaffold(
backgroundColor: AppPalette.mist,
appBar: AppBar(
backgroundColor: Colors.transparent,
foregroundColor: AppPalette.ink,
elevation: 0,
centerTitle: true,
title: const TitlePill(
child: Text('교사 회원가입', style: TextStyle(color: Colors.white)),
),
),
body: SingleChildScrollView(
padding: const EdgeInsets.all(24.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'교직원 전용 인증',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
),
const SizedBox(height: 4),
const Text(
'학교에서 발급한 교사 가입 비밀코드가 필요합니다.',
style: TextStyle(color: Colors.grey),
),
const SizedBox(height: 24),
TextField(
controller: _secretController,
obscureText: true,
decoration: const InputDecoration(
labelText: '교사 인증 비밀코드 입력',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 16),
const Divider(),
const SizedBox(height: 16),
TextField(
controller: _idController,
decoration: const InputDecoration(
labelText: '교직원 번호 (ID로 사용)',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 12),
TextField(
controller: _nameController,
decoration: const InputDecoration(
labelText: '선생님 성함',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 12),
TextField(
controller: _pwController,
obscureText: true,
decoration: const InputDecoration(
labelText: '사용할 비밀번호 입력',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 24),
SizedBox(
width: double.infinity,
height: 50,
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: AppPalette.ink,
foregroundColor: AppPalette.paper,
),
onPressed: _controller.isLoading ? null : _registerTeacher,
child: _controller.isLoading
? const CircularProgressIndicator(color: Colors.white)
: const Text('교사 계정 생성하기'),
),
),
],
),
),
);
},
);
}
}