updated calendar color cards and detection update to V1.0.1

This commit is contained in:
2025-11-07 22:57:09 +01:00
parent 11c9f043f1
commit 05044691b6
4 changed files with 306 additions and 16 deletions
+269 -14
View File
@@ -5,6 +5,12 @@ import 'package:shared_preferences/shared_preferences.dart';
import '../services/google_calendar_service.dart';
import '../utils/translations.dart';
enum EventType {
regular, // Dežurstvo and other regular events
competition, // Liga and Tekmovanje (League and Competition events)
sestanek, // Meetings
}
class CalendarScreen extends StatefulWidget {
const CalendarScreen({super.key});
@@ -91,21 +97,36 @@ class _CalendarScreenState extends State<CalendarScreen> {
}
bool _isValidEvent(CalendarEvent event) {
// Filter out events that are just single names or too short
// Filter out events with empty summaries
if (event.summary == null || event.summary!.trim().isEmpty) {
return false;
}
final summary = event.summary!.trim();
// Exclude if it's just a single word (likely just a name)
if (!summary.contains(' ') && summary.length < 15) {
// Only exclude very short single-character entries
// This allows short event names like "Meeting", "Training", etc.
if (summary.length < 2) {
return false;
}
return true;
}
EventType _getEventType(CalendarEvent event) {
if (event.summary == null) return EventType.regular;
final summary = event.summary!.toLowerCase();
if (summary.contains('liga') || summary.contains('tekmovanje') || summary.contains('tekma')) {
return EventType.competition;
} else if (summary.contains('sestanek')) {
return EventType.sestanek;
}
return EventType.regular;
}
Future<void> _loadEvents() async {
setState(() {
_isLoading = true;
@@ -214,7 +235,7 @@ class _CalendarScreenState extends State<CalendarScreen> {
child: _events.isEmpty
? ListView(
children: [
SizedBox(height: MediaQuery.of(context).size.height * 0.3),
const SizedBox(height: 24),
Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
@@ -233,6 +254,25 @@ class _CalendarScreenState extends State<CalendarScreen> {
],
),
),
const SizedBox(height: 32),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Text(
_t('Example Event Preview'),
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Colors.grey[700],
),
textAlign: TextAlign.center,
),
),
const SizedBox(height: 16),
_buildSampleEventCard(accentColor, EventType.regular),
const SizedBox(height: 8),
_buildSampleEventCard(accentColor, EventType.competition),
const SizedBox(height: 8),
_buildSampleEventCard(accentColor, EventType.sestanek),
],
)
: ListView.builder(
@@ -247,9 +287,188 @@ class _CalendarScreenState extends State<CalendarScreen> {
);
}
Widget _buildSampleEventCard(Color accentColor, EventType eventType) {
// Color coding for each event type
Color cardAccentColor;
Color backgroundColor = Colors.grey[300]!;
IconData eventIcon;
String title;
String time;
switch (eventType) {
case EventType.competition:
cardAccentColor = Colors.green;
eventIcon = Icons.emoji_events;
title = _selectedLanguage == 'Slovenian' ? 'Liga / Tekmovanje' : 'League / Competition';
time = '09:00 - 18:00';
break;
case EventType.sestanek:
cardAccentColor = Colors.purple;
eventIcon = Icons.groups;
title = _selectedLanguage == 'Slovenian' ? 'Sestanek ekipe' : 'Team Meeting';
time = '18:00 - 19:00';
break;
case EventType.regular:
cardAccentColor = Colors.blue;
eventIcon = Icons.event;
title = _selectedLanguage == 'Slovenian' ? 'Dežurstvo' : 'Duty Shift';
time = '14:00 - 16:00';
break;
}
return Container(
margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 16),
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(12),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Date header
Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: BoxDecoration(
color: cardAccentColor.withValues(alpha: 0.2),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(12),
topRight: Radius.circular(12),
),
),
child: Row(
children: [
// Small colored indicator
Container(
width: 4,
height: 16,
decoration: BoxDecoration(
color: cardAccentColor,
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(width: 8),
Text(
_t('Today'),
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.bold,
color: cardAccentColor,
),
),
const Spacer(),
// Event type badge - filled badges for all types
Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
decoration: BoxDecoration(
color: cardAccentColor,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: cardAccentColor.withValues(alpha: 0.3),
blurRadius: 4,
offset: const Offset(0, 2),
),
],
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(eventIcon, size: 12, color: Colors.white),
const SizedBox(width: 4),
Text(
eventType == EventType.competition
? (_selectedLanguage == 'Slovenian' ? 'TEKMOVANJE' : 'COMPETITION')
: eventType == EventType.sestanek
? (_selectedLanguage == 'Slovenian' ? 'SESTANEK' : 'MEETING')
: (_selectedLanguage == 'Slovenian' ? 'DEŽURSTVO' : 'DUTY'),
style: const TextStyle(
fontSize: 10,
fontWeight: FontWeight.bold,
color: Colors.white,
letterSpacing: 0.8,
),
),
],
),
),
],
),
),
// Main content
Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Title with icon
Row(
children: [
Icon(eventIcon, size: 20, color: cardAccentColor),
const SizedBox(width: 8),
Expanded(
child: Text(
title,
style: const TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
color: Colors.black87,
),
),
),
],
),
const SizedBox(height: 8),
// Time range
_buildDetailRowInline(
icon: Icons.access_time,
value: time,
accentColor: cardAccentColor,
),
const SizedBox(height: 6),
// Location
_buildDetailRowInline(
icon: Icons.location_on,
value: _selectedLanguage == 'Slovenian'
? 'Strelišče Ljubljana'
: 'Shooting Range',
accentColor: cardAccentColor,
),
],
),
),
],
),
);
}
Widget _buildEventCard(CalendarEvent event, Color accentColor) {
final startTime = event.startTime;
final isAllDay = event.isAllDay;
final eventType = _getEventType(event);
// Color coding for each event type
Color cardAccentColor;
Color backgroundColor;
IconData eventIcon;
switch (eventType) {
case EventType.competition:
cardAccentColor = Colors.green;
backgroundColor = Colors.grey[300]!;
eventIcon = Icons.emoji_events; // Trophy icon for competitions
break;
case EventType.sestanek:
cardAccentColor = Colors.purple;
backgroundColor = Colors.grey[300]!;
eventIcon = Icons.groups; // People icon for meetings
break;
case EventType.regular:
cardAccentColor = Colors.blue;
backgroundColor = Colors.grey[300]!;
eventIcon = Icons.event;
break;
}
// Format the date for display
String dateText = '';
@@ -279,7 +498,7 @@ class _CalendarScreenState extends State<CalendarScreen> {
return Container(
margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 16),
decoration: BoxDecoration(
color: Colors.grey[300],
color: backgroundColor,
borderRadius: BorderRadius.circular(12),
),
child: Column(
@@ -291,8 +510,8 @@ class _CalendarScreenState extends State<CalendarScreen> {
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: BoxDecoration(
color: isToday
? accentColor.withValues(alpha: 0.15)
: Colors.grey[200],
? cardAccentColor.withValues(alpha: 0.2)
: cardAccentColor.withValues(alpha: 0.1),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(12),
topRight: Radius.circular(12),
@@ -305,7 +524,7 @@ class _CalendarScreenState extends State<CalendarScreen> {
width: 4,
height: 16,
decoration: BoxDecoration(
color: accentColor,
color: cardAccentColor,
borderRadius: BorderRadius.circular(2),
),
),
@@ -315,7 +534,43 @@ class _CalendarScreenState extends State<CalendarScreen> {
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.bold,
color: isToday ? accentColor : Colors.black87,
color: cardAccentColor,
),
),
const Spacer(),
// Event type badge - filled badges for all types
Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
decoration: BoxDecoration(
color: cardAccentColor,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: cardAccentColor.withValues(alpha: 0.3),
blurRadius: 4,
offset: const Offset(0, 2),
),
],
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(eventIcon, size: 12, color: Colors.white),
const SizedBox(width: 4),
Text(
eventType == EventType.competition
? (_selectedLanguage == 'Slovenian' ? 'TEKMOVANJE' : 'COMPETITION')
: eventType == EventType.sestanek
? (_selectedLanguage == 'Slovenian' ? 'SESTANEK' : 'MEETING')
: (_selectedLanguage == 'Slovenian' ? 'DEŽURSTVO' : 'DUTY'),
style: const TextStyle(
fontSize: 10,
fontWeight: FontWeight.bold,
color: Colors.white,
letterSpacing: 0.8,
),
),
],
),
),
],
@@ -330,12 +585,12 @@ class _CalendarScreenState extends State<CalendarScreen> {
// Title with icon
Row(
children: [
Icon(Icons.event, size: 20, color: accentColor),
Icon(eventIcon, size: 20, color: cardAccentColor),
const SizedBox(width: 8),
Expanded(
child: Text(
event.summary ?? _t('Untitled Event'),
style: const TextStyle(
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
color: Colors.black87,
@@ -350,7 +605,7 @@ class _CalendarScreenState extends State<CalendarScreen> {
_buildDetailRowInline(
icon: Icons.access_time,
value: '${DateFormat('HH:mm').format(startTime.toLocal())} - ${DateFormat('HH:mm').format(event.endTime!.toLocal())}',
accentColor: accentColor,
accentColor: cardAccentColor,
),
const SizedBox(height: 6),
],
@@ -358,7 +613,7 @@ class _CalendarScreenState extends State<CalendarScreen> {
_buildDetailRowInline(
icon: Icons.access_time,
value: _t('All day'),
accentColor: accentColor,
accentColor: cardAccentColor,
),
const SizedBox(height: 6),
],
@@ -367,7 +622,7 @@ class _CalendarScreenState extends State<CalendarScreen> {
_buildDetailRowInline(
icon: Icons.location_on,
value: event.location!,
accentColor: accentColor,
accentColor: cardAccentColor,
),
],
],
+1 -1
View File
@@ -103,7 +103,7 @@ class _HomeScreenState extends State<HomeScreen> {
padding: const EdgeInsets.only(right: 16.0),
child: Center(
child: Text(
'V1.0.0',
'V1.0.1',
style: TextStyle(
color: Colors.grey[400],
fontSize: 12,