Konstantin Kollar
119 lines
4.2 KiB
Dart
119 lines
4.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:weather_icons/weather_icons.dart';
|
|
import 'package:wetter/models/daily_weather_model.dart';
|
|
import 'package:wetter/models/hourly_weather_model.dart';
|
|
import 'package:wetter/services/utils.dart';
|
|
|
|
class CompactWeatherData extends StatefulWidget {
|
|
final DailyWeatherModel dwm;
|
|
|
|
const CompactWeatherData(this.dwm, {Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<CompactWeatherData> createState() => _CompactWeatherDataState();
|
|
}
|
|
|
|
class _CompactWeatherDataState extends State<CompactWeatherData> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Column(children: [
|
|
Text(
|
|
"${DateFormat('EEEE').format(widget.dwm.dateOfDay())}, ${widget.dwm.dateOfDay().day}.${widget.dwm.dateOfDay().month}.",
|
|
style: Theme.of(context).textTheme.headline5,
|
|
),
|
|
const SizedBox(height: 10),
|
|
_weatherData(),
|
|
const SizedBox(height: 20),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
_hourlyInfo(widget.dwm.hourlyWeatherModelAtTimeOfDay(4)),
|
|
_hourlyInfo(widget.dwm.hourlyWeatherModelAtTimeOfDay(8)),
|
|
_hourlyInfo(widget.dwm.hourlyWeatherModelAtTimeOfDay(12)),
|
|
_hourlyInfo(widget.dwm.hourlyWeatherModelAtTimeOfDay(16)),
|
|
_hourlyInfo(widget.dwm.hourlyWeatherModelAtTimeOfDay(20))
|
|
],
|
|
),
|
|
])));
|
|
}
|
|
|
|
Widget _hourlyInfo(HourlyWeatherModel hwm) {
|
|
return Column(
|
|
children: [
|
|
Text(DateFormat.Hm().format(hwm.timestamp)),
|
|
const SizedBox(height: 8),
|
|
Icon(weatherIcon(hwm.icon ?? "not defined")),
|
|
const SizedBox(height: 14),
|
|
Text("${hwm.temperature.round()} °C")
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _weatherData() {
|
|
return Row(children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"${widget.dwm.dailyMaxTemp()} °C ",
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleLarge!
|
|
.copyWith(fontStyle: FontStyle.normal),
|
|
),
|
|
const Icon(
|
|
Icons.circle,
|
|
size: 10,
|
|
color: Colors.grey,
|
|
),
|
|
Text(
|
|
" ${widget.dwm.dailyMinTemp()} °C",
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleLarge!
|
|
.copyWith(fontStyle: FontStyle.normal, color: Colors.grey),
|
|
)
|
|
],
|
|
),
|
|
Row(crossAxisAlignment: CrossAxisAlignment.end, children: [
|
|
const Icon(WeatherIcons.barometer),
|
|
const SizedBox(width: 10),
|
|
Text("${widget.dwm.dailyAveragePressure().toString()} hPa")
|
|
]),
|
|
const SizedBox(height: 5),
|
|
Row(crossAxisAlignment: CrossAxisAlignment.end, children: [
|
|
const Icon(WeatherIcons.raindrop),
|
|
const SizedBox(width: 10),
|
|
Text("${widget.dwm.dailyPrecipitation().toString()} mm")
|
|
]),
|
|
const SizedBox(height: 5),
|
|
Row(crossAxisAlignment: CrossAxisAlignment.end, children: [
|
|
const Icon(WeatherIcons.cloud),
|
|
const SizedBox(width: 10),
|
|
Text("${widget.dwm.dailyAverageCloudCover().toString()} %")
|
|
]),
|
|
const SizedBox(height: 5),
|
|
Row(crossAxisAlignment: CrossAxisAlignment.end, children: [
|
|
const Icon(WeatherIcons.windy),
|
|
const SizedBox(width: 10),
|
|
Text("${widget.dwm.dailyAverageWindSpeed().toString()} km/h")
|
|
]),
|
|
],
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 35),
|
|
child: FittedBox(
|
|
fit: BoxFit.contain,
|
|
child:
|
|
Icon(weatherIcon(widget.dwm.prevalentWeatherIcon()))))),
|
|
]);
|
|
}
|
|
}
|