parent
b7913f010f
commit
75cf385d53
@ -0,0 +1,64 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/stats.dart';
|
||||||
|
|
||||||
|
class MobileContainerStats extends StatelessWidget {
|
||||||
|
const MobileContainerStats(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 Container(
|
||||||
|
height: 100,
|
||||||
|
width: 100,
|
||||||
|
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: Stack(
|
||||||
|
children: [
|
||||||
|
StatIcon(
|
||||||
|
icon: icon,
|
||||||
|
iconColor: TColor.white,
|
||||||
|
iconBackground: TColor.secondaryColor1,
|
||||||
|
),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.bottomLeft,
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
designation,
|
||||||
|
style: const TextStyle(fontSize: 10),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
value,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w800,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/container/container_stats.dart';
|
||||||
|
|
||||||
|
class MobileLigneContainerStats extends StatelessWidget {
|
||||||
|
const MobileLigneContainerStats(this.value1, this.value2, this.value3,
|
||||||
|
this.designation1, this.designation2, this.designation3,
|
||||||
|
this.icon1, this.icon2, this.icon3,
|
||||||
|
{Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
final String value1;
|
||||||
|
final String value2;
|
||||||
|
final String value3;
|
||||||
|
|
||||||
|
final String designation1;
|
||||||
|
final String designation2;
|
||||||
|
final String designation3;
|
||||||
|
|
||||||
|
final IconData icon1;
|
||||||
|
final IconData icon2;
|
||||||
|
final IconData icon3;
|
||||||
|
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Divider(height: 30),
|
||||||
|
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 30),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
'Statistiques',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w800,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 8),
|
||||||
|
Icon(
|
||||||
|
Icons.pie_chart_rounded,
|
||||||
|
size: 15,
|
||||||
|
color: TColor.secondaryColor1,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
SizedBox(height: 20),
|
||||||
|
SingleChildScrollView(
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
child:Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
ContainerStats(value1, designation1, icon1),
|
||||||
|
const SizedBox(width: 20),
|
||||||
|
ContainerStats(value2, designation2, icon2),
|
||||||
|
const SizedBox(width: 20),
|
||||||
|
ContainerStats(value3, designation3, icon3),
|
||||||
|
],)
|
||||||
|
),
|
||||||
|
Divider(height: 30),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,64 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/stats.dart';
|
||||||
|
|
||||||
|
class WebContainerStats extends StatelessWidget {
|
||||||
|
const WebContainerStats(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 Container(
|
||||||
|
height: 70,
|
||||||
|
width: 70,
|
||||||
|
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: Stack(
|
||||||
|
children: [
|
||||||
|
StatIcon(
|
||||||
|
icon: icon,
|
||||||
|
iconColor: TColor.white,
|
||||||
|
iconBackground: TColor.secondaryColor1,
|
||||||
|
),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.bottomLeft,
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
designation,
|
||||||
|
style: const TextStyle(fontSize: 8),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
value,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.w800,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -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/container/container_stats.dart';
|
||||||
|
|
||||||
|
class WebLigneContainerStats extends StatelessWidget {
|
||||||
|
const WebLigneContainerStats(this.value1, this.value2, this.value3,
|
||||||
|
this.designation1, this.designation2, this.designation3,
|
||||||
|
this.icon1, this.icon2, this.icon3,
|
||||||
|
{Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
final String value1;
|
||||||
|
final String value2;
|
||||||
|
final String value3;
|
||||||
|
|
||||||
|
final String designation1;
|
||||||
|
final String designation2;
|
||||||
|
final String designation3;
|
||||||
|
|
||||||
|
final IconData icon1;
|
||||||
|
final IconData icon2;
|
||||||
|
final IconData icon3;
|
||||||
|
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 5),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
'Statistiques',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w800,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 8),
|
||||||
|
Icon(
|
||||||
|
Icons.pie_chart_rounded,
|
||||||
|
size: 15,
|
||||||
|
color: TColor.secondaryColor1,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
SizedBox(height: 20),
|
||||||
|
SingleChildScrollView(
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
child:Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
ContainerStats(value1, designation1, icon1),
|
||||||
|
const SizedBox(width: 20),
|
||||||
|
ContainerStats(value2, designation2, icon2),
|
||||||
|
const SizedBox(width: 20),
|
||||||
|
ContainerStats(value3, designation3, icon3),
|
||||||
|
],)
|
||||||
|
),
|
||||||
|
Divider(height: 30),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,213 +1,26 @@
|
|||||||
import 'package:fl_chart/fl_chart.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
import 'package:responsive_builder/responsive_builder.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/graph/mobile/mobile_bpm_by_time.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/graph/web/web_bpm_by_time.dart';
|
||||||
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
||||||
|
|
||||||
class GraphBpmByTime extends StatefulWidget {
|
class BpmByTime extends StatefulWidget {
|
||||||
final Size media;
|
final Size media;
|
||||||
final DataHomeView data;
|
final DataHomeView data;
|
||||||
|
|
||||||
const GraphBpmByTime(this.media, this.data, {Key? key}) : super(key: key);
|
const BpmByTime(this.media, this.data, {Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<GraphBpmByTime> createState() => _GraphBpmByTime();
|
State<BpmByTime> createState() => _BpmByTime();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _GraphBpmByTime extends State<GraphBpmByTime> {
|
class _BpmByTime extends State<BpmByTime> {
|
||||||
TextEditingController bpmController = TextEditingController();
|
|
||||||
|
|
||||||
// Il faut chercher à le suprimer
|
|
||||||
List<int> showingTooltipOnSpots = [0];
|
|
||||||
|
|
||||||
List<LineChartBarData> get lineBarsData1 => [
|
|
||||||
lineChartBarData1_1,
|
|
||||||
lineChartBarData1_2,
|
|
||||||
];
|
|
||||||
|
|
||||||
LineChartBarData get lineChartBarData1_1 => LineChartBarData(
|
|
||||||
isCurved: true,
|
|
||||||
gradient: LinearGradient(colors: [
|
|
||||||
TColor.primaryColor2.withOpacity(0.5),
|
|
||||||
TColor.primaryColor1.withOpacity(0.5),
|
|
||||||
]),
|
|
||||||
barWidth: 4,
|
|
||||||
isStrokeCapRound: true,
|
|
||||||
dotData: const FlDotData(show: false),
|
|
||||||
belowBarData: BarAreaData(show: false),
|
|
||||||
spots: widget.data.vitesseSecondes,
|
|
||||||
);
|
|
||||||
|
|
||||||
LineChartBarData get lineChartBarData1_2 => LineChartBarData(
|
|
||||||
isCurved: true,
|
|
||||||
gradient: LinearGradient(colors: [
|
|
||||||
TColor.secondaryColor2.withOpacity(0.5),
|
|
||||||
TColor.secondaryColor1.withOpacity(0.5),
|
|
||||||
]),
|
|
||||||
barWidth: 2,
|
|
||||||
isStrokeCapRound: true,
|
|
||||||
dotData: const FlDotData(show: false),
|
|
||||||
belowBarData: BarAreaData(
|
|
||||||
show: false,
|
|
||||||
),
|
|
||||||
spots: widget.data.bpmSecondes2,
|
|
||||||
);
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
Size media = MediaQuery.of(context).size;
|
return ScreenTypeLayout.builder(
|
||||||
|
mobile: (_) => MobileBpmByTime(widget.media, widget.data),
|
||||||
final lineBarsData = [
|
desktop: (_) => WebBpmByTime(widget.media, widget.data),
|
||||||
LineChartBarData(
|
|
||||||
spots: widget.data.bpmSecondes,
|
|
||||||
isCurved: false,
|
|
||||||
barWidth: 2,
|
|
||||||
belowBarData: BarAreaData(
|
|
||||||
show: true,
|
|
||||||
gradient: LinearGradient(colors: [
|
|
||||||
TColor.secondaryColor1.withOpacity(0.4),
|
|
||||||
TColor.secondaryColor2.withOpacity(0.1),
|
|
||||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
|
||||||
),
|
|
||||||
dotData: const FlDotData(show: false),
|
|
||||||
gradient: LinearGradient(
|
|
||||||
colors: TColor.secondaryG,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
];
|
|
||||||
|
|
||||||
final tooltipsOnBar = lineBarsData[0];
|
|
||||||
|
|
||||||
return ClipRRect(
|
|
||||||
borderRadius: BorderRadius.circular(25),
|
|
||||||
child: Container(
|
|
||||||
height: media.height * 0.3,
|
|
||||||
width: double.maxFinite,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: TColor.primaryColor2.withOpacity(0.3),
|
|
||||||
borderRadius: BorderRadius.circular(25),
|
|
||||||
),
|
|
||||||
child: Stack(
|
|
||||||
alignment: Alignment.topLeft,
|
|
||||||
children: [
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
|
|
||||||
child: Column(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.start,
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
"Rythme cardiaque",
|
|
||||||
style: TextStyle(
|
|
||||||
color: TColor.black,
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: FontWeight.w700),
|
|
||||||
),
|
|
||||||
TextField(
|
|
||||||
controller: bpmController,
|
|
||||||
readOnly: true,
|
|
||||||
style: TextStyle(
|
|
||||||
color: TColor.primaryColor1.withOpacity(0.8),
|
|
||||||
fontWeight: FontWeight.w700,
|
|
||||||
fontSize: 18),
|
|
||||||
decoration: const InputDecoration(
|
|
||||||
border: InputBorder
|
|
||||||
.none, // Ajoutez cette ligne pour supprimer la bordure
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
LineChart(
|
|
||||||
LineChartData(
|
|
||||||
showingTooltipIndicators: showingTooltipOnSpots.map((index) {
|
|
||||||
return ShowingTooltipIndicators([
|
|
||||||
LineBarSpot(
|
|
||||||
tooltipsOnBar,
|
|
||||||
lineBarsData.indexOf(tooltipsOnBar),
|
|
||||||
tooltipsOnBar.spots[index],
|
|
||||||
),
|
|
||||||
]);
|
|
||||||
}).toList(),
|
|
||||||
lineTouchData: LineTouchData(
|
|
||||||
enabled: true,
|
|
||||||
handleBuiltInTouches: false,
|
|
||||||
touchCallback:
|
|
||||||
(FlTouchEvent event, LineTouchResponse? response) {
|
|
||||||
if (response == null || response.lineBarSpots == null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (event is FlTapUpEvent) {
|
|
||||||
final spotIndex = response.lineBarSpots!.first.spotIndex;
|
|
||||||
showingTooltipOnSpots.clear();
|
|
||||||
setState(() {
|
|
||||||
showingTooltipOnSpots.add(spotIndex);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mouseCursorResolver:
|
|
||||||
(FlTouchEvent event, LineTouchResponse? response) {
|
|
||||||
if (response == null || response.lineBarSpots == null) {
|
|
||||||
return SystemMouseCursors.basic;
|
|
||||||
}
|
|
||||||
return SystemMouseCursors.click;
|
|
||||||
},
|
|
||||||
getTouchedSpotIndicator:
|
|
||||||
(LineChartBarData barData, List<int> spotIndexes) {
|
|
||||||
return spotIndexes.map((index) {
|
|
||||||
return TouchedSpotIndicatorData(
|
|
||||||
FlLine(
|
|
||||||
color: TColor.secondaryColor1,
|
|
||||||
),
|
|
||||||
FlDotData(
|
|
||||||
show: true,
|
|
||||||
getDotPainter: (spot, percent, barData, index) =>
|
|
||||||
FlDotCirclePainter(
|
|
||||||
radius: 3,
|
|
||||||
color: Colors.white,
|
|
||||||
strokeWidth: 3,
|
|
||||||
strokeColor: TColor.secondaryColor1,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}).toList();
|
|
||||||
},
|
|
||||||
touchTooltipData: LineTouchTooltipData(
|
|
||||||
tooltipBgColor: TColor.secondaryColor1,
|
|
||||||
tooltipRoundedRadius: 20,
|
|
||||||
getTooltipItems: (List<LineBarSpot> lineBarsSpot) {
|
|
||||||
return lineBarsSpot.map((lineBarSpot) {
|
|
||||||
bpmController.text = "${lineBarSpot.y} BPM";
|
|
||||||
return LineTooltipItem(
|
|
||||||
"Seconde ${lineBarSpot.x.toInt() / 10}",
|
|
||||||
const TextStyle(
|
|
||||||
color: Colors.white,
|
|
||||||
fontSize: 10,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}).toList();
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
lineBarsData: lineBarsData,
|
|
||||||
minY: 50,
|
|
||||||
maxY: 250,
|
|
||||||
titlesData: const FlTitlesData(
|
|
||||||
show: false,
|
|
||||||
),
|
|
||||||
gridData: const FlGridData(show: false),
|
|
||||||
borderData: FlBorderData(
|
|
||||||
show: true,
|
|
||||||
border: Border.all(
|
|
||||||
color: Colors.transparent,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -0,0 +1,70 @@
|
|||||||
|
import 'package:fl_chart/fl_chart.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/user.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
||||||
|
|
||||||
|
class MobileGraphAltitudeByTime extends StatefulWidget {
|
||||||
|
final Size media;
|
||||||
|
final DataHomeView data;
|
||||||
|
|
||||||
|
const MobileGraphAltitudeByTime(this.media, this.data, {Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MobileGraphAltitudeByTime> createState() => _MobileGraphAltitudeByTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MobileGraphAltitudeByTime extends State<MobileGraphAltitudeByTime> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final double maxY =
|
||||||
|
context.watch<User>().listActivity[0].getMaxAltitude() + 2;
|
||||||
|
final double minY =
|
||||||
|
context.watch<User>().listActivity[0].getMinAltitude() - 2;
|
||||||
|
|
||||||
|
final lineBarsData = [
|
||||||
|
LineChartBarData(
|
||||||
|
spots: widget.data.altitudeSeconde,
|
||||||
|
isCurved: false,
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.primaryG,
|
||||||
|
),
|
||||||
|
dotData: const FlDotData(show: false))
|
||||||
|
];
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.only(left: 15),
|
||||||
|
height: widget.media.width * 0.3,
|
||||||
|
width: double.maxFinite,
|
||||||
|
child: LineChart(LineChartData(
|
||||||
|
lineBarsData: lineBarsData,
|
||||||
|
borderData: FlBorderData(show: false),
|
||||||
|
maxY: maxY,
|
||||||
|
minY: minY,
|
||||||
|
gridData: FlGridData(
|
||||||
|
drawVerticalLine: false,
|
||||||
|
drawHorizontalLine: true,
|
||||||
|
horizontalInterval: (maxY - minY) / 5,
|
||||||
|
getDrawingHorizontalLine: (value) {
|
||||||
|
return FlLine(
|
||||||
|
color: TColor.gray.withOpacity(0.15),
|
||||||
|
strokeWidth: 1,
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
titlesData: FlTitlesData(
|
||||||
|
leftTitles: const AxisTitles(),
|
||||||
|
topTitles: const AxisTitles(),
|
||||||
|
bottomTitles: const AxisTitles(),
|
||||||
|
rightTitles: AxisTitles(
|
||||||
|
sideTitles: SideTitles(
|
||||||
|
reservedSize: 60,
|
||||||
|
showTitles: true,
|
||||||
|
getTitlesWidget: (value, meta) {
|
||||||
|
return Text("${double.parse(value.toStringAsFixed(2))} m");
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
))));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
import 'package:fl_chart/fl_chart.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/user.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
||||||
|
|
||||||
|
class MobileBpmByTime extends StatefulWidget {
|
||||||
|
final Size media;
|
||||||
|
final DataHomeView data;
|
||||||
|
|
||||||
|
const MobileBpmByTime(this.media, this.data, {Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MobileBpmByTime> createState() => _MobileBpmByTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MobileBpmByTime extends State<MobileBpmByTime> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final double maxY =
|
||||||
|
context.watch<User>().listActivity[0].getMaxBpm() + 2;
|
||||||
|
final double minY =
|
||||||
|
context.watch<User>().listActivity[0].getMinBpm() - 2;
|
||||||
|
final double maxX =
|
||||||
|
widget.data.bpmSecondes[widget.data.bpmSecondes.length - 1].x;
|
||||||
|
final double minX =
|
||||||
|
0.0;
|
||||||
|
final lineBarsData = [
|
||||||
|
LineChartBarData(
|
||||||
|
spots: widget.data.bpmSecondes,
|
||||||
|
isCurved: true,
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.primaryG,
|
||||||
|
),
|
||||||
|
dotData: const FlDotData(show: false))
|
||||||
|
];
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.only(left: 15),
|
||||||
|
height: widget.media.width * 0.4,
|
||||||
|
width: double.maxFinite,
|
||||||
|
child: LineChart(LineChartData(
|
||||||
|
lineBarsData: lineBarsData,
|
||||||
|
borderData: FlBorderData(show: false),
|
||||||
|
maxY: maxY,
|
||||||
|
minY: minY,
|
||||||
|
maxX: maxX,
|
||||||
|
minX: minX,
|
||||||
|
gridData: FlGridData(
|
||||||
|
drawVerticalLine: true,
|
||||||
|
drawHorizontalLine: true,
|
||||||
|
horizontalInterval: (maxY - minY) / 5,
|
||||||
|
verticalInterval: (maxX - minX) / 4,
|
||||||
|
getDrawingHorizontalLine: (value) {
|
||||||
|
return FlLine(
|
||||||
|
color: TColor.gray.withOpacity(0.15),
|
||||||
|
strokeWidth: 1,
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
titlesData: FlTitlesData(
|
||||||
|
leftTitles: const AxisTitles(),
|
||||||
|
topTitles: const AxisTitles(),
|
||||||
|
bottomTitles: AxisTitles(
|
||||||
|
sideTitles: SideTitles(
|
||||||
|
reservedSize: 20,
|
||||||
|
showTitles: true,
|
||||||
|
getTitlesWidget: (value, meta) {
|
||||||
|
return Text("${double.parse(value.toStringAsFixed(2))}s");
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
rightTitles: AxisTitles(
|
||||||
|
sideTitles: SideTitles(
|
||||||
|
reservedSize: 70,
|
||||||
|
showTitles: true,
|
||||||
|
getTitlesWidget: (value, meta) {
|
||||||
|
return Text("${double.parse(value.toStringAsFixed(2))} BPM");
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
))));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,70 @@
|
|||||||
|
import 'package:fl_chart/fl_chart.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/user.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
||||||
|
|
||||||
|
class WebGraphAltitudeByTime extends StatefulWidget {
|
||||||
|
final Size media;
|
||||||
|
final DataHomeView data;
|
||||||
|
|
||||||
|
const WebGraphAltitudeByTime(this.media, this.data, {Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<WebGraphAltitudeByTime> createState() => _WebGraphAltitudeByTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _WebGraphAltitudeByTime extends State<WebGraphAltitudeByTime> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final double maxY =
|
||||||
|
context.watch<User>().listActivity[0].getMaxAltitude() + 2;
|
||||||
|
final double minY =
|
||||||
|
context.watch<User>().listActivity[0].getMinAltitude() - 2;
|
||||||
|
|
||||||
|
final lineBarsData = [
|
||||||
|
LineChartBarData(
|
||||||
|
spots: widget.data.altitudeSeconde,
|
||||||
|
isCurved: false,
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.primaryG,
|
||||||
|
),
|
||||||
|
dotData: const FlDotData(show: false))
|
||||||
|
];
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.only(left: 15),
|
||||||
|
height: widget.media.width * 0.20,
|
||||||
|
width: widget.media.width * 0.35,
|
||||||
|
child: LineChart(LineChartData(
|
||||||
|
lineBarsData: lineBarsData,
|
||||||
|
borderData: FlBorderData(show: false),
|
||||||
|
maxY: maxY,
|
||||||
|
minY: minY,
|
||||||
|
gridData: FlGridData(
|
||||||
|
drawVerticalLine: false,
|
||||||
|
drawHorizontalLine: true,
|
||||||
|
horizontalInterval: (maxY - minY) / 5,
|
||||||
|
getDrawingHorizontalLine: (value) {
|
||||||
|
return FlLine(
|
||||||
|
color: TColor.gray.withOpacity(0.15),
|
||||||
|
strokeWidth: 1,
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
titlesData: FlTitlesData(
|
||||||
|
leftTitles: const AxisTitles(),
|
||||||
|
topTitles: const AxisTitles(),
|
||||||
|
bottomTitles: const AxisTitles(),
|
||||||
|
rightTitles: AxisTitles(
|
||||||
|
sideTitles: SideTitles(
|
||||||
|
reservedSize: 60,
|
||||||
|
showTitles: true,
|
||||||
|
getTitlesWidget: (value, meta) {
|
||||||
|
return Text("${double.parse(value.toStringAsFixed(2))} m");
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
))));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,225 @@
|
|||||||
|
import 'package:fl_chart/fl_chart.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
||||||
|
|
||||||
|
class WebGraphBpmAndSpeedByTime extends StatefulWidget {
|
||||||
|
final Size media;
|
||||||
|
final DataHomeView data;
|
||||||
|
|
||||||
|
const WebGraphBpmAndSpeedByTime(this.media, this.data, {Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<WebGraphBpmAndSpeedByTime> createState() => _WebGraphBpmAndSpeedByTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _WebGraphBpmAndSpeedByTime extends State<WebGraphBpmAndSpeedByTime> {
|
||||||
|
TextEditingController bpmController = TextEditingController();
|
||||||
|
|
||||||
|
List<int> showingTooltipOnSpots = [0];
|
||||||
|
|
||||||
|
SideTitles get rightTitles => SideTitles(
|
||||||
|
getTitlesWidget: rightTitleWidgets,
|
||||||
|
showTitles: true,
|
||||||
|
interval: 20,
|
||||||
|
reservedSize: 40,
|
||||||
|
);
|
||||||
|
|
||||||
|
Widget rightTitleWidgets(double value, TitleMeta meta) {
|
||||||
|
String text;
|
||||||
|
switch (value.toInt()) {
|
||||||
|
case 0:
|
||||||
|
text = '0%';
|
||||||
|
break;
|
||||||
|
case 20:
|
||||||
|
text = '20%';
|
||||||
|
break;
|
||||||
|
case 40:
|
||||||
|
text = '40%';
|
||||||
|
break;
|
||||||
|
case 60:
|
||||||
|
text = '60%';
|
||||||
|
break;
|
||||||
|
case 80:
|
||||||
|
text = '80%';
|
||||||
|
break;
|
||||||
|
case 100:
|
||||||
|
text = '100%';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return Container();
|
||||||
|
}
|
||||||
|
|
||||||
|
return Text(text,
|
||||||
|
style: TextStyle(
|
||||||
|
color: TColor.gray,
|
||||||
|
fontSize: 12,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.center);
|
||||||
|
}
|
||||||
|
|
||||||
|
List<LineChartBarData> get lineBarsData1 => [
|
||||||
|
lineChartBarData1_1,
|
||||||
|
lineChartBarData1_2,
|
||||||
|
];
|
||||||
|
|
||||||
|
LineChartBarData get lineChartBarData1_1 => LineChartBarData(
|
||||||
|
isCurved: true,
|
||||||
|
gradient: LinearGradient(colors: [
|
||||||
|
TColor.primaryColor2.withOpacity(0.5),
|
||||||
|
TColor.primaryColor1.withOpacity(0.5),
|
||||||
|
]),
|
||||||
|
barWidth: 4,
|
||||||
|
isStrokeCapRound: true,
|
||||||
|
dotData: const FlDotData(show: false),
|
||||||
|
belowBarData: BarAreaData(show: false),
|
||||||
|
spots: widget.data.vitesseSecondes,
|
||||||
|
);
|
||||||
|
|
||||||
|
LineChartBarData get lineChartBarData1_2 => LineChartBarData(
|
||||||
|
isCurved: true,
|
||||||
|
gradient: LinearGradient(colors: [
|
||||||
|
TColor.secondaryColor2.withOpacity(0.5),
|
||||||
|
TColor.secondaryColor1.withOpacity(0.5),
|
||||||
|
]),
|
||||||
|
barWidth: 2,
|
||||||
|
isStrokeCapRound: true,
|
||||||
|
dotData: const FlDotData(show: false),
|
||||||
|
belowBarData: BarAreaData(
|
||||||
|
show: false,
|
||||||
|
),
|
||||||
|
spots: widget.data.bpmSecondes2,
|
||||||
|
);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final lineBarsData = [
|
||||||
|
LineChartBarData(
|
||||||
|
spots: widget.data.bpmSecondes,
|
||||||
|
isCurved: false,
|
||||||
|
barWidth: 2,
|
||||||
|
belowBarData: BarAreaData(
|
||||||
|
show: true,
|
||||||
|
gradient: LinearGradient(colors: [
|
||||||
|
TColor.secondaryColor1.withOpacity(0.4),
|
||||||
|
TColor.secondaryColor2.withOpacity(0.1),
|
||||||
|
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||||
|
),
|
||||||
|
dotData: const FlDotData(show: false),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.secondaryG,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
];
|
||||||
|
final tooltipsOnBar = lineBarsData[0];
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.only(left: 15),
|
||||||
|
height: widget.media.width * 0.20,
|
||||||
|
width: widget.media.width * 0.35,
|
||||||
|
child: LineChart(
|
||||||
|
LineChartData(
|
||||||
|
showingTooltipIndicators: showingTooltipOnSpots.map((index) {
|
||||||
|
return ShowingTooltipIndicators([
|
||||||
|
LineBarSpot(
|
||||||
|
tooltipsOnBar,
|
||||||
|
lineBarsData.indexOf(tooltipsOnBar),
|
||||||
|
tooltipsOnBar.spots[index],
|
||||||
|
),
|
||||||
|
]);
|
||||||
|
}).toList(),
|
||||||
|
lineTouchData: LineTouchData(
|
||||||
|
enabled: true,
|
||||||
|
handleBuiltInTouches: false,
|
||||||
|
touchCallback: (FlTouchEvent event, LineTouchResponse? response) {
|
||||||
|
if (response == null || response.lineBarSpots == null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (event is FlTapUpEvent) {
|
||||||
|
final spotIndex = response.lineBarSpots!.first.spotIndex;
|
||||||
|
showingTooltipOnSpots.clear();
|
||||||
|
setState(() {
|
||||||
|
showingTooltipOnSpots.add(spotIndex);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mouseCursorResolver:
|
||||||
|
(FlTouchEvent event, LineTouchResponse? response) {
|
||||||
|
if (response == null || response.lineBarSpots == null) {
|
||||||
|
return SystemMouseCursors.basic;
|
||||||
|
}
|
||||||
|
return SystemMouseCursors.click;
|
||||||
|
},
|
||||||
|
getTouchedSpotIndicator:
|
||||||
|
(LineChartBarData barData, List<int> spotIndexes) {
|
||||||
|
return spotIndexes.map((index) {
|
||||||
|
return TouchedSpotIndicatorData(
|
||||||
|
const FlLine(
|
||||||
|
color: Colors.transparent,
|
||||||
|
),
|
||||||
|
FlDotData(
|
||||||
|
show: true,
|
||||||
|
getDotPainter: (spot, percent, barData, index) =>
|
||||||
|
FlDotCirclePainter(
|
||||||
|
radius: 3,
|
||||||
|
color: Colors.white,
|
||||||
|
strokeWidth: 3,
|
||||||
|
strokeColor: TColor.secondaryColor1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList();
|
||||||
|
},
|
||||||
|
touchTooltipData: LineTouchTooltipData(
|
||||||
|
tooltipBgColor: TColor.secondaryColor1,
|
||||||
|
tooltipRoundedRadius: 20,
|
||||||
|
getTooltipItems: (List<LineBarSpot> lineBarsSpot) {
|
||||||
|
return lineBarsSpot.map((lineBarSpot) {
|
||||||
|
return LineTooltipItem(
|
||||||
|
"Seconde ${lineBarSpot.x.toInt() / 10} ",
|
||||||
|
const TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontSize: 10,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
lineBarsData: lineBarsData1,
|
||||||
|
minY: 0,
|
||||||
|
maxY: 110,
|
||||||
|
titlesData: FlTitlesData(
|
||||||
|
show: true,
|
||||||
|
leftTitles: AxisTitles(
|
||||||
|
sideTitles: rightTitles,
|
||||||
|
),
|
||||||
|
topTitles: const AxisTitles(),
|
||||||
|
bottomTitles: const AxisTitles(),
|
||||||
|
rightTitles: AxisTitles(
|
||||||
|
sideTitles: rightTitles,
|
||||||
|
)),
|
||||||
|
gridData: FlGridData(
|
||||||
|
show: true,
|
||||||
|
drawHorizontalLine: true,
|
||||||
|
horizontalInterval: 25,
|
||||||
|
drawVerticalLine: false,
|
||||||
|
getDrawingHorizontalLine: (value) {
|
||||||
|
return FlLine(
|
||||||
|
color: TColor.gray.withOpacity(0.15),
|
||||||
|
strokeWidth: 2,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
borderData: FlBorderData(
|
||||||
|
show: true,
|
||||||
|
border: Border.all(
|
||||||
|
color: Colors.transparent,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
import 'package:fl_chart/fl_chart.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/user.dart';
|
||||||
|
import 'package:smartfit_app_mobile/modele/utile/home_view/data_home_view.dart';
|
||||||
|
|
||||||
|
class WebBpmByTime extends StatefulWidget {
|
||||||
|
final Size media;
|
||||||
|
final DataHomeView data;
|
||||||
|
|
||||||
|
const WebBpmByTime(this.media, this.data, {Key? key})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<WebBpmByTime> createState() => _WebBpmByTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _WebBpmByTime extends State<WebBpmByTime> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final double maxY =
|
||||||
|
context.watch<User>().listActivity[0].getMaxBpm() + 2;
|
||||||
|
final double minY =
|
||||||
|
context.watch<User>().listActivity[0].getMinBpm() - 2;
|
||||||
|
final double maxX =
|
||||||
|
widget.data.bpmSecondes[widget.data.bpmSecondes.length - 1].x;
|
||||||
|
final double minX =
|
||||||
|
0.0;
|
||||||
|
final lineBarsData = [
|
||||||
|
LineChartBarData(
|
||||||
|
spots: widget.data.bpmSecondes,
|
||||||
|
isCurved: true,
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.primaryG,
|
||||||
|
),
|
||||||
|
dotData: const FlDotData(show: false))
|
||||||
|
];
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.only(left: 15),
|
||||||
|
height: widget.media.width * 0.20,
|
||||||
|
width: widget.media.width * 0.35,
|
||||||
|
child: LineChart(LineChartData(
|
||||||
|
lineBarsData: lineBarsData,
|
||||||
|
borderData: FlBorderData(show: false),
|
||||||
|
maxY: maxY,
|
||||||
|
minY: minY,
|
||||||
|
maxX: maxX,
|
||||||
|
minX: minX,
|
||||||
|
gridData: FlGridData(
|
||||||
|
drawVerticalLine: true,
|
||||||
|
drawHorizontalLine: true,
|
||||||
|
horizontalInterval: (maxY - minY) / 5,
|
||||||
|
verticalInterval: (maxX - minX) / 4,
|
||||||
|
getDrawingHorizontalLine: (value) {
|
||||||
|
return FlLine(
|
||||||
|
color: TColor.gray.withOpacity(0.15),
|
||||||
|
strokeWidth: 1,
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
titlesData: FlTitlesData(
|
||||||
|
leftTitles: const AxisTitles(),
|
||||||
|
topTitles: const AxisTitles(),
|
||||||
|
bottomTitles: AxisTitles(
|
||||||
|
sideTitles: SideTitles(
|
||||||
|
reservedSize: 20,
|
||||||
|
showTitles: true,
|
||||||
|
getTitlesWidget: (value, meta) {
|
||||||
|
return Text("${double.parse(value.toStringAsFixed(2))}s");
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
rightTitles: AxisTitles(
|
||||||
|
sideTitles: SideTitles(
|
||||||
|
reservedSize: 70,
|
||||||
|
showTitles: true,
|
||||||
|
getTitlesWidget: (value, meta) {
|
||||||
|
return Text("${double.parse(value.toStringAsFixed(2))} BPM");
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
))));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,121 @@
|
|||||||
|
import 'package:smartfit_app_mobile/view/activity/list_activity.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/button/tab_button.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/activity/activity.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/home/home_view.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/map/my_map.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/profile/profile_view.dart';
|
||||||
|
|
||||||
|
class MobileMainTabView extends StatefulWidget {
|
||||||
|
const MobileMainTabView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MobileMainTabView> createState() => _MobileMainTabViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MobileMainTabViewState extends State<MobileMainTabView> {
|
||||||
|
int selectTab = -1;
|
||||||
|
final PageStorageBucket pageBucket = PageStorageBucket();
|
||||||
|
Widget currentTab = const ListActivity();
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: TColor.white,
|
||||||
|
body: PageStorage(bucket: pageBucket, child: currentTab),
|
||||||
|
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
|
||||||
|
floatingActionButton: SizedBox(
|
||||||
|
width: 70,
|
||||||
|
height: 70,
|
||||||
|
child: InkWell(
|
||||||
|
onTap: () {
|
||||||
|
selectTab = 4;
|
||||||
|
currentTab = const ListActivity();
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 65,
|
||||||
|
height: 65,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.primaryG,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(35),
|
||||||
|
boxShadow: const [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black12,
|
||||||
|
blurRadius: 2,
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
child: Icon(
|
||||||
|
Icons.search,
|
||||||
|
color: TColor.white,
|
||||||
|
size: 35,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
bottomNavigationBar: BottomAppBar(
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(color: TColor.white, boxShadow: const [
|
||||||
|
BoxShadow(color: Colors.black12, blurRadius: 2, offset: Offset(0, -2))
|
||||||
|
]),
|
||||||
|
height: kToolbarHeight,
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||||
|
children: [
|
||||||
|
TabButton(
|
||||||
|
icon: "assets/img/Home_tab.svg",
|
||||||
|
selectIcon: "assets/img/Home_tab_select.svg",
|
||||||
|
isActive: selectTab == 0,
|
||||||
|
onTap: () {
|
||||||
|
selectTab = 0;
|
||||||
|
currentTab = const HomeView();
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
TabButton(
|
||||||
|
icon: "assets/img/Activity_tab.svg",
|
||||||
|
selectIcon: "assets/img/Activity_tab_select.svg",
|
||||||
|
isActive: selectTab == 1,
|
||||||
|
onTap: () {
|
||||||
|
selectTab = 1;
|
||||||
|
currentTab = const Activity();
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
const SizedBox(
|
||||||
|
width: 40,
|
||||||
|
),
|
||||||
|
TabButton(
|
||||||
|
icon: "assets/img/Camera_tab.svg",
|
||||||
|
selectIcon: "assets/img/Camera_tab_select.svg",
|
||||||
|
isActive: selectTab == 2,
|
||||||
|
onTap: () {
|
||||||
|
selectTab = 2;
|
||||||
|
currentTab = const MyMap();
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
TabButton(
|
||||||
|
icon: "assets/img/Profile_tab.svg",
|
||||||
|
selectIcon: "assets/img/Profile_tab_select.svg",
|
||||||
|
isActive: selectTab == 3,
|
||||||
|
onTap: () {
|
||||||
|
selectTab = 3;
|
||||||
|
currentTab = const ProfileView();
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,141 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common/colo_extension.dart';
|
||||||
|
import 'package:smartfit_app_mobile/common_widget/button/tab_button.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/activity/list_activity.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/activity/activity.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/home/home_view.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/map/my_map.dart';
|
||||||
|
import 'package:smartfit_app_mobile/view/profile/profile_view.dart';
|
||||||
|
|
||||||
|
class WebMainTabView extends StatefulWidget {
|
||||||
|
const WebMainTabView({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<WebMainTabView> createState() => _WebMainTabViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _WebMainTabViewState extends State<WebMainTabView> {
|
||||||
|
int selectTab = 4; // Définissez l'onglet initial ici
|
||||||
|
late Widget currentTab;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
currentTab = const HomeView(); // Onglet initial - HomeView
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: TColor.white,
|
||||||
|
body: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
// La barre latérale verticale
|
||||||
|
Container(
|
||||||
|
width: 70, // Largeur de la barre latérale
|
||||||
|
color: TColor.white, // Couleur de la barre latérale
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
sideBarButton(
|
||||||
|
icon: "assets/img/Home_tab.svg",
|
||||||
|
selectIcon: "assets/img/Home_tab_select.svg",
|
||||||
|
index: 0,
|
||||||
|
onTap: () => updateTab(0, const HomeView()),
|
||||||
|
),
|
||||||
|
sideBarButton(
|
||||||
|
icon: "assets/img/Activity_tab.svg",
|
||||||
|
selectIcon: "assets/img/Activity_tab_select.svg",
|
||||||
|
index: 1,
|
||||||
|
onTap: () => updateTab(1, const Activity()),
|
||||||
|
),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
updateTab(4, const ListActivity());
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 65,
|
||||||
|
height: 65,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: TColor.primaryG,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(35),
|
||||||
|
boxShadow: const [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black12,
|
||||||
|
blurRadius: 2,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Icon(
|
||||||
|
Icons.search,
|
||||||
|
color: TColor.white,
|
||||||
|
size: 35,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
sideBarButton(
|
||||||
|
icon: "assets/img/Camera_tab.svg",
|
||||||
|
selectIcon: "assets/img/Camera_tab_select.svg",
|
||||||
|
index: 2,
|
||||||
|
onTap: () => updateTab(2, const MyMap()),
|
||||||
|
),
|
||||||
|
sideBarButton(
|
||||||
|
icon: "assets/img/Profile_tab.svg",
|
||||||
|
selectIcon: "assets/img/Profile_tab_select.svg",
|
||||||
|
index: 3,
|
||||||
|
onTap: () => updateTab(3, const ProfileView()),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: TColor.white,
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black12,
|
||||||
|
blurRadius: 2,
|
||||||
|
offset: const Offset(-2, 0), // Ajout d'une ombre sur le côté
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Scaffold(
|
||||||
|
backgroundColor: TColor.white,
|
||||||
|
body: currentTab,
|
||||||
|
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
|
||||||
|
floatingActionButton: SizedBox(
|
||||||
|
width: 70,
|
||||||
|
height: 70,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget sideBarButton({
|
||||||
|
required String icon,
|
||||||
|
required String selectIcon,
|
||||||
|
required int index,
|
||||||
|
required VoidCallback onTap,
|
||||||
|
}) {
|
||||||
|
return TabButton(
|
||||||
|
icon: icon,
|
||||||
|
selectIcon: selectIcon,
|
||||||
|
isActive: selectTab == index,
|
||||||
|
onTap: onTap,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void updateTab(int index, Widget tabWidget) {
|
||||||
|
setState(() {
|
||||||
|
selectTab = index;
|
||||||
|
currentTab = tabWidget;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue