@@ -154,6 +154,22 @@ export default function NodeDetailPage({ params }: { params: Promise<{ uuid: str
154154 ) }
155155 </ dd >
156156 </ div >
157+ { node . maintenance && node . maintenance_reason && (
158+ < div className = "bg-gray-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
159+ < dt className = "text-sm font-medium text-gray-500" > Maintenance Reason</ dt >
160+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . maintenance_reason } </ dd >
161+ </ div >
162+ ) }
163+ { node . fault && (
164+ < div className = "bg-red-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
165+ < dt className = "text-sm font-medium text-red-500" > Fault</ dt >
166+ < dd className = "mt-1 sm:mt-0 sm:col-span-2" >
167+ < span className = "px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800" >
168+ { node . fault }
169+ </ span >
170+ </ dd >
171+ </ div >
172+ ) }
157173 { node . driver && (
158174 < div className = "bg-gray-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
159175 < dt className = "text-sm font-medium text-gray-500" > Driver</ dt >
@@ -181,12 +197,60 @@ export default function NodeDetailPage({ params }: { params: Promise<{ uuid: str
181197 < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . resource_class } </ dd >
182198 </ div >
183199 ) }
184- { node . instance_uuid && (
200+ { node . conductor && (
201+ < div className = "bg-gray-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
202+ < dt className = "text-sm font-medium text-gray-500" > Conductor</ dt >
203+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . conductor } </ dd >
204+ </ div >
205+ ) }
206+ { node . description && (
207+ < div className = "bg-white px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
208+ < dt className = "text-sm font-medium text-gray-500" > Description</ dt >
209+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . description } </ dd >
210+ </ div >
211+ ) }
212+ { node . owner && (
213+ < div className = "bg-gray-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
214+ < dt className = "text-sm font-medium text-gray-500" > Owner</ dt >
215+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . owner } </ dd >
216+ </ div >
217+ ) }
218+ { node . lessee && (
219+ < div className = "bg-white px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
220+ < dt className = "text-sm font-medium text-gray-500" > Lessee</ dt >
221+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . lessee } </ dd >
222+ </ div >
223+ ) }
224+ { node . traits && node . traits . length > 0 && (
185225 < div className = "bg-gray-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
226+ < dt className = "text-sm font-medium text-gray-500" > Traits</ dt >
227+ < dd className = "mt-1 sm:mt-0 sm:col-span-2 flex flex-wrap gap-1" >
228+ { node . traits . map ( ( trait ) => (
229+ < span key = { trait } className = "px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-indigo-100 text-indigo-800" >
230+ { trait }
231+ </ span >
232+ ) ) }
233+ </ dd >
234+ </ div >
235+ ) }
236+ { node . instance_uuid && (
237+ < div className = "bg-white px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
186238 < dt className = "text-sm font-medium text-gray-500" > Instance UUID</ dt >
187239 < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . instance_uuid } </ dd >
188240 </ div >
189241 ) }
242+ { node . allocation_uuid && (
243+ < div className = "bg-gray-50 px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
244+ < dt className = "text-sm font-medium text-gray-500" > Allocation UUID</ dt >
245+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { node . allocation_uuid } </ dd >
246+ </ div >
247+ ) }
248+ { node . provision_updated_at && (
249+ < div className = "bg-white px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
250+ < dt className = "text-sm font-medium text-gray-500" > Provision Updated</ dt >
251+ < dd className = "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" > { new Date ( node . provision_updated_at ) . toLocaleString ( ) } </ dd >
252+ </ div >
253+ ) }
190254 { node . created_at && (
191255 < div className = "bg-white px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" >
192256 < dt className = "text-sm font-medium text-gray-500" > Created</ dt >
0 commit comments