ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-11-27 20:14:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

create space model

Browse Source
This commit is contained in:
hannathkadher
2025-01-08 19:04:08 +04:00
parent 08f322165e
commit 6b79254a89
18 changed files with 477 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
lib/pages/spaces_management/space_model/bloc/create_space_model_bloc.dart
View File

@ -1,13 +1,51 @@
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/bloc/create_space_model_event.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/bloc/create_space_model_state.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/create_space_template_body_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
import 'package:syncrow_web/services/space_model_mang_api.dart';
class CreateSpaceModelBloc
extends Bloc<CreateSpaceModelEvent, CreateSpaceModelState> {
SpaceTemplateModel? _space;
CreateSpaceModelBloc() : super(CreateSpaceModelInitial()) {
final SpaceModelManagementApi _api;
CreateSpaceModelBloc(this._api) : super(CreateSpaceModelInitial()) {
on<CreateSpaceTemplate>((event, emit) async {
try {
final spaceTemplate = event.spaceTemplate;
final tagBodyModels =
spaceTemplate.tags?.map((tag) => tag.toTagBodyModel()).toList() ??
[];
final subspaceTemplateBodyModels =
spaceTemplate.subspaceModels?.map((subspaceModel) {
final tagsubspaceBodyModels = subspaceModel.tags
?.map((tag) => tag.toTagBodyModel())
.toList() ??
[];
return CreateSubspaceTemplateModel()
..subspaceName = subspaceModel.subspaceName
..tags = tagsubspaceBodyModels;
}).toList() ??
[];
final spaceModelBody = CreateSpaceTemplateBodyModel(
modelName: spaceTemplate.modelName,
tags: tagBodyModels,
subspaceModels: subspaceTemplateBodyModels);
print(spaceModelBody);
final success = await _api.createSpaceModel(spaceModelBody);
} catch (e) {
print(e);
}
});
on<LoadSpaceTemplate>((event, emit) {
emit(CreateSpaceModelLoading());
Future.delayed(const Duration(seconds: 1), () {
@ -25,24 +63,27 @@ class CreateSpaceModelBloc
});
on<UpdateSpaceTemplateName>((event, emit) {
if (_space != null) {
_space = _space!.copyWith(modelName: event.name); // Use copyWith for immutability
emit(CreateSpaceModelLoaded(_space!));
final currentState = state;
if (currentState is CreateSpaceModelLoaded) {
final updatedSpaceModel =
currentState.space.copyWith(modelName: event.name);
emit(CreateSpaceModelLoaded(updatedSpaceModel));
} else {
emit(CreateSpaceModelError("Space template not initialized"));
}
});
on<AddSubspacesToSpaceTemplate>((event, emit) {
if (_space != null) {
final updatedSpace = _space!.copyWith(
final currentState = state;
if (currentState is CreateSpaceModelLoaded) {
final updatedSpace = currentState.space.copyWith(
subspaceModels: [
...(_space!.subspaceModels ?? []),
...event.subspaces,
],
);
_space = updatedSpace;
emit(CreateSpaceModelLoaded(updatedSpace));
} else {
emit(CreateSpaceModelError("Space template not initialized"));

19
lib/pages/spaces_management/space_model/bloc/create_space_model_event.dart
View File

@ -1,7 +1,13 @@
import 'package:equatable/equatable.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
abstract class CreateSpaceModelEvent {}
abstract class CreateSpaceModelEvent extends Equatable {
const CreateSpaceModelEvent();
@override
List<Object> get props => [];
}
class LoadSpaceTemplate extends CreateSpaceModelEvent {}
@ -11,6 +17,17 @@ class UpdateSpaceTemplate extends CreateSpaceModelEvent {
UpdateSpaceTemplate(this.spaceTemplate);
}
class CreateSpaceTemplate extends CreateSpaceModelEvent {
final SpaceTemplateModel spaceTemplate;
const CreateSpaceTemplate({
required this.spaceTemplate,
});
@override
List<Object> get props => [spaceTemplate];
}
class UpdateSpaceTemplateName extends CreateSpaceModelEvent {
final String name;

8
lib/pages/spaces_management/space_model/bloc/create_space_model_state.dart
View File

@ -1,6 +1,12 @@
import 'package:equatable/equatable.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
abstract class CreateSpaceModelState {}
abstract class CreateSpaceModelState extends Equatable {
const CreateSpaceModelState();
@override
List<Object> get props => [];
}
class CreateSpaceModelInitial extends CreateSpaceModelState {}

47
lib/pages/spaces_management/space_model/models/create_space_template_body_model.dart Normal file
View File

@ -0,0 +1,47 @@
import 'dart:convert';
class TagBodyModel {
late String uuid;
late String tag;
late final String? productUuid;
Map<String, dynamic> toJson() {
return {
'uuid': uuid,
'tag': tag,
'productUuid': productUuid,
};
}
@override
String toString() {
return toJson().toString();
}
}
class CreateSubspaceTemplateModel {
late String subspaceName;
late List<TagBodyModel>? tags;
}
class CreateSpaceTemplateBodyModel {
final String modelName;
final List<dynamic>? tags;
final List<dynamic>? subspaceModels;
CreateSpaceTemplateBodyModel({
required this.modelName,
this.tags,
this.subspaceModels,
});
Map<String, dynamic> toJson() {
return {
'modelName': modelName,
'tags': tags,
'subspaceModels': subspaceModels,
};
}
}

13
lib/pages/spaces_management/space_model/models/space_template_model.dart
View File

@ -1,16 +1,20 @@
import 'package:equatable/equatable.dart';
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
import 'package:syncrow_web/utils/constants/action_enum.dart';
import 'package:uuid/uuid.dart';
class SpaceTemplateModel {
class SpaceTemplateModel extends Equatable {
final String? uuid;
String modelName;
List<SubspaceTemplateModel>? subspaceModels;
final List<TagModel>? tags;
String internalId;
@override
List<Object?> get props => [modelName, subspaceModels];
SpaceTemplateModel({
this.uuid,
String? internalId,
@ -26,9 +30,10 @@ class SpaceTemplateModel {
uuid: json['uuid'] ?? '',
internalId: internalId,
modelName: json['modelName'] ?? '',
subspaceModels: (json['subspaceModels'] as List)
.map((item) => SubspaceTemplateModel.fromJson(item))
.toList(),
subspaceModels: (json['subspaceModels'] as List<dynamic>?)
?.map((e) => SubspaceTemplateModel.fromJson(e))
.toList() ??
[],
tags: (json['tags'] as List)
.map((item) => TagModel.fromJson(item))
.toList(),

11
lib/pages/spaces_management/space_model/models/tag_model.dart
View File

@ -1,5 +1,5 @@
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/create_space_template_body_model.dart';
import 'package:uuid/uuid.dart';
class TagModel {
@ -50,3 +50,12 @@ class TagModel {
};
}
}
extension TagModelExtensions on TagModel {
TagBodyModel toTagBodyModel() {
return TagBodyModel()
..uuid = uuid ?? ''
..tag = tag ?? ''
..productUuid = product?.uuid;
}
}

150
lib/pages/spaces_management/space_model/view/space_model_page.dart
View File

@ -19,73 +19,83 @@ class SpaceModelPage extends StatelessWidget {
backgroundColor: ColorsManager.whiteColors,
body: Padding(
padding: const EdgeInsets.fromLTRB(20.0, 16.0, 16.0, 16.0),
child: GridView.builder(
//clipBehavior: Clip.none,
shrinkWrap: false,
physics: const AlwaysScrollableScrollPhysics(),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
crossAxisSpacing: 13.0,
mainAxisSpacing: 13.0,
childAspectRatio: calculateChildAspectRatio(context),
),
itemCount: spaceModels.length + 1,
itemBuilder: (context, index) {
if (index == spaceModels.length) {
return GestureDetector(
onTap: () {
showDialog(
context: context,
builder: (BuildContext context) {
return CreateSpaceModelDialog(products: products,allTags: allTagValues,);
},
);
},
child: Container(
decoration: BoxDecoration(
color: ColorsManager.whiteColors,
borderRadius: BorderRadius.circular(20),
boxShadow: const [
BoxShadow(
color: ColorsManager.semiTransparentBlackColor,
blurRadius: 15,
offset: Offset(0, 4),
spreadRadius: 0,
),
BoxShadow(
color: ColorsManager.semiTransparentBlackColor,
blurRadius: 25,
offset: Offset(0, 15),
spreadRadius: -5,
),
],
),
child: Center(
child: Container(
width: 60,
height: 60,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: ColorsManager.neutralGray,
border: Border.all(
color: ColorsManager.textFieldGreyColor,
width: 2.0,
),
),
child: const Icon(
Icons.add,
size: 40,
color: ColorsManager.spaceColor, // Icon color
),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
crossAxisSpacing: 10.0,
mainAxisSpacing: 10.0,
childAspectRatio: calculateChildAspectRatio(context),
),
);
}
itemCount: spaceModels.length + 1,
itemBuilder: (context, index) {
if (index == spaceModels.length) {
return GestureDetector(
onTap: () {
showDialog(
context: context,
builder: (BuildContext context) {
return CreateSpaceModelDialog(
products: products,
allTags: allTagValues,
);
},
);
},
child: _buildAddContainer(),
);
}
final model = spaceModels[index];
return SpaceModelCardWidget(model: model);
},
),
),
],
),
),
);
}
final model = spaceModels[index];
return SpaceModelCardWidget(model: model);
},
Widget _buildAddContainer() {
return Container(
decoration: BoxDecoration(
color: ColorsManager.whiteColors,
borderRadius: BorderRadius.circular(20),
boxShadow: const [
BoxShadow(
color: ColorsManager.semiTransparentBlackColor,
blurRadius: 15,
offset: Offset(0, 4),
spreadRadius: 0,
),
BoxShadow(
color: ColorsManager.semiTransparentBlackColor,
blurRadius: 25,
offset: Offset(0, 15),
spreadRadius: -5,
),
],
),
child: Center(
child: Container(
width: 60,
height: 60,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: ColorsManager.neutralGray,
border: Border.all(
color: ColorsManager.textFieldGreyColor,
width: 2.0,
),
),
child: const Icon(
Icons.add,
size: 40,
color: ColorsManager.spaceColor,
),
),
),
);
@ -93,17 +103,15 @@ class SpaceModelPage extends StatelessWidget {
double calculateChildAspectRatio(BuildContext context) {
double screenWidth = MediaQuery.of(context).size.width;
// Adjust the aspect ratio based on the screen width
if (screenWidth > 1600) {
return 4.0; // For large screens
return 3;
}
if (screenWidth > 1200) {
return 3.2; // For large screens
return 5;
} else if (screenWidth > 800) {
return 3.0; // For medium screens
return 5;
} else {
return 2.0; // For small screens
return 6.0;
}
}

84
lib/pages/spaces_management/space_model/widgets/dialog/create_space_model_dialog.dart
View File

@ -7,10 +7,10 @@ import 'package:syncrow_web/pages/spaces_management/space_model/bloc/create_spac
import 'package:syncrow_web/pages/spaces_management/space_model/bloc/create_space_model_event.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/bloc/create_space_model_state.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/widgets/tag_chips_display_widget.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/widgets/subspace_model_create_widget.dart';
import 'package:syncrow_web/services/space_model_mang_api.dart';
import 'package:syncrow_web/utils/color_manager.dart';
import '../../models/subspace_template_model.dart';
@ -26,31 +26,45 @@ class CreateSpaceModelDialog extends StatelessWidget {
@override
Widget build(BuildContext context) {
final SpaceModelManagementApi _spaceModelApi = SpaceModelManagementApi();
final screenWidth = MediaQuery.of(context).size.width;
List<SubspaceTemplateModel>? subspaces = spaceModel?.subspaceModels ?? [];
final TextEditingController spaceNameController = TextEditingController(
text: spaceModel?.modelName ?? '',
);
return AlertDialog(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
backgroundColor: ColorsManager.whiteColors,
content: SizedBox(
width: screenWidth * 0.3,
child: BlocProvider(
create: (_) {
final bloc = CreateSpaceModelBloc();
if (spaceModel != null) {
bloc.add(UpdateSpaceTemplate(spaceModel!));
} else {
bloc.add(UpdateSpaceTemplate(SpaceTemplateModel(
modelName: '',
subspaceModels: [],
)));
}
return bloc;
},
child: BlocBuilder<CreateSpaceModelBloc, CreateSpaceModelState>(
builder: (context, state) {
width: screenWidth * 0.3,
child: BlocProvider(
create: (_) {
final bloc = CreateSpaceModelBloc(_spaceModelApi);
if (spaceModel != null) {
bloc.add(UpdateSpaceTemplate(spaceModel!));
} else {
bloc.add(UpdateSpaceTemplate(SpaceTemplateModel(
modelName: '',
subspaceModels: [],
)));
}
spaceNameController.addListener(() {
bloc.add(UpdateSpaceTemplateName(name: spaceNameController.text));
});
return bloc;
},
child: BlocBuilder<CreateSpaceModelBloc, CreateSpaceModelState>(
builder: (context, state) {
if (state is CreateSpaceModelLoading) {
return const Center(child: CircularProgressIndicator());
} else if (state is CreateSpaceModelLoaded) {
final updatedSpaceModel = state.space;
final subspaces = updatedSpaceModel.subspaceModels ?? [];
return Column(
mainAxisSize: MainAxisSize.min,
children: [
@ -66,6 +80,11 @@ class CreateSpaceModelDialog extends StatelessWidget {
width: screenWidth * 0.25,
child: TextField(
controller: spaceNameController,
onChanged: (value) {
context
.read<CreateSpaceModelBloc>()
.add(UpdateSpaceTemplateName(name: value));
},
style: const TextStyle(color: ColorsManager.blackColor),
decoration: InputDecoration(
filled: true,
@ -85,11 +104,12 @@ class CreateSpaceModelDialog extends StatelessWidget {
),
),
const SizedBox(height: 16),
SubspaceModelCreate(context, subspaces: subspaces),
SubspaceModelCreate(context,
subspaces: state.space.subspaceModels ?? []),
const SizedBox(height: 10),
TagChipDisplay(context,
screenWidth: screenWidth,
spaceModel: spaceModel,
spaceModel: updatedSpaceModel,
products: products,
subspaces: subspaces,
allTags: allTags,
@ -109,8 +129,14 @@ class CreateSpaceModelDialog extends StatelessWidget {
Expanded(
child: DefaultButton(
onPressed: () {
// Return data when OK is pressed
Navigator.of(context).pop(subspaces);
final updatedSpaceTemplate =
updatedSpaceModel.copyWith(
modelName: spaceNameController.text.trim(),
);
context.read<CreateSpaceModelBloc>().add(
CreateSpaceTemplate(
spaceTemplate: updatedSpaceTemplate),
);
},
backgroundColor: ColorsManager.secondaryColor,
borderRadius: 10,
@ -123,9 +149,19 @@ class CreateSpaceModelDialog extends StatelessWidget {
),
],
);
},
),
)),
} else if (state is CreateSpaceModelError) {
return Text(
'Error: ${state.message}',
style: const TextStyle(color: Colors.red),
);
}
// Default case (e.g., CreateSpaceModelInitial)
return const Center(child: Text('Initializing...'));
},
),
),
),
);
}
}

15
lib/pages/spaces_management/space_model/widgets/subspace_model_create_widget.dart
View File

@ -10,7 +10,8 @@ import 'package:syncrow_web/pages/spaces_management/space_model/bloc/create_spac
class SubspaceModelCreate extends StatelessWidget {
final List<SubspaceTemplateModel> subspaces;
const SubspaceModelCreate(BuildContext context, {
const SubspaceModelCreate(
BuildContext context, {
Key? key,
required this.subspaces,
}) : super(key: key);
@ -26,6 +27,8 @@ class SubspaceModelCreate extends StatelessWidget {
overlayColor: ColorsManager.transparentColor,
),
onPressed: () async {
Navigator.of(context).pop();
final result = await showDialog<List<SubspaceTemplateModel>>(
barrierDismissible: false,
context: context,
@ -58,16 +61,16 @@ class SubspaceModelCreate extends StatelessWidget {
child: Container(
padding: const EdgeInsets.all(8.0),
decoration: BoxDecoration(
color: ColorsManager.textFieldGreyColor,
borderRadius: BorderRadius.circular(15),
color: ColorsManager.textFieldGreyColor,
borderRadius: BorderRadius.circular(15),
border: Border.all(
color: ColorsManager.textFieldGreyColor,
color: ColorsManager.textFieldGreyColor,
width: 3.0, // Border width
),
),
child: Wrap(
spacing: 8.0,
runSpacing: 8.0,
spacing: 8.0,
runSpacing: 8.0,
children: [
...subspaces.map(
(subspace) => Chip(

61
lib/pages/spaces_management/space_model/widgets/tag_chips_display_widget.dart
View File

@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
@ -29,7 +30,8 @@ class TagChipDisplay extends StatelessWidget {
@override
Widget build(BuildContext context) {
return (spaceModel?.subspaceModels?.isNotEmpty == true || spaceModel?.tags?.isNotEmpty == true ||
return (spaceModel?.subspaceModels?.isNotEmpty == true ||
spaceModel?.tags?.isNotEmpty == true ||
spaceModel?.subspaceModels
?.any((subspace) => subspace.tags?.isNotEmpty == true) ==
true)
@ -60,8 +62,7 @@ class TagChipDisplay extends StatelessWidget {
width: 24,
height: 24,
child: SvgPicture.asset(
entry.key.icon ??
'assets/default_icon.svg', // Provide a default asset path if null
entry.key.icon ?? 'assets/icons/gateway.svg',
fit: BoxFit.contain,
),
),
@ -71,19 +72,19 @@ class TagChipDisplay extends StatelessWidget {
color: ColorsManager.spaceColor,
),
),
backgroundColor:
Colors.white, // Chip background color
backgroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius:
BorderRadius.circular(16), // Rounded chip
borderRadius: BorderRadius.circular(16),
side: const BorderSide(
color: ColorsManager.spaceColor, // Border color
color: ColorsManager.spaceColor,
),
),
),
),
GestureDetector(
onTap: () async {
Navigator.of(context).pop();
await showDialog<bool>(
barrierDismissible: false,
context: context,
@ -92,6 +93,10 @@ class TagChipDisplay extends StatelessWidget {
subspaces: subspaces,
allTags: allTags,
spaceName: spaceNameController.text,
spaceTagModels: spaceModel?.tags,
initialSelectedProducts:
_createInitialSelectedProducts(
spaceModel?.tags, spaceModel?.subspaceModels),
),
);
// Edit action
@ -117,6 +122,8 @@ class TagChipDisplay extends StatelessWidget {
)
: TextButton(
onPressed: () async {
Navigator.of(context).pop();
final result = await showDialog<bool>(
barrierDismissible: false,
context: context,
@ -148,4 +155,42 @@ class TagChipDisplay extends StatelessWidget {
}
return groupedTags;
}
List<SelectedProduct> _createInitialSelectedProducts(
List<TagModel>? tags, List<SubspaceTemplateModel>? subspaces) {
final Map<ProductModel, int> productCounts = {};
// Count products in spaceModel tags
if (tags != null) {
for (var tag in tags) {
if (tag.product != null) {
productCounts[tag.product!] = (productCounts[tag.product!] ?? 0) + 1;
}
}
}
// Count products in subspaces
if (subspaces != null) {
for (var subspace in subspaces) {
if (subspace.tags != null) {
for (var tag in subspace.tags!) {
if (tag.product != null) {
productCounts[tag.product!] =
(productCounts[tag.product!] ?? 0) + 1;
}
}
}
}
}
// Create SelectedProduct instances
return productCounts.entries
.map((entry) => SelectedProduct(
productId: entry.key.uuid,
count: entry.value,
productName: entry.key.name ?? 'Unnamed',
product: entry.key,
))
.toList();
}
}