784 lines
38 KiB
Dart
784 lines
38 KiB
Dart
import 'dart:convert';
|
|
import 'dart:developer';
|
|
import 'dart:typed_data';
|
|
|
|
import 'package:carousel_slider/carousel_slider.dart';
|
|
import 'package:confetti/confetti.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:manager_api/api.dart';
|
|
import 'package:mymuseum_visitapp/Components/CustomAppBar.dart';
|
|
import 'package:mymuseum_visitapp/Components/Loading.dart';
|
|
import 'package:mymuseum_visitapp/Components/rounded_button.dart';
|
|
import 'package:mymuseum_visitapp/Helpers/DatabaseHelper.dart';
|
|
import 'package:mymuseum_visitapp/Helpers/translationHelper.dart';
|
|
import 'package:mymuseum_visitapp/Models/ResponseSubDTO.dart';
|
|
import 'package:mymuseum_visitapp/Models/articleRead.dart';
|
|
import 'package:mymuseum_visitapp/Models/resourceModel.dart';
|
|
import 'package:mymuseum_visitapp/Models/visitContext.dart';
|
|
import 'package:mymuseum_visitapp/Screens/Quizz/drawPath.dart';
|
|
import 'package:mymuseum_visitapp/Screens/Quizz/questions_list.dart';
|
|
import 'package:mymuseum_visitapp/Screens/Quizz/showResponses.dart';
|
|
import 'package:mymuseum_visitapp/app_context.dart';
|
|
import 'package:mymuseum_visitapp/client.dart';
|
|
import 'package:mymuseum_visitapp/constants.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class QuizzPage extends StatefulWidget {
|
|
const QuizzPage({Key? key, required this.visitAppContextIn, required this.sectionId}) : super(key: key);
|
|
|
|
final String sectionId;
|
|
final VisitAppContext visitAppContextIn;
|
|
|
|
@override
|
|
State<QuizzPage> createState() => _QuizzPageState();
|
|
}
|
|
|
|
class _QuizzPageState extends State<QuizzPage> {
|
|
SectionDTO? sectionDTO;
|
|
List<ResourceModel?> resourcesModel = <ResourceModel?>[];
|
|
ResourceModel? audioResourceModel;
|
|
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
|
late Uint8List audiobytes;
|
|
VisitAppContext? visitAppContext;
|
|
|
|
QuizzDTO? quizzDTO;
|
|
List<QuestionSubDTO> _questionsSubDTO = <QuestionSubDTO>[];
|
|
//ConfettiController? _controllerCenter;
|
|
CarouselController? sliderController;
|
|
int currentIndex = 1;
|
|
bool showResult = false;
|
|
bool showResponses = false;
|
|
|
|
bool kIsWeb = false;
|
|
|
|
@override
|
|
void initState() {
|
|
widget.visitAppContextIn.isContentCurrentlyShown = true;
|
|
|
|
//_controllerCenter = ConfettiController(duration: const Duration(seconds: 10));
|
|
//_controllerCenter!.play();
|
|
|
|
sliderController = CarouselController();
|
|
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
visitAppContext!.isContentCurrentlyShown = false;
|
|
currentIndex = 1;
|
|
//_controllerCenter!.dispose();
|
|
if(quizzDTO != null) {
|
|
if(quizzDTO!.questions != null) {
|
|
_questionsSubDTO = QuestionSubDTO().fromJSON(quizzDTO!.questions!);
|
|
}
|
|
}
|
|
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final appContext = Provider.of<AppContext>(context);
|
|
Size size = MediaQuery.of(context).size;
|
|
visitAppContext = appContext.getContext();
|
|
|
|
return Scaffold(
|
|
key: _scaffoldKey,
|
|
appBar: CustomAppBar(
|
|
title: sectionDTO != null ? TranslationHelper.get(sectionDTO!.title, visitAppContext!) : "",
|
|
isHomeButton: false,
|
|
),
|
|
body: FutureBuilder(
|
|
future: getQuizz(appContext, appContext.clientAPI, widget.sectionId), // MAYBE MOVE THAT TO PARENT ..
|
|
builder: (context, AsyncSnapshot<dynamic> snapshot) {
|
|
if(quizzDTO != null && sectionDTO != null) {
|
|
|
|
if(showResult) {
|
|
var goodResponses = 0;
|
|
for (var question in _questionsSubDTO) {
|
|
if(question.chosen == question.responsesSubDTO!.indexWhere((response) => response.isGood!)) {
|
|
goodResponses +=1;
|
|
}
|
|
}
|
|
log("goodResponses =" + goodResponses.toString());
|
|
QuizzDTOBadLevel levelToShow = QuizzDTOBadLevel();
|
|
var test = goodResponses/quizzDTO!.questions!.length;
|
|
|
|
if((0 == test || test < 0.25) && quizzDTO!.badLevel != null) {
|
|
levelToShow = quizzDTO!.badLevel!;
|
|
}
|
|
if((test>=0.25 && test < 0.5) && quizzDTO!.mediumLevel != null) {
|
|
levelToShow = quizzDTO!.mediumLevel!;
|
|
}
|
|
if((test>=0.5 && test < 0.75) && quizzDTO!.goodLevel != null) {
|
|
levelToShow = quizzDTO!.goodLevel!;
|
|
}
|
|
if((test>=0.75 && test <= 1) && quizzDTO!.greatLevel != null) {
|
|
levelToShow = quizzDTO!.greatLevel!;
|
|
}
|
|
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
/*Center(
|
|
child: SizedBox(
|
|
width: 5,
|
|
height: 5,
|
|
child: ConfettiWidget(
|
|
confettiController: _controllerCenter!,
|
|
blastDirectionality: BlastDirectionality.explosive,
|
|
shouldLoop: false, // start again as soon as the animation is finished
|
|
colors: const [
|
|
kMainColor,
|
|
kSecondColor,
|
|
kConfigurationColor,
|
|
kTestSecondColor
|
|
//Colors.pink,
|
|
//Colors.orange,
|
|
//Colors.purple
|
|
], // manually specify the colors to be used
|
|
createParticlePath: drawPath, // define a custom shape/path.
|
|
),
|
|
),
|
|
),*/
|
|
if (!showResponses && levelToShow.source_ != null)
|
|
Container(
|
|
//height: size.height * 0.2,
|
|
//width: size.width * 0.25,
|
|
constraints: BoxConstraints(
|
|
maxHeight: size.height * 0.25,
|
|
maxWidth: kIsWeb ? size.width * 0.20 : size.width * 0.85,
|
|
),
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
image: levelToShow.source_ != null ? DecorationImage(
|
|
fit: BoxFit.contain,
|
|
opacity: 0.85,
|
|
image: NetworkImage(
|
|
levelToShow.source_!,
|
|
),
|
|
): null,
|
|
borderRadius: const BorderRadius.all( Radius.circular(50.0)),
|
|
border: Border.all(
|
|
color: kBackgroundGrey,
|
|
width: 1.0,
|
|
),
|
|
),
|
|
child: Container(
|
|
//borderRadius: BorderRadius.all(Radius.circular(25.0)),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xff7c94b6),
|
|
image: DecorationImage(
|
|
image: NetworkImage(
|
|
levelToShow.source_!,
|
|
),
|
|
fit: BoxFit.cover,
|
|
),
|
|
borderRadius: const BorderRadius.all( Radius.circular(50.0)),
|
|
border: Border.all(
|
|
color: kBackgroundGrey,
|
|
width: 1.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if(!showResponses)
|
|
// TEXT BOX WITH MAIN SCORE
|
|
Text('$goodResponses/${quizzDTO!.questions!.length}', textAlign: TextAlign.center, style: TextStyle(fontSize: kIsWeb ? (showResponses ? 60 : 100) : 75, color: kBackgroundSecondGrey)),
|
|
if(!showResponses)
|
|
// TEXT BOX WITH LEVEL TEXT RESULT
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 10),
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width *0.75,
|
|
height: kIsWeb ? (showResponses ? MediaQuery.of(context).size.height *0.10 : MediaQuery.of(context).size.height *0.20) : MediaQuery.of(context).size.height *0.25,
|
|
decoration: BoxDecoration(
|
|
color: kBackgroundLight, //kBackgroundLight
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: kBackgroundSecondGrey,
|
|
spreadRadius: 0.3,
|
|
blurRadius: 4,
|
|
offset: Offset(0, 2), // changes position of shadow
|
|
),
|
|
],
|
|
),
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: double.infinity,
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(15.0),
|
|
child: Text(TranslationHelper.get(levelToShow.label, appContext.getContext() as VisitAppContext), textAlign: TextAlign.center, style: TextStyle(fontSize: kIsWeb ? kDescriptionSize : kDescriptionSize)),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if(showResponses)
|
|
QuestionsListWidget(
|
|
questionsSubDTO: _questionsSubDTO,
|
|
isShowResponse: true,
|
|
onShowResponse: () {}
|
|
),
|
|
// RESPONSE BOX
|
|
//ShowReponsesWidget(questionsSubDTO: _questionsSubDTO),
|
|
// Buttons
|
|
Column( // TABLET IS ROW
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(4),
|
|
child: SizedBox(
|
|
height: kIsWeb ? 50 : 50,
|
|
width: size.width * 0.6,
|
|
child: RoundedButton(
|
|
text: "Recommencer",
|
|
color: kBackgroundSecondGrey,
|
|
textColor: kBackgroundLight,
|
|
icon: Icons.undo,
|
|
press: () {
|
|
setState(() {
|
|
showResult = false;
|
|
showResponses = false;
|
|
currentIndex = 1;
|
|
_questionsSubDTO = QuestionSubDTO().fromJSON(quizzDTO!.questions!);
|
|
});
|
|
},
|
|
fontSize: 18,
|
|
horizontal: 20,
|
|
vertical: 5
|
|
),
|
|
),
|
|
),
|
|
if(!showResponses)
|
|
Padding(
|
|
padding: const EdgeInsets.all(4.0),
|
|
child: SizedBox(
|
|
height: kIsWeb ? 50 : 50,
|
|
width: size.width * 0.6,
|
|
child: RoundedButton(
|
|
text: "Voir les réponses",
|
|
color: kBackgroundSecondGrey,
|
|
textColor: kBackgroundLight,
|
|
icon: Icons.assignment_turned_in,
|
|
press: () {
|
|
setState(() {
|
|
showResponses = true;
|
|
});
|
|
},
|
|
fontSize: 18,
|
|
horizontal: 20,
|
|
vertical: 5
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
} else {
|
|
return QuestionsListWidget(
|
|
isShowResponse: false,
|
|
questionsSubDTO: _questionsSubDTO,
|
|
onShowResponse: () {
|
|
setState(() {
|
|
showResult = true;
|
|
});
|
|
}
|
|
);
|
|
/*return Stack(
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
if(_questionsSubDTO.isNotEmpty)
|
|
CarouselSlider(
|
|
carouselController: sliderController,
|
|
options: CarouselOptions(
|
|
onPageChanged: (int index, CarouselPageChangedReason reason) {
|
|
setState(() {
|
|
currentIndex = index + 1;
|
|
});
|
|
},
|
|
height: MediaQuery.of(context).size.height * 0.85,
|
|
enlargeCenterPage: true,
|
|
scrollPhysics: const NeverScrollableScrollPhysics(),
|
|
reverse: false,
|
|
),
|
|
items: _questionsSubDTO.map<Widget>((i) {
|
|
return Builder(
|
|
builder: (BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(left: 1.0, right: 1.0, bottom: 15.0),
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
height: MediaQuery.of(context).size.height,
|
|
margin: const EdgeInsets.symmetric(horizontal: 1.5),
|
|
decoration: BoxDecoration(
|
|
//color: Colors.orange, //kBackgroundLight
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(20.0),
|
|
image: i.source_ != null ? DecorationImage(
|
|
fit: BoxFit.cover,
|
|
opacity: 0.35,
|
|
image: NetworkImage(
|
|
i.source_!,
|
|
),
|
|
): null,
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: kBackgroundSecondGrey,
|
|
spreadRadius: 0.5,
|
|
blurRadius: 5,
|
|
offset: Offset(0, 1.5), // changes position of shadow
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
//crossAxisAlignment: CrossAxisAlignment.center,
|
|
//mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
SizedBox(
|
|
//color: Colors.red,
|
|
//width: MediaQuery.of(context).size.width *0.65,
|
|
height: MediaQuery.of(context).size.height *0.25,
|
|
child: Stack(
|
|
children: [
|
|
Center(
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: kBackgroundLight, //kBackgroundLight
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: kBackgroundSecondGrey,
|
|
spreadRadius: 0.3,
|
|
blurRadius: 4,
|
|
offset: Offset(0, 2), // changes position of shadow
|
|
),
|
|
],
|
|
),
|
|
width: MediaQuery.of(context).size.width *0.7,
|
|
height: MediaQuery.of(context).size.height *0.2,
|
|
child: Center(
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(2.5),
|
|
child: Text(TranslationHelper.get(i.label, appContext.getContext() as VisitAppContext), textAlign: TextAlign.center, style: const TextStyle(fontSize: kDescriptionSize)),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
),
|
|
]
|
|
),
|
|
),
|
|
/*SizedBox(
|
|
height: MediaQuery.of(context).size.height * 0.01,
|
|
),*/
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(5.0),
|
|
child: SizedBox(
|
|
//height: MediaQuery.of(context).size.height * 0.75,
|
|
width: MediaQuery.of(context).size.width * 0.72,
|
|
//color: Colors.green,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10.0),
|
|
child: GridView.builder(
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: 1, // TODO HERE IS TABLET
|
|
mainAxisExtent: kIsWeb ? 75 : 75, // TODO depends on percentage
|
|
mainAxisSpacing: kIsWeb ? 75 : 42.5, // TODO depends on percentage
|
|
crossAxisSpacing: kIsWeb ? 75 : 0, // TODO depends on percentage
|
|
),
|
|
itemCount: i.responsesSubDTO!.length,
|
|
itemBuilder: (BuildContext ctx, index) {
|
|
return InkWell(
|
|
onTap: () {
|
|
print("COUCOU");
|
|
setState(() {
|
|
i.chosen = index;
|
|
if(currentIndex == _questionsSubDTO.length && i.chosen == index)
|
|
{
|
|
showResult = true;
|
|
//_controllerCenter!.play(); // TODO Maybe show only confetti on super score ..
|
|
} else {
|
|
sliderController!.nextPage(duration: const Duration(milliseconds: 650), curve: Curves.fastOutSlowIn);
|
|
}
|
|
});
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(2.5),
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
child: Text(TranslationHelper.get(i.responsesSubDTO![index].label, appContext.getContext() as VisitAppContext), textAlign: TextAlign.center, style: TextStyle(fontSize: kDescriptionSize, color: i.chosen == index ? Colors.white : Colors.black)),
|
|
decoration: BoxDecoration(
|
|
color: i.chosen == index ? kTestSecondColor : kBackgroundLight,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: kBackgroundSecondGrey,
|
|
spreadRadius: 0.3,
|
|
blurRadius: 4,
|
|
offset: Offset(0, 2), // changes position of shadow
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}).toList(),
|
|
),
|
|
],
|
|
),
|
|
if(_questionsSubDTO.length > 1 && currentIndex != _questionsSubDTO.length && _questionsSubDTO[currentIndex-1].chosen != null && quizzDTO!.questions!.isNotEmpty)
|
|
Positioned(
|
|
top: MediaQuery.of(context).size.height * 0.35,
|
|
right: 60,
|
|
child: InkWell(
|
|
onTap: () {
|
|
if(_questionsSubDTO[currentIndex-1].chosen != null && quizzDTO!.questions!.isNotEmpty) {
|
|
sliderController!.nextPage(duration: Duration(milliseconds: 500), curve: Curves.fastOutSlowIn);
|
|
/*Fluttertoast.showToast(
|
|
msg: "Vous n'avez pas répondu à cette question",
|
|
toastLength: Toast.LENGTH_SHORT,
|
|
gravity: ToastGravity.BOTTOM,
|
|
timeInSecForIosWeb: 1,
|
|
backgroundColor: kMainRed,
|
|
textColor: Colors.white,
|
|
fontSize: 35.0
|
|
);*/
|
|
}
|
|
},
|
|
child: Icon(
|
|
Icons.chevron_right,
|
|
size: kIsWeb ? 100 : 150,
|
|
color: kMainColor,
|
|
),
|
|
)
|
|
),
|
|
if(_questionsSubDTO.length > 1 && currentIndex != 1)
|
|
Positioned(
|
|
top: MediaQuery.of(context).size.height * 0.35,
|
|
left: 60,
|
|
child: InkWell(
|
|
onTap: () {
|
|
if(currentIndex > 1) {
|
|
sliderController!.previousPage(duration: const Duration(milliseconds: 500), curve: Curves.fastOutSlowIn);
|
|
}
|
|
},
|
|
child: Icon(
|
|
Icons.chevron_left,
|
|
size: kIsWeb ? 100 : 150,
|
|
color: kMainColor,
|
|
),
|
|
)
|
|
),
|
|
if(_questionsSubDTO.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 0),
|
|
child: Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: InkWell(
|
|
child: Text(
|
|
currentIndex.toString()+'/'+quizzDTO!.questions!.length.toString(),
|
|
style: const TextStyle(fontSize: 30, fontWeight: FontWeight.w500),
|
|
),
|
|
)
|
|
),
|
|
),
|
|
if(_questionsSubDTO.isEmpty)
|
|
const Center(
|
|
child:
|
|
Text("Aucune question à afficher", style: TextStyle(fontSize: kNoneInfoOrIncorrect), textAlign: TextAlign.center),
|
|
)
|
|
]
|
|
);*/
|
|
}
|
|
|
|
/*if(size.height > size.width) {
|
|
return Column(
|
|
children: [
|
|
Text("TODO show QUESTION THEN COLUMN WITH ALL RESPONSE")
|
|
],
|
|
);
|
|
} else {
|
|
return Container(
|
|
height: size.height,
|
|
width: size.width,
|
|
child: Column(
|
|
children: [
|
|
Text("TODO show QUESTION THEN GRID LIKE IN TABLET")
|
|
],
|
|
),
|
|
);
|
|
}*/
|
|
} else {
|
|
return const Loading();
|
|
}
|
|
}
|
|
),
|
|
//floatingActionButton: const ScannerBouton(isReplacement: true),
|
|
);
|
|
}
|
|
|
|
/*Widget getImages(Size size, bool isContentTop) {
|
|
if(size.width > size.height) {
|
|
return SizedBox(
|
|
width: size.width *0.5,
|
|
height: size.height * 0.75,
|
|
child: Padding(
|
|
padding: isContentTop ? const EdgeInsets.only(left: 8.0, right: 8.0, bottom: 8.0): const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: kBlue2,
|
|
width: 0.5,
|
|
),
|
|
color: Colors.white,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(5.0),
|
|
boxShadow: const [kDefaultShadow],
|
|
),
|
|
child: SliderImagesWidget(
|
|
resources: resourcesModel,
|
|
height: size.height * 0.29,
|
|
imagesDTO: quizzDTO!.images!,
|
|
)
|
|
)
|
|
)
|
|
);
|
|
} else {
|
|
return SizedBox(
|
|
width: size.width,
|
|
height: size.height * 0.3,
|
|
child: Padding(
|
|
padding: isContentTop ? const EdgeInsets.only(left: 8.0, right: 8.0, bottom: 8.0): const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: kBlue2,
|
|
width: 0.5,
|
|
),
|
|
color: Colors.white,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(5.0),
|
|
boxShadow: const [kDefaultShadow],
|
|
),
|
|
child: SliderImagesWidget(
|
|
resources: resourcesModel,
|
|
height: size.height * 0.29,
|
|
imagesDTO: articleDTO!.images!,
|
|
)
|
|
)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
*/
|
|
|
|
/*Widget getContent(Size size, AppContext appContext) {
|
|
if(size.width > size.height) {
|
|
return SingleChildScrollView(
|
|
child: Container(
|
|
width: size.width *0.5,
|
|
height: size.height * 0.76,
|
|
//color: Colors.blueAccent,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0, bottom: 8.0),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: kBlue2,
|
|
width: 0.5,
|
|
),
|
|
color: Colors.white,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(5.0),
|
|
boxShadow: const [kDefaultShadow],
|
|
),
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(
|
|
TranslationHelper.get(articleDTO!.content, appContext.getContext()),
|
|
textAlign: TextAlign.left,
|
|
style: const TextStyle(fontSize: kArticleContentSize)
|
|
),
|
|
),
|
|
)
|
|
)
|
|
)
|
|
),
|
|
);
|
|
} else {
|
|
return Expanded(
|
|
child: Container(
|
|
width: size.width,
|
|
//height: size.height * 0.65,
|
|
//color: Colors.blueAccent,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0, bottom: 8.0),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: kBlue2,
|
|
width: 0.5,
|
|
),
|
|
color: Colors.white,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.circular(5.0),
|
|
boxShadow: const [kDefaultShadow],
|
|
),
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(
|
|
TranslationHelper.get(articleDTO!.content, appContext.getContext()),
|
|
textAlign: TextAlign.left,
|
|
style: const TextStyle(fontSize: kArticleContentSize)
|
|
),
|
|
),
|
|
)
|
|
)
|
|
)
|
|
),
|
|
);
|
|
}
|
|
}*/
|
|
|
|
Future<QuizzDTO?> getQuizz(AppContext appContext, Client client, String sectionId) async {
|
|
try {
|
|
if(sectionDTO == null || quizzDTO == null) {
|
|
bool isConfigOffline = (appContext.getContext() as VisitAppContext).configuration!.isOffline!;
|
|
if(isConfigOffline)
|
|
{
|
|
// OFFLINE
|
|
List<Map<String, dynamic>> sectionTest = await DatabaseHelper.instance.queryWithColumnId(DatabaseTableType.sections, sectionId);
|
|
if(sectionTest.isNotEmpty) {
|
|
sectionDTO = DatabaseHelper.instance.getSectionFromDB(sectionTest.first);
|
|
try {
|
|
SectionRead sectionRead = SectionRead(id: sectionDTO!.id!, readTime: DateTime.now().millisecondsSinceEpoch);
|
|
await DatabaseHelper.instance.insert(DatabaseTableType.articleRead, sectionRead.toMap());
|
|
visitAppContext!.readSections.add(sectionRead);
|
|
|
|
appContext.setContext(visitAppContext!);
|
|
} catch (e) {
|
|
print("DATABASE ERROR SECTIONREAD");
|
|
print(e);
|
|
}
|
|
} else {
|
|
print("EMPTY SECTION");
|
|
}
|
|
} else
|
|
{
|
|
// ONLINE
|
|
SectionDTO? sectionOnline = await client.sectionApi!.sectionGetDetail(sectionId);
|
|
if(sectionOnline != null) {
|
|
sectionDTO = sectionOnline;
|
|
} else {
|
|
print("EMPTY SECTION");
|
|
}
|
|
}
|
|
|
|
if(sectionDTO!.type == SectionType.Quizz) {
|
|
quizzDTO = QuizzDTO.fromJson(jsonDecode(sectionDTO!.data!));
|
|
}
|
|
if(quizzDTO != null) {
|
|
quizzDTO!.questions!.sort((a, b) => a.order!.compareTo(b.order!));
|
|
_questionsSubDTO = QuestionSubDTO().fromJSON(quizzDTO!.questions!);
|
|
if(quizzDTO!.questions != null && quizzDTO!.questions!.isNotEmpty) {
|
|
quizzDTO!.questions!.sort((a, b) => a.order!.compareTo(b.order!));
|
|
/*var audioIdArticle = articleDTO!.audioIds!.where((audioId) => audioId.language == (appContext.getContext() as VisitAppContext).language);
|
|
if(audioIdArticle.isNotEmpty && audioIdArticle.first.value != null) {
|
|
if(isConfigOffline)
|
|
{
|
|
// OFFLINE
|
|
List<Map<String, dynamic>> ressourceTest = await DatabaseHelper
|
|
.instance.queryWithColumnId(
|
|
DatabaseTableType.resources, audioIdArticle.first.value!);
|
|
if (ressourceTest.isNotEmpty) {
|
|
audioResourceModel = DatabaseHelper.instance.getResourceFromDB(ressourceTest.first);
|
|
Uint8List base64String = base64Decode(audioResourceModel!.data!);
|
|
audiobytes = base64String;
|
|
} else {
|
|
print("EMPTY resourcesModel - first");
|
|
}
|
|
}
|
|
else
|
|
{
|
|
// ONLINE
|
|
ResourceModel? resourceAudioOnline = await ApiService.downloadAudio(client, audioIdArticle.first.value!);
|
|
if(resourceAudioOnline != null) {
|
|
audioResourceModel = resourceAudioOnline;
|
|
Uint8List base64String = base64Decode(resourceAudioOnline.data!);
|
|
audiobytes = base64String;
|
|
} else {
|
|
print("EMPTY resourcesModel online - audio");
|
|
}
|
|
}
|
|
}*/
|
|
for (var question in quizzDTO!.questions!) {
|
|
if(isConfigOffline)
|
|
{
|
|
// OFFLINE
|
|
if(question.resourceId != null) {
|
|
List<Map<String, dynamic>> ressourceQuizz = await DatabaseHelper.instance.queryWithColumnId(DatabaseTableType.resources, question.resourceId!);
|
|
if(ressourceQuizz.isNotEmpty) {
|
|
resourcesModel.add(DatabaseHelper.instance.getResourceFromDB(ressourceQuizz.first));
|
|
} else {
|
|
print("EMPTY resourcesModel - second");
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
// ONLINE
|
|
if(question.resourceId != null) {
|
|
resourcesModel.add(ResourceModel(id: question.resourceId, source: question.source_, type: ResourceType.Image));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
setState(() {
|
|
//print(sectionDTO!.title);
|
|
});
|
|
} else {
|
|
return null; // TODO return local list..
|
|
}
|
|
} catch (e) {
|
|
print(e);
|
|
print("IN CATCH");
|
|
return null;
|
|
}
|
|
}
|
|
}
|