{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "field-inspection-manager", "title": "Field Inspection Manager", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/field-inspection-manager/field-inspection-manager.component.ts", "content": "// Mobile/Desktop commercial property & equipment site inspection audit manager:\n// GPS geostamp telemetry, 4 KPI metric cards, searchable audits table with pass/fail\n// checklist scores, photo evidence thumbnail gallery with interactive lightbox modal,\n// cryptographic sign-off badges, and work order dispatch workflows.\n// Port of the React block 1:1 — same five records, same copy, same filters.\nimport { ChangeDetectionStrategy, Component, DestroyRef, Input, computed, inject, signal } from '@angular/core'\nimport { NgTemplateOutlet } from '@angular/common'\nimport {\n AlertCircle,\n AlertTriangle,\n Building2,\n Calendar,\n Camera,\n Check,\n CheckCircle2,\n ClipboardCheck,\n Clock,\n Copy,\n Download,\n Eye,\n LucideAngularModule,\n MapPin,\n MoreHorizontal,\n Percent,\n Plus,\n Search,\n ShieldAlert,\n ShieldCheck,\n UploadCloud,\n Wrench,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiAvatarComponent, UiAvatarFallbackComponent } from '@/ui/avatar/avatar.component'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport { UiCardComponent, UiCardContentComponent, UiCardHeaderComponent } from '@/ui/card/card.component'\nimport {\n UiDialogComponent,\n UiDialogContentComponent,\n UiDialogDescriptionComponent,\n UiDialogFooterComponent,\n UiDialogHeaderComponent,\n UiDialogTitleComponent,\n} from '@/ui/dialog/dialog.component'\nimport {\n UiDropdownMenuComponent,\n UiDropdownMenuContentComponent,\n UiDropdownMenuItemComponent,\n UiDropdownMenuLabelComponent,\n UiDropdownMenuSeparatorComponent,\n UiDropdownMenuTriggerComponent,\n} from '@/ui/dropdown-menu/dropdown-menu.component'\nimport { UiInputComponent } from '@/ui/input/input.component'\nimport {\n UiSelectComponent,\n UiSelectContentComponent,\n UiSelectItemComponent,\n UiSelectTriggerComponent,\n UiSelectValueComponent,\n} from '@/ui/select/select.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\n\nexport type InspectionStatus = 'passed' | 'critical' | 'minor'\nexport type InspectionFilter = 'all' | 'passed' | 'critical' | 'minor'\n\nexport interface PhotoEvidence {\n id: string\n title: string\n caption: string\n time: string\n previewType:\n | 'gauge'\n | 'coil'\n | 'mount'\n | 'thermal'\n | 'box'\n | 'conduit'\n | 'riser'\n | 'pump'\n | 'switch'\n | 'tank'\n | 'battery'\n | 'ats'\n | 'spall'\n | 'rebar'\n | 'crack'\n}\n\nexport interface ChecklistItem {\n id: string\n label: string\n status: 'pass' | 'fail' | 'minor'\n value: string\n}\n\nexport interface InspectionRecord {\n id: string\n assetId: string\n assetName: string\n category: string\n facility: string\n buildingBadge: string\n date: string\n time: string\n gps: string\n gpsAccuracy: string\n scorePassed: number\n scoreTotal: number\n status: InspectionStatus\n statusLabel: string\n duration: string\n defectSummary?: string\n workOrder?: string\n photos: PhotoEvidence[]\n inspector: {\n name: string\n role: string\n initials: string\n badge: string\n signoffStatus: string\n signoffHash: string\n }\n checklist: ChecklistItem[]\n}\n\nconst defaultRecords: InspectionRecord[] = [\n {\n id: 'insp-1',\n assetId: 'AST-HVAC-4091',\n assetName: 'Commercial HVAC Chiller Unit #4',\n category: 'HVAC & Thermal Systems',\n facility: 'Building A · Rooftop Mechanical Room',\n buildingBadge: 'Bldg A',\n date: 'Aug 21, 2026',\n time: '09:15 AM EDT',\n gps: '34.0522°N, 118.2437°W',\n gpsAccuracy: '±2.4m',\n scorePassed: 18,\n scoreTotal: 18,\n status: 'passed',\n statusLabel: '18 / 18 Passed',\n duration: '26 mins',\n photos: [\n {\n id: 'p1-1',\n title: 'Compressor Suction Manifold',\n caption: 'Suction pressure holding steady at 68.4 PSI; temperature sensor verified within calibration spec.',\n time: '09:18 AM',\n previewType: 'gauge',\n },\n {\n id: 'p1-2',\n title: 'Condenser Fan Coil Assembly',\n caption: 'Clean aluminum fin surfaces with zero debris obstruction; axial fan bearings lubricated.',\n time: '09:24 AM',\n previewType: 'coil',\n },\n {\n id: 'p1-3',\n title: 'Vibration Dampener Isolators',\n caption: 'Neoprene spring isolator pads intact with zero hairline settling fractures or mounting deflection.',\n time: '09:32 AM',\n previewType: 'mount',\n },\n ],\n inspector: {\n name: 'Marcus Vance',\n role: 'Senior Field Engineer',\n initials: 'MV',\n badge: 'PE #84920-CA',\n signoffStatus: 'Verified Cryptographic Sign-off',\n signoffHash: 'SHA-256: 9f8e21...41a2',\n },\n checklist: [\n {\n id: 'c1-1',\n label: 'Refrigerant Charge & Pressures',\n status: 'pass',\n value: '68.4 PSI Suction / 225 PSI Discharge',\n },\n { id: 'c1-2', label: 'Compressor Motor Amp Draw', status: 'pass', value: '42.1A (rated 46A max)' },\n { id: 'c1-3', label: 'Chilled Water Loop Delta-T', status: 'pass', value: '10.2°F Temperature Drop' },\n { id: 'c1-4', label: 'Emergency High-Pressure Cutout', status: 'pass', value: 'Trips accurately at 380 PSI' },\n ],\n },\n {\n id: 'insp-2',\n assetId: 'AST-SOLAR-1082',\n assetName: 'Rooftop Solar Array & Inverters',\n category: 'Renewable Energy & Power',\n facility: 'Building C · South Wing Solar Deck',\n buildingBadge: 'Bldg C',\n date: 'Aug 21, 2026',\n time: '10:45 AM EDT',\n gps: '34.0528°N, 118.2445°W',\n gpsAccuracy: '±1.8m',\n scorePassed: 14,\n scoreTotal: 18,\n status: 'critical',\n statusLabel: '14 / 18 - 2 Critical Fails',\n duration: '34 mins',\n defectSummary: 'DC string combiner box busbar overheating (84.2°C); micro-inverter #6 circuit failure.',\n workOrder: 'WO-SOLAR-4921 (High Priority Dispatched)',\n photos: [\n {\n id: 'p2-1',\n title: 'Inverter #6 Thermal Hotspot',\n caption: 'FLIR radiometric thermography shows 84.2°C localized hotspot at DC-AC bridge capacitor.',\n time: '10:52 AM',\n previewType: 'thermal',\n },\n {\n id: 'p2-2',\n title: 'Combiner Box Arc Degradation',\n caption: 'Busbar contact surface oxidation with heat discoloration and slight terminal pitting.',\n time: '11:04 AM',\n previewType: 'box',\n },\n {\n id: 'p2-3',\n title: 'PV String #4 Conduit Ingress',\n caption: 'Degraded rubber gasket on string junction conduit fitting allowing moisture penetration.',\n time: '11:12 AM',\n previewType: 'conduit',\n },\n ],\n inspector: {\n name: 'Marcus Vance',\n role: 'Senior Field Engineer',\n initials: 'MV',\n badge: 'PE #84920-CA',\n signoffStatus: 'Critical Defect Action Required',\n signoffHash: 'SHA-256: 4c3d88...71ef',\n },\n checklist: [\n {\n id: 'c2-1',\n label: 'Combiner Box Busbar Temp',\n status: 'fail',\n value: '84.2°C (exceeds 65°C safe operating limit)',\n },\n { id: 'c2-2', label: 'Micro-inverter #6 Communication', status: 'fail', value: 'Modbus timeout / Offline state' },\n { id: 'c2-3', label: 'PV Panel Surface Clarity', status: 'pass', value: 'Soiling index < 1.8%' },\n { id: 'c2-4', label: 'Rapid Shutdown System', status: 'pass', value: 'Voltages drop < 30V in 12s' },\n ],\n },\n {\n id: 'insp-3',\n assetId: 'AST-FIRE-8820',\n assetName: 'Fire Suppression & Sprinkler System',\n category: 'Life Safety & Protection',\n facility: 'Main Tower · Sub-Basement Pump Room B2',\n buildingBadge: 'Tower B2',\n date: 'Aug 21, 2026',\n time: '11:30 AM EDT',\n gps: '34.0515°N, 118.2420°W',\n gpsAccuracy: '±3.1m',\n scorePassed: 17,\n scoreTotal: 18,\n status: 'minor',\n statusLabel: '17 / 18 - 1 Minor Defect',\n duration: '22 mins',\n defectSummary: 'Main riser pressure gauge annual NIST calibration tag expired by 21 days; pressure intact.',\n workOrder: 'WO-FIRE-8820 (Standard Calibration Scheduled)',\n photos: [\n {\n id: 'p3-1',\n title: 'Main Riser Pressure Gauge',\n caption: 'Static pressure 145 PSI (nominal). Calibration tag stamped 07/2025 requiring routine re-tagging.',\n time: '11:34 AM',\n previewType: 'riser',\n },\n {\n id: 'p3-2',\n title: 'Jockey Pump Shaft Packing',\n caption: 'Packing gland seal dry with zero leakage; auto start/stop pressure cutoff cycle verified.',\n time: '11:41 AM',\n previewType: 'pump',\n },\n {\n id: 'p3-3',\n title: 'OS&Y Tamper Supervisory Switch',\n caption: 'Zone 1 control valve open; tamper switch sends instant supervisory signal to FACP.',\n time: '11:48 AM',\n previewType: 'switch',\n },\n ],\n inspector: {\n name: 'Marcus Vance',\n role: 'Senior Field Engineer',\n initials: 'MV',\n badge: 'PE #84920-CA',\n signoffStatus: 'Verified Cryptographic Sign-off',\n signoffHash: 'SHA-256: 7d1a99...33bc',\n },\n checklist: [\n { id: 'c3-1', label: 'System Static Water Pressure', status: 'pass', value: '145 PSI static / 125 PSI residual' },\n {\n id: 'c3-2',\n label: 'Riser Gauge Calibration Tag',\n status: 'minor',\n value: 'Overdue by 21 days (recalibration due)',\n },\n { id: 'c3-3', label: 'Diesel Fire Pump Auto-Start', status: 'pass', value: 'Cranked to 1750 RPM in 4.2s' },\n { id: 'c3-4', label: 'Flow Alarm Switch Delay', status: 'pass', value: 'Gong chime triggered at 32s' },\n ],\n },\n {\n id: 'insp-4',\n assetId: 'AST-GEN-3304',\n assetName: 'Emergency Backup Generator #2',\n category: 'Emergency Standby Power',\n facility: 'East Campus · Utility Pad North',\n buildingBadge: 'East Pad',\n date: 'Aug 21, 2026',\n time: '01:15 PM EDT',\n gps: '34.0535°N, 118.2450°W',\n gpsAccuracy: '±2.1m',\n scorePassed: 18,\n scoreTotal: 18,\n status: 'passed',\n statusLabel: '18 / 18 Passed',\n duration: '29 mins',\n photos: [\n {\n id: 'p4-1',\n title: 'Diesel Sub-Base Day Tank',\n caption:\n 'Ultra-low sulfur diesel fuel level at 98.4%; optical fuel water separator clean with zero particulate.',\n time: '01:21 PM',\n previewType: 'tank',\n },\n {\n id: 'p4-2',\n title: '24V Dual Starter Battery Bank',\n caption: 'Terminal posts clean with dielectric grease coating; float charging verified at 27.6V.',\n time: '01:28 PM',\n previewType: 'battery',\n },\n {\n id: 'p4-3',\n title: '800A ATS Transfer Switch',\n caption: 'Phase alignment and mechanical interlocking verified; utility power sync nominal.',\n time: '01:38 PM',\n previewType: 'ats',\n },\n ],\n inspector: {\n name: 'Marcus Vance',\n role: 'Senior Field Engineer',\n initials: 'MV',\n badge: 'PE #84920-CA',\n signoffStatus: 'Verified Cryptographic Sign-off',\n signoffHash: 'SHA-256: 3a7b54...82e9',\n },\n checklist: [\n { id: 'c4-1', label: 'Engine Crank & Run Test', status: 'pass', value: '60 Hz output reached in 6.8s' },\n { id: 'c4-2', label: 'Coolant Jacket Heater Temp', status: 'pass', value: '118°F Block temperature' },\n { id: 'c4-3', label: 'Oil Pressure & Level', status: 'pass', value: '55 PSI running oil pressure' },\n { id: 'c4-4', label: 'Exhaust Silencer & Insulation', status: 'pass', value: 'Zero exhaust gas or soot leakage' },\n ],\n },\n {\n id: 'insp-5',\n assetId: 'AST-STR-0019',\n assetName: 'Structural Foundation & Load Beams',\n category: 'Structural Integrity & Civil',\n facility: 'Parking Structure · Level P3 Pillar Grid 4D',\n buildingBadge: 'P3 Grid 4D',\n date: 'Aug 21, 2026',\n time: '02:40 PM EDT',\n gps: '34.0510°N, 118.2412°W',\n gpsAccuracy: '±1.9m',\n scorePassed: 16,\n scoreTotal: 18,\n status: 'critical',\n statusLabel: '16 / 18 - 2 Critical Fails',\n duration: '31 mins',\n defectSummary:\n 'Concrete shear spall at beam joint 4D corbel; exposed tension rebar #6 exhibiting active oxidation.',\n workOrder: 'WO-STR-4922 (Structural Engineer On-Site)',\n photos: [\n {\n id: 'p5-1',\n title: 'Pillar 4D Beam Shear Spall',\n caption: 'Concrete shear delamination (18cm wide x 4cm depth) near primary corbel support bracket.',\n time: '02:46 PM',\n previewType: 'spall',\n },\n {\n id: 'p5-2',\n title: 'Exposed Steel Rebar Oxidation',\n caption: 'Deformed rebar #6 exposed to ambient moisture with active ferric surface oxidation.',\n time: '02:54 PM',\n previewType: 'rebar',\n },\n {\n id: 'p5-3',\n title: 'Optical Crack Comparator Test',\n caption: 'Structural hairline fissure width measured at 2.2mm across tension face (spec max 0.3mm).',\n time: '03:02 PM',\n previewType: 'crack',\n },\n ],\n inspector: {\n name: 'Marcus Vance',\n role: 'Senior Field Engineer',\n initials: 'MV',\n badge: 'PE #84920-CA',\n signoffStatus: 'Critical Defect Action Required',\n signoffHash: 'SHA-256: 8e5f12...04db',\n },\n checklist: [\n { id: 'c5-1', label: 'Concrete Cover Spalling', status: 'fail', value: '18cm spall at corbel connection' },\n {\n id: 'c5-2',\n label: 'Structural Crack Aperture',\n status: 'fail',\n value: '2.2mm fissure (exceeds 0.3mm tolerance)',\n },\n { id: 'c5-3', label: 'Expansion Joint Elastomer', status: 'pass', value: 'Sealant elasticity within spec' },\n { id: 'c5-4', label: 'Drainage Channel Clearance', status: 'pass', value: 'Deck scuppers free of sediment' },\n ],\n },\n]\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-field-inspection-manager, [ui-field-inspection-manager]',\n standalone: true,\n // React renders the root
itself: the host stays out of layout and `class` goes to the root.\n host: { '[attr.class]': '\"contents\"' },\n imports: [\n LucideAngularModule,\n NgTemplateOutlet,\n UiAvatarComponent,\n UiAvatarFallbackComponent,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardHeaderComponent,\n UiDialogComponent,\n UiDialogContentComponent,\n UiDialogDescriptionComponent,\n UiDialogFooterComponent,\n UiDialogHeaderComponent,\n UiDialogTitleComponent,\n UiDropdownMenuComponent,\n UiDropdownMenuContentComponent,\n UiDropdownMenuItemComponent,\n UiDropdownMenuLabelComponent,\n UiDropdownMenuSeparatorComponent,\n UiDropdownMenuTriggerComponent,\n UiInputComponent,\n UiSelectComponent,\n UiSelectContentComponent,\n UiSelectItemComponent,\n UiSelectTriggerComponent,\n UiSelectValueComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n ],\n template: `\n
\n \n @if (toastMessage()) {\n \n \n {{ toastMessage() }}\n
\n }\n\n \n
\n
\n
\n \n
\n \n \n ISO-55001 & OSHA Audit Matrix\n \n\n \n \n \n \n \n \n 8 Audits Completed Today · 100% On-Time\n
\n
\n\n \n
\n

\n Site & Asset Inspection Audits\n

\n
\n
\n \n MV\n \n Marcus Vance\n
\n Senior Field Engineer (PE #84920-CA)\n Terminal: Apex Facility West\n
\n
\n
\n\n \n
\n \n \n Export Audits CSV\n \n\n \n \n Start New Inspection\n \n
\n
\n
\n\n \n
\n
\n
\n
\n Completed Inspections\n \n \n
\n
\n
\n
24
\n
\n 24 Audits This Week\n ·\n +14.2% vs target\n
\n
\n
\n
\n\n
\n
\n
\n Critical Defects Flagged\n \n \n
\n
\n
\n
2
\n
\n 2 Critical Deficiencies\n ·\n Work Orders Dispatched\n
\n
\n
\n \n\n
\n
\n
\n First-Time Pass Rate\n \n \n
\n
\n
\n
91.6%
\n
\n 91.6% Pass Rate\n ·\n Above 90.0% SLA\n
\n
\n
\n \n\n
\n
\n
\n Avg Inspection Duration\n \n \n
\n
\n
\n
28m
\n
\n 28 mins / audit\n ·\n -4m vs benchmark\n
\n
\n
\n \n \n\n \n
\n
\n
\n \n
\n \n \n \n \n
\n\n \n
\n
\n \n \n \n All Facilities (5)\n Building A (2)\n Building B (1)\n Building C (1)\n Parking Structure (1)\n \n \n
\n\n
\n \n \n
\n
\n
\n
\n
\n\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n @for (record of filteredRecords(); track record.id) {\n \n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n \n }\n \n
Asset & FacilityDate & GPS StampingInspection ChecklistStatus & Work OrderPhotographic EvidenceInspector & Sign-offActions
\n
\n
\n {{ record.assetName }}\n {{ record.buildingBadge }}\n
\n
{{ record.assetId }}
\n
\n \n {{ record.facility }}\n
\n
\n 		\n
\n
\n \n {{ record.date }}\n
\n
\n \n {{ record.time }} ({{ record.duration }})\n
\n \n \n {{ record.gps }}\n @if (copiedGpsId() === record.id) {\n \n } @else {\n \n }\n \n
\n 		\n
\n
\n Score\n {{ record.statusLabel }}\n
\n
\n
\n
\n
\n @for (item of record.checklist.slice(0, 2); track item.id) {\n
\n @if (item.status === 'pass') {\n \n } @else if (item.status === 'fail') {\n \n } @else {\n \n }\n {{ item.label }}: {{ item.value }}\n
\n }\n
\n \n 		\n
\n \n @if (record.status === 'passed') {\n \n } @else if (record.status === 'critical') {\n \n } @else {\n \n }\n {{ record.status }}\n \n\n @if (record.defectSummary) {\n

\n {{ record.defectSummary }}\n

\n } @else {\n

\n All calibration points verified within tolerance.\n

\n }\n\n @if (record.workOrder) {\n
\n \n \n {{ record.workOrder }}\n \n
\n }\n
\n 		\n
\n
\n @for (photo of record.photos; track photo.id; let pIdx = $index) {\n \n \n \n \n
\n \n }\n
\n
\n \n {{ record.photos.length }} Attachments\n
\n \n 		\n
\n
\n \n \n {{ record.inspector.initials }}\n \n \n {{ record.inspector.name }}\n
\n
\n \n @if (record.status !== 'critical') {\n \n } @else {\n \n }\n {{ record.inspector.signoffStatus }}\n \n
\n
{{ record.inspector.signoffHash }}
\n
\n 		\n \n \n \n
{{ record.assetId }}
\n \n \n \n View Audit Report\n \n \n \n Download PDF\n \n \n \n Copy GPS Coordinates\n \n \n \n \n {{ record.status === 'critical' ? 'Expedite Work Order' : 'Create Work Order' }}\n \n \n \n
\n
\n
\n\n \n \n @if (previewPhoto(); as preview) {\n \n
\n
\n
\n \n

{{ preview.photo.title }}

\n
\n {{ preview.record.assetId }}\n
\n

\n Captured during {{ preview.record.assetName }} site inspection audit.\n

\n
\n\n
\n \n
\n @if (preview.photo.previewType === 'gauge') {\n \n \n \n \n \n \n \n 68.4 PSI · NOMINAL\n \n \n } @else if (preview.photo.previewType === 'thermal') {\n \n \n \n \n \n \n \n \n 84.2°C CRITICAL\n \n \n } @else if (preview.photo.previewType === 'spall') {\n \n \n \n \n \n 18cm SHEAR SPALL\n \n } @else {\n \n \n \n \n \n \n \n }\n
\n\n
\n
\n
\n
\n
\n
\n\n \n \n GEO-AUTHENTICATED FIELD PHOTO\n
\n\n \n
\n \n 📍 {{ preview.record.gps }} ({{ preview.record.gpsAccuracy }})\n \n {{ preview.record.date }} · {{ preview.photo.time }}\n
\n \n \n\n
\n
Inspector Field Observation:
\n

{{ preview.photo.caption }}

\n
\n\n
\n
\n Asset ID\n {{ preview.record.assetId }}\n
\n
\n Facility\n {{ preview.record.buildingBadge }}\n
\n
\n Capture Timestamp\n {{ preview.photo.time }}\n
\n
\n Cryptographic Seal\n Valid SHA-256\n
\n
\n \n\n
\n \n \n Download Original Photo\n \n \n
\n \n }\n \n\n \n \n @if (selectedAudit(); as audit) {\n \n
\n
\n
\n
\n {{ audit.assetId }}\n \n {{ audit.statusLabel }}\n \n
\n

{{ audit.assetName }}

\n
\n
\n

\n Commercial facility asset engineering inspection audit record · {{ audit.category }}\n

\n
\n\n
\n
\n
\n Facility Location\n {{ audit.facility }}\n
\n
\n Inspection Time\n \n {{ audit.date }} · {{ audit.time }}\n \n
\n
\n GPS Geostamp\n \n {{ audit.gps }}\n \n Accuracy: {{ audit.gpsAccuracy }}\n
\n
\n Audit Duration\n \n {{ audit.duration }}\n \n SLA compliant\n
\n
\n\n @if (audit.status === 'critical') {\n \n
\n \n Critical Deficiencies Flagged · Action Dispatched\n
\n

{{ audit.defectSummary }}

\n
Active Work Order: {{ audit.workOrder }}
\n
\n }\n\n
\n
\n Pass / Fail Checklist Audit Items\n \n {{ audit.scorePassed }} / {{ audit.scoreTotal }} Passed\n \n
\n
\n @for (item of audit.checklist; track item.id) {\n
\n
\n \n {{ item.status }}\n \n {{ item.label }}\n
\n {{ item.value }}\n
\n }\n
\n
\n\n
\n Photographic Evidence Attachments\n
\n @for (photo of audit.photos; track photo.id) {\n \n
\n
\n \n
\n
\n
{{ photo.title }}
\n
{{ photo.time }}
\n \n }\n
\n
\n\n
\n
\n \n \n Electronic Cryptographic Engineer Sign-off\n \n {{ audit.inspector.badge }}\n
\n
\n

{{ audit.inspector.name }}

\n
\n
\n Signer: {{ audit.inspector.name }} · {{ audit.inspector.role }}\n {{ audit.inspector.signoffHash }}\n
\n
\n \n\n
\n \n \n Download PDF Report\n \n \n
\n \n }\n \n\n \n \n \n
\n
\n \n

Start New Site & Asset Inspection Audit

\n
\n

\n Initiate a field engineering inspection with automatic GPS geostamping and checklist validation.\n

\n
\n\n @if (newAuditSuccess()) {\n
\n
\n \n
\n

Inspection Audit Logged Successfully

\n

\n Audit has been recorded with GPS geostamp 34.0522°N, 118.2437°W and synced to cloud repository.\n

\n
\n } @else {\n
\n
\n
\n \n \n \n \n AST-HVAC-4091 · Chiller Unit #4\n AST-SOLAR-1082 · Solar Array & Inverters\n AST-FIRE-8820 · Fire Sprinkler System\n AST-GEN-3304 · Backup Generator #2\n AST-STR-0019 · Foundation & Beams\n AST-ELEV-9012 · Passenger Elevator Bank A\n \n \n
\n\n
\n \n \n
\n
\n\n
\n
\n \n
\n Live GPS Telemetry Lock\n \n 34.0522°N, 118.2437°W · Accuracy ±1.5m\n \n
\n
\n \n GPS Locked\n \n
\n\n
\n \n \n
\n \n

Click to upload photo evidence or drag & drop

\n

Supports JPG, PNG up to 15MB with GPS EXIF retention

\n
\n
\n
\n\n
\n \n \n
\n \n }\n\n @if (!newAuditSuccess()) {\n
\n \n \n
\n }\n \n \n \n\n \n \n
\n @if (type === 'gauge') {\n \n \n \n \n \n \n } @else if (type === 'coil') {\n \n \n \n \n \n \n \n \n } @else if (type === 'mount') {\n \n \n \n \n \n \n } @else if (type === 'thermal') {\n \n \n \n \n \n \n \n } @else if (type === 'box') {\n \n \n \n \n \n \n \n } @else if (type === 'conduit') {\n \n \n \n \n \n \n } @else if (type === 'riser') {\n \n \n \n \n \n \n } @else if (type === 'pump') {\n \n \n \n \n \n \n } @else if (type === 'switch') {\n \n \n \n \n \n } @else if (type === 'tank') {\n \n \n \n \n \n } @else if (type === 'battery') {\n \n \n \n \n \n \n } @else if (type === 'ats') {\n \n \n \n \n \n \n \n } @else if (type === 'spall') {\n \n \n \n \n \n } @else if (type === 'rebar') {\n \n \n \n \n \n } @else {\n \n \n \n \n \n }\n
\n \n `,\n})\nexport class UiFieldInspectionManagerComponent {\n protected readonly AlertCircle = AlertCircle\n protected readonly AlertTriangle = AlertTriangle\n protected readonly Building2 = Building2\n protected readonly Calendar = Calendar\n protected readonly Camera = Camera\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly ClipboardCheck = ClipboardCheck\n protected readonly Clock = Clock\n protected readonly Copy = Copy\n protected readonly Download = Download\n protected readonly Eye = Eye\n protected readonly MapPin = MapPin\n protected readonly MoreHorizontal = MoreHorizontal\n protected readonly Percent = Percent\n protected readonly Plus = Plus\n protected readonly Search = Search\n protected readonly ShieldAlert = ShieldAlert\n protected readonly ShieldCheck = ShieldCheck\n protected readonly UploadCloud = UploadCloud\n protected readonly Wrench = Wrench\n\n @Input() set initialFilter(v: InspectionFilter | undefined) {\n this.activeFilter.set(v ?? 'all')\n }\n @Input() set initialRecords(v: InspectionRecord[] | undefined) {\n this.inspectionRecords.set((v ?? defaultRecords).map((r) => ({ ...r })))\n }\n @Input('class') className?: string\n\n readonly activeFilter = signal('all')\n readonly searchQuery = signal('')\n readonly selectedFacility = signal('all')\n readonly copiedGpsId = signal(null)\n readonly toastMessage = signal(null)\n\n readonly previewPhoto = signal<{ photo: PhotoEvidence; record: InspectionRecord } | null>(null)\n readonly selectedAudit = signal(null)\n readonly isNewAuditOpen = signal(false)\n\n readonly inspectionRecords = signal(defaultRecords.map((r) => ({ ...r })))\n\n readonly newAuditAsset = signal('AST-HVAC-4091')\n readonly newAuditFacility = signal('Building A · Rooftop Mechanical Room')\n readonly newAuditNotes = signal('')\n readonly newAuditSuccess = signal(false)\n\n private timers: ReturnType[] = []\n\n constructor() {\n inject(DestroyRef).onDestroy(() => this.timers.forEach((t) => clearTimeout(t)))\n }\n\n readonly filteredRecords = computed(() => {\n const filter = this.activeFilter()\n const facility = this.selectedFacility()\n const q = this.searchQuery().toLowerCase().trim()\n return this.inspectionRecords().filter((record) => {\n if (filter === 'passed' && record.status !== 'passed') return false\n if (filter === 'critical' && record.status !== 'critical') return false\n if (filter === 'minor' && record.status !== 'minor') return false\n if (facility !== 'all' && !record.facility.includes(facility)) return false\n if (q) {\n const hay = `${record.assetName} ${record.assetId} ${record.facility} ${record.category}`.toLowerCase()\n if (!hay.includes(q)) return false\n }\n return true\n })\n })\n\n get rootClass(): string {\n return cn('text-foreground w-full space-y-6', this.className)\n }\n\n filterPillClass(filter: InspectionFilter): string {\n return cn(\n 'focus-visible:ring-ring inline-flex cursor-pointer items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors focus-visible:ring-2 focus-visible:outline-none',\n this.activeFilter() !== filter && 'bg-muted/40 text-muted-foreground hover:bg-muted hover:text-foreground',\n this.activeFilter() === filter &&\n filter === 'all' &&\n 'bg-primary text-primary-foreground font-semibold shadow-xs',\n this.activeFilter() === filter && filter === 'passed' && 'bg-success font-semibold text-white shadow-xs',\n this.activeFilter() === filter && filter === 'critical' && 'bg-destructive font-semibold text-white shadow-xs',\n this.activeFilter() === filter && filter === 'minor' && 'bg-warning font-semibold text-white shadow-xs',\n )\n }\n\n scoreClass(status: InspectionStatus): string {\n return cn(\n 'font-mono font-semibold',\n status === 'passed' && 'text-success',\n status === 'critical' && 'text-destructive',\n status === 'minor' && 'text-warning',\n )\n }\n\n scoreBarClass(status: InspectionStatus): string {\n return cn(\n 'h-full rounded-full transition-[width] duration-300',\n status === 'passed' && 'bg-success',\n status === 'critical' && 'bg-destructive',\n status === 'minor' && 'bg-warning',\n )\n }\n\n statusBadgeClass(status: InspectionStatus): string {\n return cn(\n 'text-xs font-semibold capitalize',\n status === 'passed' && 'bg-success hover:bg-success/90 text-white',\n status === 'minor' && 'bg-warning hover:bg-warning/90 text-white',\n status === 'critical' && 'bg-destructive hover:bg-destructive/90 text-white',\n )\n }\n\n signoffClass(status: InspectionStatus): string {\n return cn(\n 'inline-flex items-center gap-1 font-mono text-xs font-medium',\n status === 'critical' ? 'text-destructive' : 'text-success',\n )\n }\n\n setSelectedFacility(value: string): void {\n this.selectedFacility.set(value)\n }\n\n copyGps(gps: string, recordId: string): void {\n try {\n void navigator.clipboard?.writeText(gps)\n } catch {\n // Clipboard unavailable (jsdom) — toast still confirms the action.\n }\n this.copiedGpsId.set(recordId)\n this.showToast(`GPS Coordinates ${gps} copied to clipboard`)\n const timer = setTimeout(() => {\n if (this.copiedGpsId() === recordId) this.copiedGpsId.set(null)\n }, 2200)\n this.timers.push(timer)\n }\n\n showToast(msg: string): void {\n this.toastMessage.set(msg)\n const timer = setTimeout(() => {\n if (this.toastMessage() === msg) this.toastMessage.set(null)\n }, 3000)\n this.timers.push(timer)\n }\n\n handleOpenPhoto(photo: PhotoEvidence, record: InspectionRecord): void {\n this.previewPhoto.set({ photo, record })\n }\n\n handleViewReport(record: InspectionRecord): void {\n this.selectedAudit.set(record)\n }\n\n handleDownloadPdf(record: InspectionRecord): void {\n this.showToast(`Downloading certified PDF audit report for ${record.assetId}...`)\n }\n\n handleCreateWorkOrder(record: InspectionRecord): void {\n this.showToast(`Work Order generated for ${record.assetName} (Assigned to Facilities Ops)`)\n }\n\n handleStartNewInspection(): void {\n this.isNewAuditOpen.set(true)\n }\n\n onPreviewOpenChange(open: boolean): void {\n if (!open) this.previewPhoto.set(null)\n }\n\n onAuditOpenChange(open: boolean): void {\n if (!open) this.selectedAudit.set(null)\n }\n\n submitNewAudit(): void {\n this.newAuditSuccess.set(true)\n this.showToast('New audit inspection successfully submitted and recorded!')\n const timer = setTimeout(() => {\n this.isNewAuditOpen.set(false)\n this.newAuditSuccess.set(false)\n this.newAuditNotes.set('')\n }, 1400)\n this.timers.push(timer)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/field-inspection-manager/field-inspection-manager.component.ts" }, { "path": "packages/registry-angular/blocks/field-inspection-manager/index.ts", "content": "export {\n UiFieldInspectionManagerComponent,\n type InspectionStatus,\n type InspectionFilter,\n type PhotoEvidence,\n type ChecklistItem,\n type InspectionRecord,\n} from './field-inspection-manager.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/field-inspection-manager/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/avatar.json", "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/dialog.json", "https://uipkge.dev/r/angular/dropdown-menu.json", "https://uipkge.dev/r/angular/input.json", "https://uipkge.dev/r/angular/select.json", "https://uipkge.dev/r/angular/table.json" ], "description": "Mobile/Desktop commercial property & equipment site inspection audit manager featuring GPS geostamp telemetry, 4 KPI metric cards, searchable audits table with pass/fail checklist scores, photo evidence thumbnail gallery with interactive lightbox modal, cryptographic sign-off badges, and work order dispatch workflows.", "categories": [ "logistics", "app", "forms", "dashboard" ] }