SmartFit
/
SmartFit_Mobile
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

stats activities

Browse Source
pull/4/head
Othmane BENJELLOUN 1 year ago
parent cfe7879c2f
commit 2b9b680774
11 changed files with 277 additions and 8 deletions
Show Stats Download Patch File Download Diff File

27
lib/common_widget/container/container_stats_activities.dart
Unescape View File

@ -0,0 +1,27 @@
import 'package:flutter/material.dart';
import 'package:responsive_builder/responsive_builder.dart';
import 'package:smartfit_app_mobile/common/colo_extension.dart';
import 'package:smartfit_app_mobile/common_widget/container/mobile/mobile_container_stats_activities.dart';
import 'package:smartfit_app_mobile/common_widget/container/web/web_container_stats_activities.dart';
import 'package:smartfit_app_mobile/common_widget/stats.dart';
class ContainerStatsActivities extends StatelessWidget {
const ContainerStatsActivities(
this.value,
this.designation,
this.icon, {
Key? key,
}) : super(key: key);
final String value;
final String designation;
final IconData icon;
@override
Widget build(BuildContext context) {
return ScreenTypeLayout.builder(
mobile: (_) => MobileContainerStatsActivities(this.value, this.designation, this.icon),
desktop: (_) => WebContainerStatsActivities(this.value, this.designation, this.icon),
);
}
}

1
lib/common_widget/container/mobile/mobile_container_stats.dart
Unescape View File

@ -36,6 +36,7 @@ class MobileContainerStats extends StatelessWidget {
icon: icon,
iconColor: TColor.white,
iconBackground: TColor.secondaryColor1,
sizeIcon: 12,
),
Align(
alignment: Alignment.bottomLeft,

69
lib/common_widget/container/mobile/mobile_container_stats_activities.dart
Unescape View File

@ -0,0 +1,69 @@
import 'package:flutter/material.dart';
import 'package:smartfit_app_mobile/common/colo_extension.dart';
import 'package:smartfit_app_mobile/common_widget/stats.dart';
class MobileContainerStatsActivities extends StatelessWidget {
const MobileContainerStatsActivities(
this.value,
this.designation,
this.icon, {
Key? key,
}) : super(key: key);
final String value;
final String designation;
final IconData icon;
@override
Widget build(BuildContext context) {
var media = MediaQuery.of(context).size;
return Container(
height: media.width * 0.5,
width: media.width * 0.4,
padding: const EdgeInsets.all(8),
margin: const EdgeInsets.symmetric(vertical: 5),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
border: Border.all(
color: const Color(0xffe1e1e1),
),
boxShadow: const [
BoxShadow(
color: Colors.black12,
offset: Offset(3, 3),
blurRadius: 3,
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center, // Centrer horizontalement
mainAxisAlignment: MainAxisAlignment.center,
children: [
StatIcon(
icon: icon,
iconColor: TColor.white,
iconBackground: TColor.secondaryColor1,
sizeIcon: 40.0,
),
SizedBox(height: 40), // Espacement entre l'icône et le texte
Text(
designation,
style: const TextStyle(fontSize: 15),
textAlign: TextAlign.center,
),
Text(
value,
style: const TextStyle(
fontSize: 20 ,
fontWeight: FontWeight.w800,
),
textAlign: TextAlign.center,
),
],
),
);
}
}

3
lib/common_widget/container/web/web_container_stats.dart
Unescape View File

@ -13,7 +13,7 @@ class WebContainerStats extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
height: 70,
height: 80,
width: 70,
padding: const EdgeInsets.all(8),
margin: const EdgeInsets.symmetric(vertical: 5),
@ -36,6 +36,7 @@ class WebContainerStats extends StatelessWidget {
icon: icon,
iconColor: TColor.white,
iconBackground: TColor.secondaryColor1,
sizeIcon: 8.0,
),
Align(
alignment: Alignment.bottomLeft,

69
lib/common_widget/container/web/web_container_stats_activities.dart
Unescape View File

@ -0,0 +1,69 @@
import 'package:flutter/material.dart';
import 'package:smartfit_app_mobile/common/colo_extension.dart';
import 'package:smartfit_app_mobile/common_widget/stats.dart';
class WebContainerStatsActivities extends StatelessWidget {
const WebContainerStatsActivities(
this.value,
this.designation,
this.icon, {
Key? key,
}) : super(key: key);
final String value;
final String designation;
final IconData icon;
@override
Widget build(BuildContext context) {
var media = MediaQuery.of(context).size;
return Container(
height: media.width * 0.2,
width: media.width * 0.3,
padding: const EdgeInsets.all(8),
margin: const EdgeInsets.symmetric(vertical: 5),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
border: Border.all(
color: const Color(0xffe1e1e1),
),
boxShadow: const [
BoxShadow(
color: Colors.black12,
offset: Offset(3, 3),
blurRadius: 3,
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center, // Centrer horizontalement
mainAxisAlignment: MainAxisAlignment.center,
children: [
StatIcon(
icon: icon,
iconColor: TColor.white,
iconBackground: TColor.secondaryColor1,
sizeIcon: 40.0,
),
SizedBox(height: 40), // Espacement entre l'icône et le texte
Text(
designation,
style: const TextStyle(fontSize: 15),
textAlign: TextAlign.center,
),
Text(
value,
style: const TextStyle(
fontSize: 20 ,
fontWeight: FontWeight.w800,
),
textAlign: TextAlign.center,
),
],
),
);
}
}

10
lib/common_widget/graph/mobile/mobile_altitude_by_time.dart
Unescape View File

@ -57,7 +57,15 @@ class _MobileGraphAltitudeByTime extends State<MobileGraphAltitudeByTime> {
titlesData: FlTitlesData(
leftTitles: const AxisTitles(),
topTitles: const AxisTitles(),
bottomTitles: const AxisTitles(),
bottomTitles: AxisTitles(
sideTitles: SideTitles(
reservedSize: 20,
showTitles: true,
getTitlesWidget: (value, meta) {
return Text(
"${double.parse((value / 10).toStringAsFixed(2))}s");
},
)),
rightTitles: AxisTitles(
sideTitles: SideTitles(
reservedSize: 60,

16
lib/common_widget/graph/mobile/mobile_bpm_and_speed_by_time.dart
Unescape View File

@ -188,7 +188,7 @@ class _MobileGraphBpmAndSpeedByTime
getTooltipItems: (List<LineBarSpot> lineBarsSpot) {
return lineBarsSpot.map((lineBarSpot) {
return LineTooltipItem(
"Seconde ${lineBarSpot.x.toInt()} ",
"Seconde ${lineBarSpot.x.toInt() / 10} ",
const TextStyle(
color: Colors.white,
fontSize: 10,
@ -204,9 +204,19 @@ class _MobileGraphBpmAndSpeedByTime
maxY: 110,
titlesData: FlTitlesData(
show: true,
leftTitles: const AxisTitles(),
leftTitles: AxisTitles(
sideTitles: rightTitles,
),
topTitles: const AxisTitles(),
bottomTitles: const AxisTitles(),
bottomTitles: AxisTitles(
sideTitles: SideTitles(
reservedSize: 20,
showTitles: true,
getTitlesWidget: (value, meta) {
return Text(
"${double.parse((value / 10).toStringAsFixed(2))}s");
},
)),
rightTitles: AxisTitles(
sideTitles: SideTitles(
reservedSize: 70,

2
lib/common_widget/graph/mobile/mobile_bpm_by_time.dart
Unescape View File

@ -65,7 +65,7 @@ class _MobileBpmByTime extends State<MobileBpmByTime> {
reservedSize: 20,
showTitles: true,
getTitlesWidget: (value, meta) {
return Text("${double.parse(value.toStringAsFixed(2))}s");
return Text("${double.parse((value/10).toStringAsFixed(2))}s");
},
)),
rightTitles: AxisTitles(

6
lib/common_widget/stats.dart
Unescape View File

@ -1,3 +1,4 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smartfit_app_mobile/modele/user.dart';
@ -127,6 +128,7 @@ class InfoStat extends StatelessWidget {
icon: icon,
iconColor: iconColor,
iconBackground: iconBackground,
sizeIcon: 8.0,
),
Align(
alignment: Alignment.bottomLeft,
@ -160,11 +162,13 @@ class StatIcon extends StatelessWidget {
required this.icon,
required this.iconColor,
required this.iconBackground,
required this.sizeIcon,
}) : super(key: key);
final IconData icon;
final Color iconColor;
final Color iconBackground;
final double? sizeIcon;
@override
Widget build(BuildContext context) {
@ -174,7 +178,7 @@ class StatIcon extends StatelessWidget {
color: iconBackground,
borderRadius: BorderRadius.circular(9),
),
child: Icon(icon, size: 8, color: iconColor),
child: Icon(icon, size: sizeIcon, color: iconColor),
);
}
}

3
lib/main.dart
Unescape View File

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smartfit_app_mobile/modele/user.dart';
import 'package:smartfit_app_mobile/common/colo_extension.dart';
import 'package:smartfit_app_mobile/view/home/stats_activities_view.dart';
import 'package:smartfit_app_mobile/view/login/signup_view.dart';
void main() {
@ -35,7 +36,7 @@ class MyApp extends StatelessWidget {
// tested with just a hot reload.
primaryColor: TColor.primaryColor1,
fontFamily: "Poppins"),
home: const SignUpView(),
home: const StatAtivities(),
//home: const ProfileView(),
);
}

79
lib/view/home/stats_activities_view.dart
Unescape View File

@ -0,0 +1,79 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smartfit_app_mobile/common_widget/container/container_stats_activities.dart';
import 'package:smartfit_app_mobile/common_widget/container/ligne_container_stats.dart';
import 'package:smartfit_app_mobile/common_widget/graph/altitude_by_time.dart';
import 'package:smartfit_app_mobile/common_widget/graph/bpm_and_speed_by_time.dart';
import 'package:smartfit_app_mobile/common_widget/graph/bpm_by_time.dart';
import 'package:smartfit_app_mobile/common_widget/other/entete_home_view.dart';
import 'package:smartfit_app_mobile/common/colo_extension.dart';
import 'package:smartfit_app_mobile/modele/manager_selected_activity.dart';
import 'package:smartfit_app_mobile/modele/user.dart';
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
import 'package:smartfit_app_mobile/modele/utile/home_view/home_view_util.dart';
class StatAtivities extends StatefulWidget {
const StatAtivities({super.key});
@override
State<StatAtivities> createState() => _StatAtivities();
}
class _StatAtivities extends State<StatAtivities> {
late DataHomeView data;
TextEditingController bpmController = TextEditingController();
@override
Widget build(BuildContext context) {
var media = MediaQuery.of(context).size;
data = HomeViewUtil().initData(context);
return Scaffold(
backgroundColor: TColor.white,
body: SingleChildScrollView(
child: SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 15),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const EnteteHomeView(),
SizedBox(
height: media.width * 0.05,
),
Text(
"Status d'activité",
style: TextStyle(
color: TColor.black,
fontSize: 16,
fontWeight: FontWeight.w700),
),
SizedBox(
height: media.width * 0.03,
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ContainerStatsActivities("10 BPM","Moyenne Bpm", Icons.favorite),
SizedBox(width: media.width *0.05,),
ContainerStatsActivities("10 m/s","Moyenne vitesse", Icons.bolt)
],),
SizedBox(
height: media.width * 0.03,
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ContainerStatsActivities("400 m","Moyenne Altitude", Icons.landscape),
SizedBox(width: media.width *0.05,),
ContainerStatsActivities("10 °C","Moyenne degrès", Icons.thermostat)
],),
],
),
),
),
),
);
}
}
Write Preview
Loading…
Cancel
Save