bini/bini-google-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
kihong.kim
2026-01-24 19:41:19 +09:00
commit 807df3d678
90 changed files with 6411 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
flutter_app/lib/widgets/announcement_widget.dart Normal file
View File

@@ -0,0 +1,169 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/announcement.dart';
import '../services/announcement_service.dart';
class AnnouncementWidget extends StatefulWidget {
const AnnouncementWidget({super.key});
@override
State<AnnouncementWidget> createState() => _AnnouncementWidgetState();
}
class _AnnouncementWidgetState extends State<AnnouncementWidget> {
final PageController _pageController = PageController();
Timer? _timer;
int _currentPage = 0;
List<Announcement> _announcements = [];
@override
void initState() {
super.initState();
_fetchAnnouncements();
}
void _fetchAnnouncements() async {
try {
final data = await Provider.of<AnnouncementService>(
context,
listen: false,
).fetchAnnouncements(activeOnly: true);
if (mounted) {
setState(() {
_announcements = data;
});
_startAutoScroll();
}
} catch (e) {
// Handle error
}
}
void _startAutoScroll() {
_timer?.cancel();
if (_announcements.length > 1) {
_timer = Timer.periodic(const Duration(seconds: 10), (timer) {
if (_pageController.hasClients) {
_currentPage++;
if (_currentPage >= _announcements.length) {
_currentPage = 0;
}
_pageController.animateToPage(
_currentPage,
duration: const Duration(milliseconds: 800),
curve: Curves.easeInOut,
);
}
});
}
}
@override
void dispose() {
_timer?.cancel();
_pageController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
if (_announcements.isEmpty) {
// Show default placeholder if no announcements
return Container(
decoration: BoxDecoration(
color: Theme.of(context).cardTheme.color,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white10),
),
padding: const EdgeInsets.all(16),
child: const Center(
child: Text(
'Welcome Home! Have a great day.',
style: TextStyle(color: Colors.white70, fontSize: 18),
),
),
);
}
return Container(
decoration: BoxDecoration(
color: Theme.of(
context,
).cardTheme.color, // Slightly lighter/distinct background
borderRadius: BorderRadius.circular(16),
),
child: Stack(
children: [
PageView.builder(
controller: _pageController,
itemCount: _announcements.length,
itemBuilder: (context, index) {
final item = _announcements[index];
return Padding(
padding: const EdgeInsets.all(24.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(
Icons.campaign,
color: Theme.of(context).colorScheme.secondary,
size: 32,
),
const SizedBox(width: 12),
Text(
item.title,
style: Theme.of(context)
.textTheme
.headlineSmall
?.copyWith(
color: Theme.of(context).colorScheme.secondary,
fontWeight: FontWeight.bold,
),
),
],
),
const SizedBox(height: 12),
Text(
item.content,
style: Theme.of(
context,
).textTheme.bodyLarge?.copyWith(color: Colors.white),
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
],
),
);
},
),
// Page Indicator
if (_announcements.length > 1)
Positioned(
bottom: 16,
right: 16,
child: Row(
children: List.generate(_announcements.length, (index) {
return AnimatedContainer(
duration: const Duration(milliseconds: 300),
margin: const EdgeInsets.symmetric(horizontal: 4),
width: 8,
height: 8,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: _currentPage == index
? Theme.of(context).colorScheme.secondary
: Colors.white24,
),
);
}),
),
),
],
),
);
}
}

83
flutter_app/lib/widgets/bible_verse_widget.dart Normal file
View File

@@ -0,0 +1,83 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/bible_verse.dart';
import '../services/bible_service.dart';
class BibleVerseWidget extends StatelessWidget {
const BibleVerseWidget({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
Theme.of(context).cardTheme.color!.withOpacity(0.8),
Theme.of(context).cardTheme.color!,
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white10),
),
padding: const EdgeInsets.all(24),
child: FutureBuilder<BibleVerse>(
future: Provider.of<BibleService>(
context,
listen: false,
).fetchTodayVerse(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.hasError) {
return const Center(
child: Text(
'Verse Unavailable',
style: TextStyle(color: Colors.white54),
),
);
}
if (!snapshot.hasData) {
return const SizedBox.shrink();
}
final verse = snapshot.data!;
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(
Icons.format_quote,
color: Color(0xFFBB86FC),
size: 32,
),
const SizedBox(height: 12),
Text(
verse.text,
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
color: Colors.white,
height: 1.5,
fontStyle: FontStyle.italic,
),
),
const SizedBox(height: 8),
Text(
verse.reference,
style: TextStyle(
color: Theme.of(context).colorScheme.primary,
fontWeight: FontWeight.bold,
),
),
],
);
},
),
);
}
}

112
flutter_app/lib/widgets/calendar_widget.dart Normal file
View File

@@ -0,0 +1,112 @@
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
class CalendarWidget extends StatelessWidget {
const CalendarWidget({super.key});
@override
Widget build(BuildContext context) {
final now = DateTime.now();
final firstDayOfMonth = DateTime(now.year, now.month, 1);
final lastDayOfMonth = DateTime(now.year, now.month + 1, 0);
final daysInMonth = lastDayOfMonth.day;
final startingWeekday = firstDayOfMonth.weekday; // Mon=1, Sun=7
// Simple calendar logic
// We need to pad the beginning with empty slots
// If week starts on Sunday, adjust accordingly. Let's assume Mon start for now or use locale.
// Let's assume standard Sun-Sat or Mon-Sun. Let's go with Sun-Sat for standard calendar view often seen in KR/US.
// DateTime.weekday: Mon=1, Sun=7.
// If we want Sun start: Sun=0, Mon=1...
// Let's adjust so Sunday is first.
int offset =
startingWeekday %
7; // If startingWeekday is 7 (Sun), offset is 0. If 1 (Mon), offset is 1.
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Theme.of(context).cardTheme.color,
borderRadius: BorderRadius.circular(16),
),
child: Column(
children: [
// Header
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
DateFormat('MMMM yyyy').format(now),
style: Theme.of(context).textTheme.titleLarge?.copyWith(
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
const Icon(Icons.calendar_today, color: Colors.white54),
],
),
const SizedBox(height: 16),
// Days Header
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: ['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((day) {
return Expanded(
child: Center(
child: Text(
day,
style: const TextStyle(
color: Colors.white54,
fontWeight: FontWeight.bold,
),
),
),
);
}).toList(),
),
const SizedBox(height: 8),
// Days Grid
Expanded(
child: GridView.builder(
physics: const NeverScrollableScrollPhysics(),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 7,
childAspectRatio: 1.0,
),
itemCount: 42, // 6 rows max to be safe
itemBuilder: (context, index) {
final dayNumber = index - offset + 1;
if (dayNumber < 1 || dayNumber > daysInMonth) {
return const SizedBox.shrink();
}
final isToday = dayNumber == now.day;
return Container(
margin: const EdgeInsets.all(4),
decoration: isToday
? BoxDecoration(
color: Theme.of(context).colorScheme.primary,
shape: BoxShape.circle,
)
: null,
child: Center(
child: Text(
'$dayNumber',
style: TextStyle(
color: isToday ? Colors.black : Colors.white,
fontWeight: isToday
? FontWeight.bold
: FontWeight.normal,
),
),
),
);
},
),
),
],
),
);
}
}

53
flutter_app/lib/widgets/digital_clock_widget.dart Normal file
View File

@@ -0,0 +1,53 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
class DigitalClockWidget extends StatefulWidget {
const DigitalClockWidget({super.key});
@override
State<DigitalClockWidget> createState() => _DigitalClockWidgetState();
}
class _DigitalClockWidgetState extends State<DigitalClockWidget> {
DateTime _now = DateTime.now();
Timer? _timer;
@override
void initState() {
super.initState();
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
setState(() {
_now = DateTime.now();
});
});
}
@override
void dispose() {
_timer?.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
// Format: 2026.01.24 (Sat) 15:43:36
final dateStr = DateFormat('yyyy.MM.dd (E)', 'ko_KR').format(_now);
final timeStr = DateFormat('HH:mm:ss').format(_now);
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'$dateStr $timeStr',
style: Theme.of(context).textTheme.displaySmall?.copyWith(
color: Colors.white,
fontWeight: FontWeight.bold,
letterSpacing: 1.2,
),
),
],
);
}
}

144
flutter_app/lib/widgets/photo_slideshow_widget.dart Normal file
View File

@@ -0,0 +1,144 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/photo.dart';
import '../services/photo_service.dart';
class PhotoSlideshowWidget extends StatefulWidget {
const PhotoSlideshowWidget({super.key});
@override
State<PhotoSlideshowWidget> createState() => _PhotoSlideshowWidgetState();
}
class _PhotoSlideshowWidgetState extends State<PhotoSlideshowWidget> {
List<Photo> _photos = [];
int _currentIndex = 0;
Timer? _timer;
@override
void initState() {
super.initState();
_fetchPhotos();
}
void _fetchPhotos() async {
try {
final photos = await Provider.of<PhotoService>(
context,
listen: false,
).fetchPhotos(activeOnly: true);
if (mounted) {
setState(() {
_photos = photos;
});
_startSlideshow();
}
} catch (e) {
// Handle error
}
}
void _startSlideshow() {
_timer?.cancel();
if (_photos.length > 1) {
_timer = Timer.periodic(const Duration(seconds: 30), (timer) {
if (mounted) {
setState(() {
_currentIndex = (_currentIndex + 1) % _photos.length;
});
}
});
}
}
@override
void dispose() {
_timer?.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
if (_photos.isEmpty) {
return Container(
color: Colors.black,
child: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.photo_library, size: 64, color: Colors.white24),
SizedBox(height: 16),
Text(
'No Photos Available',
style: TextStyle(color: Colors.white54, fontSize: 24),
),
],
),
),
);
}
final currentPhoto = _photos[_currentIndex];
return Stack(
fit: StackFit.expand,
children: [
AnimatedSwitcher(
duration: const Duration(milliseconds: 1000),
child: Image.network(
currentPhoto.url,
key: ValueKey<String>(currentPhoto.id),
fit: BoxFit.cover,
width: double.infinity,
height: double.infinity,
errorBuilder: (context, error, stackTrace) {
return Container(
color: Colors.grey[900],
child: const Center(
child: Icon(
Icons.broken_image,
color: Colors.white54,
size: 48,
),
),
);
},
),
),
// Gradient overlay for caption
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [Colors.transparent, Colors.black87],
),
),
padding: const EdgeInsets.all(24.0),
child: Text(
currentPhoto.caption,
style: const TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w500,
shadows: [
Shadow(
color: Colors.black45,
blurRadius: 4,
offset: Offset(1, 1),
),
],
),
textAlign: TextAlign.center,
),
),
),
],
);
}
}

129
flutter_app/lib/widgets/schedule_list_widget.dart Normal file
View File

@@ -0,0 +1,129 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:intl/intl.dart';
import '../models/schedule_item.dart';
import '../services/schedule_service.dart';
class ScheduleListWidget extends StatelessWidget {
const ScheduleListWidget({super.key});
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: Theme.of(context).cardTheme.color,
borderRadius: BorderRadius.circular(16),
),
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Weekly Schedule',
style: Theme.of(context).textTheme.titleLarge?.copyWith(
color: Colors.white,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 12),
Expanded(
child: FutureBuilder<List<ScheduleItem>>(
future: Provider.of<ScheduleService>(
context,
listen: false,
).fetchWeeklySchedules(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.hasError) {
return const Center(
child: Text(
'Failed to load schedules',
style: TextStyle(color: Colors.white54),
),
);
}
if (!snapshot.hasData || snapshot.data!.isEmpty) {
return const Center(
child: Text(
'No schedules this week',
style: TextStyle(color: Colors.white54),
),
);
}
final schedules = snapshot.data!;
// Sort by date
schedules.sort((a, b) => a.startDate.compareTo(b.startDate));
return ListView.separated(
itemCount: schedules.length,
separatorBuilder: (context, index) =>
const Divider(color: Colors.white10),
itemBuilder: (context, index) {
final item = schedules[index];
final dateStr = DateFormat(
'E, MMM d',
).format(item.startDate);
final timeStr = item.isAllDay
? 'All Day'
: DateFormat('HH:mm').format(item.startDate);
return ListTile(
contentPadding: EdgeInsets.zero,
leading: Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 8,
),
decoration: BoxDecoration(
color: Colors.white10,
borderRadius: BorderRadius.circular(8),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Text(
DateFormat('d').format(item.startDate),
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 18,
),
),
Text(
DateFormat('E').format(item.startDate),
style: const TextStyle(
color: Colors.white70,
fontSize: 12,
),
),
],
),
),
title: Text(
item.title,
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
subtitle: Text(
timeStr,
style: const TextStyle(color: Colors.white54),
),
);
},
);
},
),
),
],
),
);
}
}

174
flutter_app/lib/widgets/todo_list_widget.dart Normal file
View File

@@ -0,0 +1,174 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/todo_item.dart';
import '../models/family_member.dart';
import '../services/todo_service.dart';
import '../services/family_service.dart';
class TodoListWidget extends StatelessWidget {
const TodoListWidget({super.key});
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: Theme.of(context).cardTheme.color,
borderRadius: BorderRadius.circular(16),
),
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"Today's Todos",
style: Theme.of(context).textTheme.titleLarge?.copyWith(
color: Colors.white,
fontWeight: FontWeight.bold,
),
),
Icon(
Icons.check_circle_outline,
color: Theme.of(context).colorScheme.secondary,
),
],
),
const SizedBox(height: 12),
Expanded(
child: FutureBuilder<List<dynamic>>(
future: Future.wait([
Provider.of<TodoService>(
context,
listen: false,
).fetchTodayTodos(),
Provider.of<FamilyService>(
context,
listen: false,
).fetchFamilyMembers(),
]),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.hasError) {
return const Center(
child: Text(
'Failed to load todos',
style: TextStyle(color: Colors.white54),
),
);
}
if (!snapshot.hasData) {
return const Center(
child: Text(
'No todos today',
style: TextStyle(color: Colors.white54),
),
);
}
final todos = snapshot.data![0] as List<TodoItem>;
final members = snapshot.data![1] as List<FamilyMember>;
if (todos.isEmpty) {
return const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.thumb_up, color: Colors.white24, size: 32),
SizedBox(height: 8),
Text(
'All done for today!',
style: TextStyle(color: Colors.white54),
),
],
),
);
}
return ListView.separated(
itemCount: todos.length,
separatorBuilder: (context, index) =>
const Divider(color: Colors.white10),
itemBuilder: (context, index) {
final todo = todos[index];
final member = members.firstWhere(
(m) => m.id == todo.familyMemberId,
orElse: () => const FamilyMember(
id: '',
name: 'Unknown',
emoji: '👤',
color: '#888888',
order: 0,
),
);
// Parse color
Color memberColor;
try {
memberColor = Color(
int.parse(member.color.replaceAll('#', '0xFF')),
);
} catch (_) {
memberColor = Colors.grey;
}
return ListTile(
contentPadding: EdgeInsets.zero,
leading: CircleAvatar(
backgroundColor: memberColor.withOpacity(0.2),
child: Text(
member.emoji,
style: const TextStyle(fontSize: 20),
),
),
title: Text(
todo.title,
style: TextStyle(
color: todo.completed ? Colors.white54 : Colors.white,
decoration: todo.completed
? TextDecoration.lineThrough
: null,
decorationColor: Colors.white54,
),
),
trailing: Checkbox(
value: todo.completed,
onChanged: (val) async {
// Toggle completion
final updated = TodoItem(
id: todo.id,
familyMemberId: todo.familyMemberId,
title: todo.title,
completed: val ?? false,
dueDate: todo.dueDate,
);
await Provider.of<TodoService>(
context,
listen: false,
).updateTodo(updated);
// Force rebuild? In a real app we'd use a reactive state.
// Here we rely on the parent or timer to refresh, or we could convert this to StatefulWidget.
// For now, let's just let the next refresh cycle pick it up, or if the user interacts, maybe we should optimistic update?
// Given it's a TV dashboard, interaction might be rare, but if it is interactive:
(context as Element)
.markNeedsBuild(); // HACK to refresh
},
activeColor: Theme.of(context).colorScheme.secondary,
checkColor: Colors.black,
),
);
},
);
},
),
),
],
),
);
}
}

86
flutter_app/lib/widgets/weather_widget.dart Normal file
View File

@@ -0,0 +1,86 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter/foundation.dart';
import '../config/api_config.dart';
import '../models/weather_info.dart';
import '../services/weather_service.dart';
class WeatherWidget extends StatelessWidget {
const WeatherWidget({super.key});
@override
Widget build(BuildContext context) {
return FutureBuilder<WeatherInfo>(
future: Provider.of<WeatherService>(
context,
listen: false,
).fetchWeather(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(
child: SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(strokeWidth: 2),
),
);
}
if (snapshot.hasError) {
return const Text(
'Weather Unavailable',
style: TextStyle(color: Colors.white54),
);
}
if (!snapshot.hasData) {
return const SizedBox.shrink();
}
final weather = snapshot.data!;
// Assuming OpenWeatherMap icon format
final iconUrl = (ApiConfig.useMockData || kIsWeb)
? null
: (weather.icon.isNotEmpty
? "http://openweathermap.org/img/wn/${weather.icon}@2x.png"
: null);
return Row(
mainAxisSize: MainAxisSize.min,
children: [
if (iconUrl != null)
Image.network(
iconUrl,
width: 50,
height: 50,
errorBuilder: (_, __, ___) =>
const Icon(Icons.wb_sunny, color: Colors.amber),
)
else
const Icon(Icons.wb_sunny, color: Colors.amber, size: 40),
const SizedBox(width: 12),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'${weather.temperature.round()}°C',
style: Theme.of(context).textTheme.headlineSmall?.copyWith(
color: Colors.white,
fontWeight: FontWeight.bold,
),
),
Text(
'${weather.city} · ${weather.description}',
style: Theme.of(
context,
).textTheme.bodyMedium?.copyWith(color: Colors.white70),
),
],
),
],
);
},
);
}
}