UI Phase 2 (L4): ISR status-pill consistency + shared status-kind mapper
The IT Service Requests list tile still used the legacy StatusPill (violet "DRAFT"); make it semantic like the detail header. Extract the ISR status -> StatusKind mapping into a shared helper so list and detail stay in sync. - New isr_status_kind.dart (public isrStatusKind); removed the private duplicate from the detail screen. - _RequestTile now uses StatusPill.kind(isrStatusKind(status), ...). (The request cards were already content-dense; no layout change needed.) Verified: flutter analyze lib clean; flutter build web green. Co-Authored-By: claude-flow <ruv@ruv.net>
This commit is contained in:
@@ -0,0 +1,16 @@
|
|||||||
|
import '../../models/it_service_request.model.dart';
|
||||||
|
import '../../theme/app_status_colors.dart';
|
||||||
|
|
||||||
|
/// Maps an IT service request status to a semantic [StatusKind] so its color
|
||||||
|
/// carries meaning consistently across the list and detail screens
|
||||||
|
/// (amber=pending approval, grey=scheduled, blue=in progress, green=completed,
|
||||||
|
/// grey=cancelled).
|
||||||
|
StatusKind isrStatusKind(String status) => switch (status) {
|
||||||
|
ItServiceRequestStatus.pendingApproval => StatusKind.warning,
|
||||||
|
ItServiceRequestStatus.scheduled => StatusKind.neutral,
|
||||||
|
ItServiceRequestStatus.inProgress => StatusKind.info,
|
||||||
|
ItServiceRequestStatus.inProgressDryRun => StatusKind.info,
|
||||||
|
ItServiceRequestStatus.completed => StatusKind.success,
|
||||||
|
ItServiceRequestStatus.cancelled => StatusKind.neutral,
|
||||||
|
_ => StatusKind.neutral,
|
||||||
|
};
|
||||||
@@ -31,6 +31,7 @@ import '../../widgets/mono_text.dart';
|
|||||||
import '../../widgets/responsive_body.dart';
|
import '../../widgets/responsive_body.dart';
|
||||||
import '../../theme/app_status_colors.dart';
|
import '../../theme/app_status_colors.dart';
|
||||||
import '../../widgets/status_pill.dart';
|
import '../../widgets/status_pill.dart';
|
||||||
|
import 'isr_status_kind.dart';
|
||||||
import 'it_service_request_pdf.dart';
|
import 'it_service_request_pdf.dart';
|
||||||
|
|
||||||
class ItServiceRequestDetailScreen extends ConsumerStatefulWidget {
|
class ItServiceRequestDetailScreen extends ConsumerStatefulWidget {
|
||||||
@@ -557,7 +558,7 @@ class _ItServiceRequestDetailScreenState
|
|||||||
MonoText(request.requestNumber!),
|
MonoText(request.requestNumber!),
|
||||||
const SizedBox(width: 12),
|
const SizedBox(width: 12),
|
||||||
StatusPill.kind(
|
StatusPill.kind(
|
||||||
_isrStatusKind(request.status),
|
isrStatusKind(request.status),
|
||||||
label: ItServiceRequestStatus.label(request.status),
|
label: ItServiceRequestStatus.label(request.status),
|
||||||
),
|
),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
@@ -2246,15 +2247,3 @@ class _EvidenceSectionState extends ConsumerState<_EvidenceSection> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Maps an IT service request status to a semantic [StatusKind]
|
|
||||||
/// (amber=pending approval, blue=scheduled/in-progress, green=completed,
|
|
||||||
/// grey=cancelled).
|
|
||||||
StatusKind _isrStatusKind(String status) => switch (status) {
|
|
||||||
ItServiceRequestStatus.pendingApproval => StatusKind.warning,
|
|
||||||
ItServiceRequestStatus.scheduled => StatusKind.info,
|
|
||||||
ItServiceRequestStatus.inProgress => StatusKind.info,
|
|
||||||
ItServiceRequestStatus.inProgressDryRun => StatusKind.info,
|
|
||||||
ItServiceRequestStatus.completed => StatusKind.success,
|
|
||||||
ItServiceRequestStatus.cancelled => StatusKind.neutral,
|
|
||||||
_ => StatusKind.neutral,
|
|
||||||
};
|
|
||||||
|
|||||||
@@ -19,6 +19,7 @@ import '../../utils/app_time.dart';
|
|||||||
import '../../utils/snackbar.dart';
|
import '../../utils/snackbar.dart';
|
||||||
import '../../theme/app_status_colors.dart';
|
import '../../theme/app_status_colors.dart';
|
||||||
import '../../widgets/app_status_summary.dart';
|
import '../../widgets/app_status_summary.dart';
|
||||||
|
import 'isr_status_kind.dart';
|
||||||
import '../../widgets/m3_card.dart';
|
import '../../widgets/m3_card.dart';
|
||||||
import '../../widgets/mono_text.dart';
|
import '../../widgets/mono_text.dart';
|
||||||
import '../../widgets/reconnect_overlay.dart';
|
import '../../widgets/reconnect_overlay.dart';
|
||||||
@@ -669,7 +670,10 @@ class _RequestTile extends StatelessWidget {
|
|||||||
if (request.requestNumber != null)
|
if (request.requestNumber != null)
|
||||||
MonoText(request.requestNumber!),
|
MonoText(request.requestNumber!),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
StatusPill(label: ItServiceRequestStatus.label(request.status)),
|
StatusPill.kind(
|
||||||
|
isrStatusKind(request.status),
|
||||||
|
label: ItServiceRequestStatus.label(request.status),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(height: 8),
|
const SizedBox(height: 8),
|
||||||
|
|||||||
Reference in New Issue
Block a user