UNOV/manager-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Applications -> Mobile Done !

Browse Source
This commit is contained in:
Thomas Fransolet 2025-10-17 23:22:36 +02:00
parent 61b3289e35
commit 38c36adc8a
2 changed files with 354 additions and 350 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
lib/Components/single_choice_input_container.dart
View File

@ -11,6 +11,8 @@ class SingleChoiceInputContainer<T> extends StatefulWidget {
final double borderRadius; final double borderRadius;
final Color selectedColor; final Color selectedColor;
final Color textColor; final Color textColor;
final String Function(T) valueExtractor;
final String Function(T) labelExtractor;
const SingleChoiceInputContainer({ const SingleChoiceInputContainer({
Key? key, Key? key,
@ -19,6 +21,8 @@ class SingleChoiceInputContainer<T> extends StatefulWidget {
required this.selected, required this.selected,
required this.values, required this.values,
required this.onChanged, required this.onChanged,
required this.valueExtractor,
required this.labelExtractor,
this.borderRadius = 12, this.borderRadius = 12,
this.selectedColor = kPrimaryColor, this.selectedColor = kPrimaryColor,
this.textColor = kWhite, this.textColor = kWhite,
@ -41,6 +45,14 @@ class _SingleChoiceInputContainerState<T>
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
// Protection contre les valeurs non présentes dans la liste
String? selectedValue;
if (_selected != null) {
final exists = widget.values
.any((v) => widget.valueExtractor(v) == widget.valueExtractor(_selected!));
selectedValue = exists ? widget.valueExtractor(_selected!) : null;
}
return FormField<T?>( return FormField<T?>(
initialValue: _selected, initialValue: _selected,
builder: (state) { builder: (state) {
@ -60,42 +72,35 @@ class _SingleChoiceInputContainerState<T>
width: 225, width: 225,
height: 60, height: 60,
padding: const EdgeInsets.symmetric(horizontal: 16), padding: const EdgeInsets.symmetric(horizontal: 16),
/*decoration: BoxDecoration( child: DropdownButton<String>(
borderRadius: BorderRadius.circular(widget.borderRadius), value: selectedValue,
border: Border.all(color: Colors.grey.shade400, width: 1.2), hint: Text(widget.selectLabel,
color: Colors.white, style: TextStyle(color: Colors.grey.shade600)),
),*/
child: DropdownButton<T>(
underline: const SizedBox(
child: Divider(height: 0, thickness: 1.5, color: kPrimaryColor),
),
focusColor: Colors.transparent,
icon: const Icon(Icons.arrow_drop_down, color: kPrimaryColor),
isExpanded: true, isExpanded: true,
value: _selected,
hint: Text(
widget.selectLabel,
style: TextStyle(color: Colors.grey.shade600),
),
items: widget.values.map((v) { items: widget.values.map((v) {
return DropdownMenuItem<T>( return DropdownMenuItem<String>(
value: v, value: widget.valueExtractor(v),
child: Text( child: Text(
(v as SectionEventDTO).label ?? "", widget.labelExtractor(v),
style: const TextStyle(fontSize: 14), style: const TextStyle(fontSize: 14),
), ),
); );
}).toList(), }).toList(),
onChanged: (value) { onChanged: widget.values.isEmpty
? null
: (id) {
T? selected = widget.values
.cast<T?>()
.firstWhere(
(v) => widget.valueExtractor(v!) == id,
orElse: () => null,
);
setState(() { setState(() {
if (value is SectionEventDTO && value.id == null) { _selected = selected;
_selected = null; // affiche le hint
} else {
_selected = value;
}
}); });
widget.onChanged(_selected); widget.onChanged(selected);
state.didChange(_selected); state.didChange(selected);
}, },
), ),
), ),

645
lib/Screens/Applications/app_configuration_link_screen.dart
View File

@ -29,6 +29,14 @@ class AppConfigurationLinkScreen extends StatefulWidget {
} }
class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen> { class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen> {
late ApplicationInstanceDTO _applicationInstanceDTO;
@override
void initState() {
super.initState();
_applicationInstanceDTO = widget.applicationInstanceDTO;
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final appContext = Provider.of<AppContext>(context); final appContext = Provider.of<AppContext>(context);
@ -68,25 +76,25 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: Center( child: Center(
child: ResourceInputContainer( child: ResourceInputContainer(
label: "Image principale :", label: "Image principale :",
initialValue: widget.applicationInstanceDTO.mainImageId, initialValue: _applicationInstanceDTO.mainImageId,
color: kPrimaryColor, color: kPrimaryColor,
imageFit: BoxFit.fitHeight, imageFit: BoxFit.fitHeight,
onChanged: (ResourceDTO resource) async { onChanged: (ResourceDTO resource) async {
if(resource.id == null) { if(resource.id == null) {
widget.applicationInstanceDTO.mainImageId = null; _applicationInstanceDTO.mainImageId = null;
widget.applicationInstanceDTO.mainImageUrl = null; _applicationInstanceDTO.mainImageUrl = null;
} else { } else {
widget.applicationInstanceDTO.mainImageId = resource.id; _applicationInstanceDTO.mainImageId = resource.id;
widget.applicationInstanceDTO.mainImageUrl = resource.url; _applicationInstanceDTO.mainImageUrl = resource.url;
} }
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { /*setState(() {
}); });*/
} }
}, },
), ),
@ -99,25 +107,25 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: Center( child: Center(
child: ResourceInputContainer( child: ResourceInputContainer(
label: "Loader :", label: "Loader :",
initialValue: widget.applicationInstanceDTO.loaderImageId, initialValue: _applicationInstanceDTO.loaderImageId,
color: kPrimaryColor, color: kPrimaryColor,
imageFit: BoxFit.fitHeight, imageFit: BoxFit.fitHeight,
onChanged: (ResourceDTO resource) async { onChanged: (ResourceDTO resource) async {
if(resource.id == null) { if(resource.id == null) {
widget.applicationInstanceDTO.loaderImageId = null; _applicationInstanceDTO.loaderImageId = null;
widget.applicationInstanceDTO.loaderImageUrl = null; _applicationInstanceDTO.loaderImageUrl = null;
} else { } else {
widget.applicationInstanceDTO.loaderImageId = resource.id; _applicationInstanceDTO.loaderImageId = resource.id;
widget.applicationInstanceDTO.loaderImageUrl = resource.url; _applicationInstanceDTO.loaderImageUrl = resource.url;
} }
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { /*setState(() {
}); });*/
} }
}, },
), ),
@ -131,16 +139,16 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: ColorPickerInputContainer( child: ColorPickerInputContainer(
label: "Couleur principale :", label: "Couleur principale :",
fontSize: 20, fontSize: 20,
color: widget.applicationInstanceDTO.primaryColor, color: _applicationInstanceDTO.primaryColor,
onChanged: (value) async { onChanged: (value) async {
widget.applicationInstanceDTO.primaryColor = value; _applicationInstanceDTO.primaryColor = value;
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { /*setState(() {
}); });*/
} }
}, },
), ),
@ -154,16 +162,16 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: ColorPickerInputContainer( child: ColorPickerInputContainer(
label: "Couleur secondaire :", label: "Couleur secondaire :",
fontSize: 20, fontSize: 20,
color: widget.applicationInstanceDTO.secondaryColor, color: _applicationInstanceDTO.secondaryColor,
onChanged: (value) async { onChanged: (value) async {
widget.applicationInstanceDTO.secondaryColor = value; _applicationInstanceDTO.secondaryColor = value;
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { /*setState(() {
}); });*/
} }
}, },
), ),
@ -176,19 +184,19 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: Center( child: Center(
child: SegmentedEnumInputContainer( child: SegmentedEnumInputContainer(
label: "Affichage :", label: "Affichage :",
selected: LayoutMainPageType.MasonryGrid, selected: _applicationInstanceDTO.layoutMainPage,
values: LayoutMainPageType.values, values: LayoutMainPageType.values,
inputValues: { LayoutMainPageType.SimpleGrid: {'label': 'Grille', 'icon': Icons.grid_view}, LayoutMainPageType.MasonryGrid : {'label': 'Masonry', 'icon': Icons.view_quilt }}, inputValues: { LayoutMainPageType.SimpleGrid: {'label': 'Grille', 'icon': Icons.grid_view}, LayoutMainPageType.MasonryGrid : {'label': 'Masonry', 'icon': Icons.view_quilt }},
onChanged: (value) async { onChanged: (value) async {
var tempOutput = value; var tempOutput = value;
widget.applicationInstanceDTO.layoutMainPage = tempOutput; _applicationInstanceDTO.layoutMainPage = tempOutput;
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { /*setState(() {
}); });*/
} }
//print(configurationDTO.languages); //print(configurationDTO.languages);
}, },
@ -202,21 +210,21 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: Center( child: Center(
child: MultiSelectDropdownLanguageContainer( child: MultiSelectDropdownLanguageContainer(
label: "Langues :", label: "Langues :",
initialValue: widget.applicationInstanceDTO.languages != null ? widget.applicationInstanceDTO.languages!: [], initialValue: _applicationInstanceDTO.languages != null ? _applicationInstanceDTO.languages!: [],
values: languages, values: languages,
isMultiple: true, isMultiple: true,
fontSize: 20, fontSize: 20,
isAtLeastOne: true, isAtLeastOne: true,
onChanged: (value) async { onChanged: (value) async {
var tempOutput = new List<String>.from(value); var tempOutput = new List<String>.from(value);
widget.applicationInstanceDTO.languages = tempOutput; _applicationInstanceDTO.languages = tempOutput;
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { /*setState(() {
}); });*/
} }
//print(configurationDTO.languages); //print(configurationDTO.languages);
}, },
@ -229,7 +237,7 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
height: elementHeight, height: elementHeight,
child: Center( child: Center(
child: FutureBuilder( child: FutureBuilder(
future: getSectionEvents(appContext, widget.applicationInstanceDTO), future: getSectionEvents(appContext, _applicationInstanceDTO),
builder: (context, snapshot) { builder: (context, snapshot) {
var rawList = snapshot.data; var rawList = snapshot.data;
var rawSubsections = jsonDecode(jsonEncode(snapshot.data)); var rawSubsections = jsonDecode(jsonEncode(snapshot.data));
@ -239,29 +247,37 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
sectionEvents.add(SectionEventDTO(id: null, label: "Aucun")); sectionEvents.add(SectionEventDTO(id: null, label: "Aucun"));
print(_applicationInstanceDTO.sectionEventId);
print(_applicationInstanceDTO.sectionEventDTO);
return SingleChoiceInputContainer<SectionEventDTO?>( return SingleChoiceInputContainer<SectionEventDTO?>(
label: "Evènement à l'affiche :", label: "Evènement à l'affiche :",
selectLabel: "Choisir un évènement", selectLabel: "Choisir un évènement",
selected: widget.applicationInstanceDTO.sectionEventDTO, selected: _applicationInstanceDTO.sectionEventDTO,
values: sectionEvents.toList(), values: sectionEvents.toList(),
valueExtractor: (SectionEventDTO? dto) => dto?.id ?? "",
labelExtractor: (SectionEventDTO? dto) => dto?.label ?? "Aucun",
onChanged: (SectionEventDTO? sectionEvent) async { onChanged: (SectionEventDTO? sectionEvent) async {
if(sectionEvent == null) { if(sectionEvent == null) {
widget.applicationInstanceDTO.sectionEventId = null; _applicationInstanceDTO.sectionEventId = null;
widget.applicationInstanceDTO.sectionEventDTO = null; _applicationInstanceDTO.sectionEventDTO = null;
return; return;
} }
print("Sélectionné: $sectionEvent"); print("Sélectionné: $sectionEvent");
print(sectionEvent.label); print(sectionEvent.label);
print(sectionEvent.id); print(sectionEvent.id);
widget.applicationInstanceDTO.sectionEventId = sectionEvent.id; _applicationInstanceDTO.sectionEventId = sectionEvent.id;
print(_applicationInstanceDTO.sectionEventId);
// automatic save // automatic save
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null); showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
setState(() { //setState(() {
_applicationInstanceDTO.sectionEventDTO = applicationLink.sectionEventDTO;
}); //_applicationInstanceDTO = applicationLink;
//});
} }
}, },
); );
@ -285,267 +301,241 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
margin: const EdgeInsets.symmetric(vertical: 8), margin: const EdgeInsets.symmetric(vertical: 8),
color: kWhite, color: kWhite,
elevation: 0, elevation: 0,
child: Stack( child: StatefulBuilder(
//crossAxisAlignment: CrossAxisAlignment.start, builder: (context, localSetState) {
children: [ return Stack(
Padding( //crossAxisAlignment: CrossAxisAlignment.start,
padding: const EdgeInsets.all(16), children: [
child: Text("Configurations sur le téléphone", style: TextStyle(fontWeight: FontWeight.w500, fontSize: 21)), Padding(
), padding: const EdgeInsets.all(16),
appConfigurationLinks != null ? Padding( child: Text("Configurations sur le téléphone", style: TextStyle(fontWeight: FontWeight.w500, fontSize: 21)),
padding: const EdgeInsets.only(left: 32, right: 32, top: 75),
child: Container(
height: size.height * 0.6,
width: size.width * 0.8,
constraints: BoxConstraints(
minHeight: 300,
minWidth: 300,
maxHeight: 500
), ),
//color: Colors.blue, appConfigurationLinks != null ? Padding(
child: SingleChildScrollView( padding: const EdgeInsets.only(left: 32, right: 32, top: 75),
child: ReorderableCustomList<AppConfigurationLinkDTO>( child: Container(
items: appConfigurationLinks, height: size.height * 0.6,
shrinkWrap: true, width: size.width * 0.8,
onChanged: (updatedList) async { constraints: BoxConstraints(
int order = 0; minHeight: 300,
// update order manually minWidth: 300,
for(var item in updatedList) { maxHeight: 500
item.order = order;
order++;
}
// TODO use order put method
var result = await updateAppConfigurationOrder(appContext, updatedList);
setState(() {
// for refresh
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
});
},
actions: [
/*(BuildContext context, int index, AppConfigurationLinkDTO link) {
return Container(
height: 50,
width: 50,
child: InkWell(
onTap: () async {
try {
var applicationInstance = widget.applicationInstanceDTO;
applicationInstance.
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO);
if(applicationLink != null) {
if(newValue) {
showNotification(kSuccess, kWhite, "Configuration activée avec succès", context, null);
} else {
showNotification(kSuccess, kWhite, "Configuration désactivée avec succès", context, null);
}
setState(() {
link.isActive = applicationLink.isActive;
});
}
} catch (e) {
showNotification(kError, kWhite, "Une erreur est survenue", context, null);
}
},
child: Icon(Icons.star, color: kError, size: 25),
),
);
},*/
(BuildContext context, int index, AppConfigurationLinkDTO link) {
return Container(
height: 50,
width: 70,
child: Switch(
activeThumbColor: kPrimaryColor,
inactiveThumbColor: kBodyTextColor,
inactiveTrackColor: kSecond,
hoverColor: kPrimaryColor.withValues(alpha: 0.2),
value: link.isActive ?? false,
onChanged: (bool newValue) async {
try {
link.isActive = newValue;
var applicationLink = await updateApplicationLink(appContext, link);
if(applicationLink != null) {
if(newValue) {
showNotification(kSuccess, kWhite, "Configuration activée avec succès", context, null);
} else {
showNotification(kSuccess, kWhite, "Configuration désactivée avec succès", context, null);
}
setState(() {
link.isActive = applicationLink.isActive;
});
}
} catch (e) {
showNotification(kError, kWhite, "Une erreur est survenue", context, null);
}
},
),
);
},
(BuildContext context, int index, AppConfigurationLinkDTO link) {
return Container(
height: 50,
width: 50,
child: InkWell(
onTap: () async {
showConfirmationDialog(
"Êtes-vous sûr de vouloir retirer cette configuration de l'application ?",
() {},
() async {
try {
var result = await deleteConfigurationToApp(appContext, link, widget.applicationInstanceDTO);
showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null);
setState(() {
// for refresh ui
});
} catch(e) {
showNotification(kError, kWhite, 'Une erreur est survenue lors du retrait de la configuration', context, null);
}
},
context
);
},
child: Icon(Icons.delete, color: kError, size: 25),
),
);
},
],
padding: const EdgeInsets.all(8),
itemBuilder: (context, index, appConfigurationLink) {
return Container(
decoration: BoxDecoration(
),
margin: const EdgeInsets.symmetric(vertical: 3),
padding: const EdgeInsets.all(8),
child: Row(
children: [
if(appConfigurationLink.configuration!.imageId != null)
Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: kSecond.withValues(alpha: 0.65),
borderRadius: BorderRadius.circular(8.0),
image: DecorationImage(
fit: BoxFit.cover,
image: NetworkImage(appConfigurationLink.configuration!.imageSource!)
),
)
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(appConfigurationLink.configuration?.label ?? ""),
),
],
),
);
},
),
),
),
/*PhoneMockup(
child: Center(
child: GridView.builder(
shrinkWrap: true,
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: crossAxisCount),
itemCount: appConfigurationLinks.length,
itemBuilder: (BuildContext context, int index) {
AppConfigurationLinkDTO appConfigurationLink = appConfigurationLinks[index];
return Container(
decoration: BoxDecoration(
color: Colors.green,
),
padding: const EdgeInsets.all(15),
margin: EdgeInsets.symmetric(vertical: 15, horizontal: 15),
child: Stack(
children: [
Align(
alignment: Alignment.center,
child: Text(appConfigurationLink.configuration!.label!),
),
Positioned(
right: 0,
bottom: 0,
child: InkWell(
onTap: () async {
showConfirmationDialog(
"Êtes-vous sûr de vouloir retirer cette configuration de l'application ?",
() {},
() async {
try {
var result = await deleteConfigurationToApp(appContext, appConfigurationLink, widget.applicationInstanceDTO);
showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null);
setState(() {
// for refresh ui
});
} catch(e) {
showNotification(kError, kWhite, 'Une erreur est survenue lors du retrait de la configuration', context, null);
}
},
context
);
},
child: Icon(Icons.delete, color: kError, size: 25),
)
)
],
),
);
}
),
),
),*/
): Center(child: Text("No data")),
appConfigurationLinks != null ? Positioned(
top: 8,
right: 8,
child: InkWell(
onTap: () async {
// Show configuration selector to link with !
var result = await showAddConfigurationLink(context, appContext, managerAppContext.instanceDTO!, appConfigurationLinks.map((acl) => acl.configurationId!).toList() ?? []);
if(result != null) {
for(var configurationId in result) {
AppConfigurationLinkDTO appConfigurationLinkDTO = AppConfigurationLinkDTO(
applicationInstanceId: widget.applicationInstanceDTO.id,
configurationId: configurationId,
isActive: true,
isDate: false,
isHour: false,
isSectionImageBackground: false,
layoutMainPage: LayoutMainPageType.SimpleGrid
);
await addConfigurationToApp(appContext, appConfigurationLinkDTO, widget.applicationInstanceDTO);
}
setState(() {
// Refresh ui
});
}
},
child: Container(
height: 60,
width: 60,
decoration: BoxDecoration(
color: kSuccess,
borderRadius: BorderRadius.circular(12.0),
), ),
child: Padding( //color: Colors.blue,
padding: const EdgeInsets.all(8.0), child: SingleChildScrollView(
child: Icon(Icons.add, size: 24, color: kWhite), child: ReorderableCustomList<AppConfigurationLinkDTO>(
) key: ValueKey(appConfigurationLinks),
), items: appConfigurationLinks,
), shrinkWrap: true,
) : SizedBox(), onChanged: (updatedList) async {
], int order = 0;
// update order manually
for(var item in updatedList) {
item.order = order;
order++;
}
// TODO use order put method
var result = await updateAppConfigurationOrder(appContext, updatedList);
localSetState(() {});
showNotification(kSuccess, kWhite, "Application mobile mise à jour succès", context, null);
},
actions: [
(BuildContext context, int index, AppConfigurationLinkDTO link) {
return Container(
height: 50,
width: 70,
child: Switch(
activeThumbColor: kPrimaryColor,
inactiveThumbColor: kBodyTextColor,
inactiveTrackColor: kSecond,
hoverColor: kPrimaryColor.withValues(alpha: 0.2),
value: link.isActive ?? false,
onChanged: (bool newValue) async {
try {
link.isActive = newValue;
var applicationLink = await updateApplicationLink(appContext, link);
if(applicationLink != null) {
if(newValue) {
showNotification(kSuccess, kWhite, "Configuration activée avec succès", context, null);
} else {
showNotification(kSuccess, kWhite, "Configuration désactivée avec succès", context, null);
}
localSetState(() {
link.isActive = applicationLink.isActive;
});
}
} catch (e) {
showNotification(kError, kWhite, "Une erreur est survenue", context, null);
}
},
),
);
},
(BuildContext context, int index, AppConfigurationLinkDTO link) {
return Container(
height: 50,
width: 50,
child: InkWell(
onTap: () async {
showConfirmationDialog(
"Êtes-vous sûr de vouloir retirer cette configuration de l'application ?",
() {},
() async {
try {
var result = await deleteConfigurationToApp(appContext, link, _applicationInstanceDTO);
showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null);
setState(() {
// for refresh ui
});
} catch(e) {
showNotification(kError, kWhite, 'Une erreur est survenue lors du retrait de la configuration', context, null);
}
},
context
);
},
child: Icon(Icons.delete, color: kError, size: 25),
),
);
},
],
padding: const EdgeInsets.all(8),
itemBuilder: (context, index, appConfigurationLink) {
return Container(
key: ValueKey(appConfigurationLink.id),
decoration: BoxDecoration(),
margin: const EdgeInsets.symmetric(vertical: 3),
padding: const EdgeInsets.all(8),
child: Row(
children: [
if(appConfigurationLink.configuration!.imageId != null)
Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: kSecond.withValues(alpha: 0.65),
borderRadius: BorderRadius.circular(8.0),
image: DecorationImage(
fit: BoxFit.cover,
image: NetworkImage(appConfigurationLink.configuration!.imageSource!)
),
)
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(appConfigurationLink.configuration?.label ?? ""),
),
],
),
);
},
),
),
),
/*PhoneMockup(
child: Center(
child: GridView.builder(
shrinkWrap: true,
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: crossAxisCount),
itemCount: appConfigurationLinks.length,
itemBuilder: (BuildContext context, int index) {
AppConfigurationLinkDTO appConfigurationLink = appConfigurationLinks[index];
return Container(
decoration: BoxDecoration(
color: Colors.green,
),
padding: const EdgeInsets.all(15),
margin: EdgeInsets.symmetric(vertical: 15, horizontal: 15),
child: Stack(
children: [
Align(
alignment: Alignment.center,
child: Text(appConfigurationLink.configuration!.label!),
),
Positioned(
right: 0,
bottom: 0,
child: InkWell(
onTap: () async {
showConfirmationDialog(
"Êtes-vous sûr de vouloir retirer cette configuration de l'application ?",
() {},
() async {
try {
var result = await deleteConfigurationToApp(appContext, appConfigurationLink, _applicationInstanceDTO);
showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null);
setState(() {
// for refresh ui
});
} catch(e) {
showNotification(kError, kWhite, 'Une erreur est survenue lors du retrait de la configuration', context, null);
}
},
context
);
},
child: Icon(Icons.delete, color: kError, size: 25),
)
)
],
),
);
}
),
),
),*/
): Center(child: Text("No data")),
appConfigurationLinks != null ? Positioned(
top: 8,
right: 8,
child: InkWell(
onTap: () async {
// Show configuration selector to link with !
var result = await showAddConfigurationLink(context, appContext, managerAppContext.instanceDTO!, appConfigurationLinks.map((acl) => acl.configurationId!).toList() ?? []);
if(result != null) {
for(var configurationId in result) {
AppConfigurationLinkDTO appConfigurationLinkDTO = AppConfigurationLinkDTO(
applicationInstanceId: _applicationInstanceDTO.id,
configurationId: configurationId,
isActive: true,
isDate: false,
isHour: false,
isSectionImageBackground: false,
layoutMainPage: LayoutMainPageType.SimpleGrid
);
await addConfigurationToApp(appContext, appConfigurationLinkDTO, _applicationInstanceDTO);
}
setState(() {
// Refresh ui
});
}
},
child: Container(
height: 60,
width: 60,
decoration: BoxDecoration(
color: kSuccess,
borderRadius: BorderRadius.circular(12.0),
),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Icon(Icons.add, size: 24, color: kWhite),
)
),
),
) : SizedBox(),
],
);
}
), ),
); );
} }
return FutureBuilder( return FutureBuilder(
future: getAppConfigurationLink(appContext, widget.applicationInstanceDTO), future: getAppConfigurationLink(appContext, _applicationInstanceDTO),
builder: (context, AsyncSnapshot<dynamic> snapshot) { builder: (context, AsyncSnapshot<dynamic> snapshot) {
List<AppConfigurationLinkDTO>? appConfigurationLinks = snapshot.data; List<AppConfigurationLinkDTO>? appConfigurationLinks = snapshot.data;
@ -614,7 +604,7 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
label: "Titre affiché:", label: "Titre affiché:",
modalLabel: "Titre", modalLabel: "Titre",
color: kPrimaryColor, color: kPrimaryColor,
initialValue: widget.applicationInstanceDTO.title, initialValue: _applicationInstanceDTO.title,
onGetResult: (value) { onGetResult: (value) {
if (sectionDTO.title! != value) { if (sectionDTO.title! != value) {
sectionDTO.title = value; sectionDTO.title = value;
@ -628,30 +618,30 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
// Image principale // Image principale
ResourceInputContainer( ResourceInputContainer(
label: "Image principale :", label: "Image principale :",
initialValue: widget.applicationInstanceDTO.mainImageId, initialValue: _applicationInstanceDTO.mainImageId,
color: kPrimaryColor, color: kPrimaryColor,
onChanged: (ResourceDTO resource) { onChanged: (ResourceDTO resource) {
if(resource.id == null) { if(resource.id == null) {
widget.applicationInstanceDTO.mainImageId = null; _applicationInstanceDTO.mainImageId = null;
widget.applicationInstanceDTO.mainImageUrl = null; _applicationInstanceDTO.mainImageUrl = null;
} else { } else {
widget.applicationInstanceDTO.mainImageId = resource.id; _applicationInstanceDTO.mainImageId = resource.id;
widget.applicationInstanceDTO.mainImageUrl = resource.url; _applicationInstanceDTO.mainImageUrl = resource.url;
} }
}, },
), ),
// Image Loader // Image Loader
ResourceInputContainer( ResourceInputContainer(
label: "Loader :", label: "Loader :",
initialValue: widget.applicationInstanceDTO.loaderImageId, initialValue: _applicationInstanceDTO.loaderImageId,
color: kPrimaryColor, color: kPrimaryColor,
onChanged: (ResourceDTO resource) { onChanged: (ResourceDTO resource) {
if(resource.id == null) { if(resource.id == null) {
widget.applicationInstanceDTO.loaderImageId = null; _applicationInstanceDTO.loaderImageId = null;
widget.applicationInstanceDTO.loaderImageUrl = null; _applicationInstanceDTO.loaderImageUrl = null;
} else { } else {
widget.applicationInstanceDTO.loaderImageId = resource.id; _applicationInstanceDTO.loaderImageId = resource.id;
widget.applicationInstanceDTO.loaderImageUrl = resource.url; _applicationInstanceDTO.loaderImageUrl = resource.url;
} }
}, },
), ),
@ -659,18 +649,18 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
ColorPickerInputContainer( ColorPickerInputContainer(
label: "Couleur principale :", label: "Couleur principale :",
fontSize: 20, fontSize: 20,
color: widget.applicationInstanceDTO.primaryColor, color: _applicationInstanceDTO.primaryColor,
onChanged: (value) { onChanged: (value) {
widget.applicationInstanceDTO.primaryColor = value; _applicationInstanceDTO.primaryColor = value;
}, },
), ),
// Secondary color // Secondary color
ColorPickerInputContainer( ColorPickerInputContainer(
label: "Couleur secondaire :", label: "Couleur secondaire :",
fontSize: 20, fontSize: 20,
color: widget.applicationInstanceDTO.secondaryColor, color: _applicationInstanceDTO.secondaryColor,
onChanged: (value) { onChanged: (value) {
widget.applicationInstanceDTO.secondaryColor = value; _applicationInstanceDTO.secondaryColor = value;
}, },
), ),
// Layout (Grid or Mansonry) // Layout (Grid or Mansonry)
@ -678,14 +668,14 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
// Langues // Langues
MultiSelectDropdownLanguageContainer( MultiSelectDropdownLanguageContainer(
label: "Langues :", label: "Langues :",
initialValue: widget.applicationInstanceDTO.languages != null ? widget.applicationInstanceDTO.languages!: [], initialValue: _applicationInstanceDTO.languages != null ? _applicationInstanceDTO.languages!: [],
values: languages, values: languages,
isMultiple: true, isMultiple: true,
fontSize: 20, fontSize: 20,
isAtLeastOne: true, isAtLeastOne: true,
onChanged: (value) { onChanged: (value) {
var tempOutput = new List<String>.from(value); var tempOutput = new List<String>.from(value);
widget.applicationInstanceDTO.languages = tempOutput; _applicationInstanceDTO.languages = tempOutput;
//print(configurationDTO.languages); //print(configurationDTO.languages);
}, },
), ),
@ -740,9 +730,9 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
child: InkWell( child: InkWell(
onTap: () async { onTap: () async {
try { try {
var applicationInstance = widget.applicationInstanceDTO; var applicationInstance = _applicationInstanceDTO;
applicationInstance. applicationInstance.
var applicationLink = await updateApplicationInstance(appContext, widget.applicationInstanceDTO); var applicationLink = await updateApplicationInstance(appContext, _applicationInstanceDTO);
if(applicationLink != null) { if(applicationLink != null) {
if(newValue) { if(newValue) {
showNotification(kSuccess, kWhite, "Configuration activée avec succès", context, null); showNotification(kSuccess, kWhite, "Configuration activée avec succès", context, null);
@ -803,7 +793,7 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
() {}, () {},
() async { () async {
try { try {
var result = await deleteConfigurationToApp(appContext, link, widget.applicationInstanceDTO); var result = await deleteConfigurationToApp(appContext, link, _applicationInstanceDTO);
showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null); showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null);
@ -865,7 +855,7 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
if(result != null) { if(result != null) {
for(var configurationId in result) { for(var configurationId in result) {
AppConfigurationLinkDTO appConfigurationLinkDTO = AppConfigurationLinkDTO( AppConfigurationLinkDTO appConfigurationLinkDTO = AppConfigurationLinkDTO(
applicationInstanceId: widget.applicationInstanceDTO.id, applicationInstanceId: _applicationInstanceDTO.id,
configurationId: configurationId, configurationId: configurationId,
isActive: true, isActive: true,
isDate: false, isDate: false,
@ -873,7 +863,7 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
isSectionImageBackground: false, isSectionImageBackground: false,
layoutMainPage: LayoutMainPageType.SimpleGrid layoutMainPage: LayoutMainPageType.SimpleGrid
); );
await addConfigurationToApp(appContext, appConfigurationLinkDTO, widget.applicationInstanceDTO); await addConfigurationToApp(appContext, appConfigurationLinkDTO, _applicationInstanceDTO);
} }
setState(() { setState(() {
// Refresh ui // Refresh ui
@ -924,7 +914,7 @@ class _AppConfigurationLinkScreenState extends State<AppConfigurationLinkScreen>
() {}, () {},
() async { () async {
try { try {
var result = await deleteConfigurationToApp(appContext, appConfigurationLink, widget.applicationInstanceDTO); var result = await deleteConfigurationToApp(appContext, appConfigurationLink, _applicationInstanceDTO);
showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null); showNotification(kSuccess, kWhite, "La configuration a été retirée de l'application avec succès", context, null);
@ -1013,7 +1003,16 @@ Future<AppConfigurationLinkDTO?> addConfigurationToApp(AppContext appContext, Ap
} }
Future<ApplicationInstanceDTO?> updateApplicationInstance(AppContext appContext, ApplicationInstanceDTO applicationInstanceDTO) async { Future<ApplicationInstanceDTO?> updateApplicationInstance(AppContext appContext, ApplicationInstanceDTO applicationInstanceDTO) async {
ApplicationInstanceDTO? result = await (appContext.getContext() as ManagerAppContext).clientAPI!.applicationInstanceApi!.applicationInstanceUpdate(applicationInstanceDTO); var applicationInstanceToSend = ApplicationInstanceDTO.fromJson(
applicationInstanceDTO.toJson()
);
applicationInstanceToSend?.sectionEventDTO = null;
applicationInstanceToSend?.sectionEventId = applicationInstanceDTO.sectionEventId;
applicationInstanceToSend?.appType = applicationInstanceDTO.appType;
applicationInstanceToSend?.layoutMainPage = applicationInstanceDTO.layoutMainPage;
ApplicationInstanceDTO? result = await (appContext.getContext() as ManagerAppContext).clientAPI!.applicationInstanceApi!.applicationInstanceUpdate(applicationInstanceToSend!);
return result; return result;
} }