264 lines
9.1 KiB
Dart
264 lines
9.1 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:get/get.dart';
|
|||
|
|
import 'package:gifunavi/model/user.dart';
|
|||
|
|
import 'package:gifunavi/routes/app_pages.dart';
|
|||
|
|
import 'package:gifunavi/services/api_service.dart';
|
|||
|
|
import 'package:gifunavi/pages/index/index_controller.dart';
|
|||
|
|
import 'package:intl/intl.dart';
|
|||
|
|
|
|||
|
|
import 'package:gifunavi/widgets/custom_date_picker.dart'; // 追加: 日付フォーマット用
|
|||
|
|
|
|||
|
|
class UserDetailsEditPage extends StatefulWidget {
|
|||
|
|
const UserDetailsEditPage({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
_UserDetailsEditPageState createState() => _UserDetailsEditPageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _UserDetailsEditPageState extends State<UserDetailsEditPage> {
|
|||
|
|
final _formKey = GlobalKey<FormState>();
|
|||
|
|
final IndexController indexController = Get.find<IndexController>();
|
|||
|
|
late User _user;
|
|||
|
|
final TextEditingController _firstnameController = TextEditingController();
|
|||
|
|
final TextEditingController _lastnameController = TextEditingController();
|
|||
|
|
final TextEditingController _dateOfBirthController = TextEditingController();
|
|||
|
|
late bool _female;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_user = User.fromJson(indexController.currentUser[0]['user']);
|
|||
|
|
_firstnameController.text = _user.firstname;
|
|||
|
|
_lastnameController.text = _user.lastname;
|
|||
|
|
_dateOfBirthController.text = _user.dateOfBirth != null
|
|||
|
|
? '${_user.dateOfBirth!.year}/${_user.dateOfBirth!.month.toString().padLeft(2, '0')}/${_user.dateOfBirth!.day.toString().padLeft(2, '0')}'
|
|||
|
|
: '';
|
|||
|
|
_female = _user.female;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
title: const Text('個人情報の修正'),
|
|||
|
|
automaticallyImplyLeading: false,
|
|||
|
|
),
|
|||
|
|
body: Form(
|
|||
|
|
key: _formKey,
|
|||
|
|
child: ListView(
|
|||
|
|
padding: const EdgeInsets.all(16.0),
|
|||
|
|
children: [
|
|||
|
|
TextFormField(
|
|||
|
|
controller: _lastnameController,
|
|||
|
|
decoration: const InputDecoration(
|
|||
|
|
labelText: '姓',
|
|||
|
|
border: OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
validator: (value) {
|
|||
|
|
if (value == null || value.isEmpty) {
|
|||
|
|
return '姓を入力してください';
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextFormField(
|
|||
|
|
controller: _firstnameController,
|
|||
|
|
decoration: const InputDecoration(
|
|||
|
|
labelText: '名',
|
|||
|
|
border: OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
validator: (value) {
|
|||
|
|
if (value == null || value.isEmpty) {
|
|||
|
|
return '名を入力してください';
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextFormField(
|
|||
|
|
controller: _dateOfBirthController,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: '生年月日 (YYYY/MM/DD)',
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
hintText: 'YYYY/MM/DD',
|
|||
|
|
suffixIcon: IconButton(
|
|||
|
|
icon: const Icon(Icons.calendar_today),
|
|||
|
|
onPressed: () => _selectDate(context),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
keyboardType: TextInputType.number, // <=datetime,
|
|||
|
|
onChanged: (value) {
|
|||
|
|
// スラッシュを除去
|
|||
|
|
value = value.replaceAll('/', '');
|
|||
|
|
|
|||
|
|
if (value.length <= 8) {
|
|||
|
|
String formattedValue = '';
|
|||
|
|
|
|||
|
|
// 年の処理（4桁）
|
|||
|
|
if (value.length >= 4) {
|
|||
|
|
formattedValue += '${value.substring(0, 4)}/';
|
|||
|
|
value = value.substring(4);
|
|||
|
|
} else {
|
|||
|
|
formattedValue += value;
|
|||
|
|
value = '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 月の処理（2桁）
|
|||
|
|
if (value.length >= 2) {
|
|||
|
|
formattedValue += '${value.substring(0, 2)}/';
|
|||
|
|
value = value.substring(2);
|
|||
|
|
} else if (value.isNotEmpty) {
|
|||
|
|
formattedValue += value;
|
|||
|
|
value = '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 残りの日付
|
|||
|
|
formattedValue += value;
|
|||
|
|
|
|||
|
|
// 末尾のスラッシュを削除
|
|||
|
|
if (formattedValue.endsWith('/')) {
|
|||
|
|
formattedValue = formattedValue.substring(0, formattedValue.length - 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
_dateOfBirthController.value = TextEditingValue(
|
|||
|
|
text: formattedValue,
|
|||
|
|
selection: TextSelection.collapsed(offset: formattedValue.length),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
validator: (value) {
|
|||
|
|
if (value == null || value.isEmpty) {
|
|||
|
|
return '生年月日を入力してください';
|
|||
|
|
}
|
|||
|
|
if (!RegExp(r'^\d{4}/\d{2}/\d{2}$').hasMatch(value)) {
|
|||
|
|
return '正しい形式で入力してください (YYYY/MM/DD)';
|
|||
|
|
}
|
|||
|
|
final date = DateTime.tryParse(value.replaceAll('/', '-'));
|
|||
|
|
if (date == null) {
|
|||
|
|
return '有効な日付を入力してください';
|
|||
|
|
}
|
|||
|
|
if (date.isAfter(DateTime.now())) {
|
|||
|
|
return '未来の日付は入力できません';
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
SwitchListTile(
|
|||
|
|
title: const Text('性別'),
|
|||
|
|
subtitle: Text(_female ? '女性' : '男性'),
|
|||
|
|
value: _female,
|
|||
|
|
onChanged: (bool value) {
|
|||
|
|
setState(() {
|
|||
|
|
_female = value;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextFormField(
|
|||
|
|
initialValue: _user.email,
|
|||
|
|
decoration: const InputDecoration(
|
|||
|
|
labelText: 'メールアドレス',
|
|||
|
|
border: OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
enabled: false,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
SwitchListTile(
|
|||
|
|
title: const Text('アクティブ状態'),
|
|||
|
|
value: _user.isActive,
|
|||
|
|
onChanged: null,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 32),
|
|||
|
|
ElevatedButton(
|
|||
|
|
onPressed: _updateUserDetails,
|
|||
|
|
child: const Text('更新'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 日付選択用の関数を追加
|
|||
|
|
Future<void> _selectDate(BuildContext context) async {
|
|||
|
|
final DateTime? picked = await showDialog<DateTime>(
|
|||
|
|
context: context,
|
|||
|
|
builder: (BuildContext context) {
|
|||
|
|
return CustomDatePicker(
|
|||
|
|
initialDate: _user.dateOfBirth ?? DateTime.now(),
|
|||
|
|
firstDate: DateTime(1900),
|
|||
|
|
lastDate: DateTime.now(),
|
|||
|
|
currentDateText: _dateOfBirthController.text,
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
if (picked != null) {
|
|||
|
|
setState(() {
|
|||
|
|
_dateOfBirthController.text = DateFormat('yyyy/MM/dd').format(picked);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _updateUserDetails() async {
|
|||
|
|
if (_formKey.currentState!.validate()) {
|
|||
|
|
final dateOfBirth = DateTime.tryParse(_dateOfBirthController.text.replaceAll('/', '-'));
|
|||
|
|
if (dateOfBirth == null || dateOfBirth.isAfter(DateTime.now())) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('生年月日が無効です', style: TextStyle(color: Colors.red))),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 13歳以上かどうかをチェック
|
|||
|
|
final now = DateTime.now();
|
|||
|
|
final age = now.year - dateOfBirth.year -
|
|||
|
|
(now.month > dateOfBirth.month ||
|
|||
|
|
(now.month == dateOfBirth.month && now.day >= dateOfBirth.day) ? 0 : 1);
|
|||
|
|
|
|||
|
|
if (age < 13) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('13歳未満の方は登録できません', style: TextStyle(color: Colors.red))),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
User updatedUser = User(
|
|||
|
|
id: _user.id,
|
|||
|
|
email: _user.email,
|
|||
|
|
firstname: _firstnameController.text,
|
|||
|
|
lastname: _lastnameController.text,
|
|||
|
|
dateOfBirth: dateOfBirth,
|
|||
|
|
female: _female,
|
|||
|
|
isActive: _user.isActive,
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
bool success = await ApiService.updateUserDetail(updatedUser, indexController.currentUser[0]['token']);
|
|||
|
|
if (success) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('個人情報が更新されました')),
|
|||
|
|
);
|
|||
|
|
indexController.updateCurrentUser(updatedUser);
|
|||
|
|
Get.offAllNamed(AppPages.INDEX);
|
|||
|
|
//Get.back();
|
|||
|
|
} else {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('更新に失敗しました', style: TextStyle(color: Colors.red))),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text('エラーが発生しました: $e', style: const TextStyle(color: Colors.red))),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|