created new emploee selector bottomsheet
This commit is contained in:
parent
68ed97b64a
commit
cddc2990fb
@ -52,12 +52,14 @@ class ServiceProjectDetailsController extends GetxController {
|
||||
errorMessage.value = '';
|
||||
|
||||
try {
|
||||
final result = await ApiService.getServiceProjectDetailApi(projectId.value);
|
||||
final result =
|
||||
await ApiService.getServiceProjectDetailApi(projectId.value);
|
||||
|
||||
if (result != null && result.data != null) {
|
||||
projectDetail.value = result.data!;
|
||||
} else {
|
||||
errorMessage.value = result?.message ?? "Failed to fetch project details";
|
||||
errorMessage.value =
|
||||
result?.message ?? "Failed to fetch project details";
|
||||
}
|
||||
} catch (e) {
|
||||
errorMessage.value = "Error: $e";
|
||||
|
||||
@ -315,6 +315,155 @@ class _ServiceProjectDetailsScreenState
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildJobsTab() {
|
||||
return Obx(() {
|
||||
if (controller.isJobLoading.value && controller.jobList.isEmpty) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (controller.jobErrorMessage.value.isNotEmpty &&
|
||||
controller.jobList.isEmpty) {
|
||||
return Center(
|
||||
child: MyText.bodyMedium(controller.jobErrorMessage.value));
|
||||
}
|
||||
|
||||
if (controller.jobList.isEmpty) {
|
||||
return Center(child: MyText.bodyMedium("No jobs found"));
|
||||
}
|
||||
|
||||
return ListView.separated(
|
||||
controller: _jobScrollController,
|
||||
padding: const EdgeInsets.fromLTRB(12, 12, 12, 80),
|
||||
itemCount: controller.jobList.length + 1,
|
||||
separatorBuilder: (_, __) => const SizedBox(height: 12),
|
||||
itemBuilder: (context, index) {
|
||||
if (index == controller.jobList.length) {
|
||||
return controller.hasMoreJobs.value
|
||||
? const Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 16),
|
||||
child: Center(child: CircularProgressIndicator()),
|
||||
)
|
||||
: const SizedBox.shrink();
|
||||
}
|
||||
|
||||
final job = controller.jobList[index];
|
||||
return Card(
|
||||
elevation: 3,
|
||||
shadowColor: Colors.black26,
|
||||
shape:
|
||||
RoundedRectangleBorder(borderRadius: BorderRadius.circular(5)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Job Title
|
||||
MyText.titleMedium(job.title, fontWeight: 700),
|
||||
MySpacing.height(6),
|
||||
|
||||
// Job Description
|
||||
MyText.bodySmall(
|
||||
job.description.isNotEmpty
|
||||
? job.description
|
||||
: "No description provided",
|
||||
color: Colors.grey[700],
|
||||
),
|
||||
|
||||
// Tags
|
||||
if (job.tags != null && job.tags!.isNotEmpty)
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 2),
|
||||
child: Wrap(
|
||||
spacing: 2,
|
||||
runSpacing: 4,
|
||||
children: job.tags!.map((tag) {
|
||||
return Chip(
|
||||
label: Text(
|
||||
tag.name,
|
||||
style: const TextStyle(fontSize: 12),
|
||||
),
|
||||
backgroundColor: Colors.grey[200],
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(5),
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
|
||||
MySpacing.height(8),
|
||||
|
||||
// Assignees & Status
|
||||
Row(
|
||||
children: [
|
||||
if (job.assignees != null && job.assignees!.isNotEmpty)
|
||||
...job.assignees!.map((assignee) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 6),
|
||||
child: CircleAvatar(
|
||||
radius: 12,
|
||||
backgroundImage: assignee.photo.isNotEmpty
|
||||
? NetworkImage(assignee.photo)
|
||||
: null,
|
||||
child: assignee.photo.isEmpty
|
||||
? Text(assignee.firstName[0])
|
||||
: null,
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
],
|
||||
),
|
||||
|
||||
MySpacing.height(8),
|
||||
|
||||
// Date Row with Status Chip
|
||||
Row(
|
||||
children: [
|
||||
// Dates (same as existing)
|
||||
const Icon(Icons.calendar_today_outlined,
|
||||
size: 14, color: Colors.grey),
|
||||
MySpacing.width(4),
|
||||
Text(
|
||||
"${DateTimeUtils.convertUtcToLocal(job.startDate, format: 'dd MMM yyyy')} to "
|
||||
"${DateTimeUtils.convertUtcToLocal(job.dueDate, format: 'dd MMM yyyy')}",
|
||||
style:
|
||||
const TextStyle(fontSize: 12, color: Colors.grey),
|
||||
),
|
||||
|
||||
const Spacer(),
|
||||
|
||||
// Status Chip
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: job.status.name.toLowerCase() == 'completed'
|
||||
? Colors.green[100]
|
||||
: Colors.orange[100],
|
||||
borderRadius: BorderRadius.circular(5),
|
||||
),
|
||||
child: Text(
|
||||
job.status.displayName,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: job.status.name.toLowerCase() == 'completed'
|
||||
? Colors.green[800]
|
||||
: Colors.orange[800],
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
Widget _buildJobsTab() {
|
||||
return Obx(() {
|
||||
if (controller.isJobLoading.value && controller.jobList.isEmpty) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user