82 lines
3.1 KiB
Swift
82 lines
3.1 KiB
Swift
|
import SwiftUI
|
||
|
|
import LabWiseKit
|
||
|
|
|
||
|
|
struct ChemicalDetailView: View {
|
||
|
|
let chemical: Chemical
|
||
|
|
|
||
|
|
var body: some View {
|
||
|
|
Form {
|
||
|
|
Section("Identity") {
|
||
|
|
LabeledContent("Name", value: chemical.chemicalName)
|
||
|
|
LabeledContent("CAS Number", value: chemical.casNumber)
|
||
|
|
if let formula = chemical.chemicalFormula {
|
||
|
|
LabeledContent("Formula", value: formula)
|
||
|
|
}
|
||
|
|
if let mw = chemical.molecularWeight {
|
||
|
|
LabeledContent("Molecular Weight", value: mw)
|
||
|
|
}
|
||
|
|
LabeledContent("Physical State", value: chemical.physicalState.capitalized)
|
||
|
|
if let conc = chemical.concentration {
|
||
|
|
LabeledContent("Concentration", value: conc)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Section("Storage") {
|
||
|
|
LabeledContent("Location", value: chemical.storageLocation)
|
||
|
|
LabeledContent("Device", value: chemical.storageDevice)
|
||
|
|
LabeledContent("Building", value: chemical.bldgCode)
|
||
|
|
LabeledContent("Lab", value: chemical.lab)
|
||
|
|
LabeledContent("Containers", value: chemical.numberOfContainers)
|
||
|
|
LabeledContent("Amount / Container", value: "\(chemical.amountPerContainer) \(chemical.unitOfMeasure)")
|
||
|
|
if let pct = chemical.percentageFull {
|
||
|
|
LabeledContent("% Full") {
|
||
|
|
HStack(spacing: 8) {
|
||
|
|
PercentageBar(value: pct / 100)
|
||
|
|
.frame(width: 80, height: 6)
|
||
|
|
Text("\(Int(pct))%")
|
||
|
|
.font(.callout)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Section("Vendor") {
|
||
|
|
LabeledContent("PI", value: chemical.piFirstName)
|
||
|
|
if let vendor = chemical.vendor {
|
||
|
|
LabeledContent("Vendor", value: vendor)
|
||
|
|
}
|
||
|
|
if let catalog = chemical.catalogNumber {
|
||
|
|
LabeledContent("Catalog #", value: catalog)
|
||
|
|
}
|
||
|
|
if let lot = chemical.lotNumber {
|
||
|
|
LabeledContent("Lot #", value: lot)
|
||
|
|
}
|
||
|
|
if let exp = chemical.expirationDate {
|
||
|
|
LabeledContent("Expiration", value: exp)
|
||
|
|
}
|
||
|
|
if let barcode = chemical.barcode {
|
||
|
|
LabeledContent("Barcode", value: barcode)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if let comments = chemical.comments, !comments.isEmpty {
|
||
|
|
Section("Comments") {
|
||
|
|
Text(comments)
|
||
|
|
.font(.body)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Section("Record") {
|
||
|
|
if let created = chemical.createdAt {
|
||
|
|
LabeledContent("Created", value: created)
|
||
|
|
}
|
||
|
|
if let updated = chemical.updatedAt {
|
||
|
|
LabeledContent("Updated", value: updated)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.navigationTitle(chemical.chemicalName)
|
||
|
|
.navigationBarTitleDisplayMode(.inline)
|
||
|
|
}
|
||
|
|
}
|