Operating checking
Detail
- Status
- Active
- Type
- Asset
- Commodity
- USD
- Parent account
- Current assets
- Source
- Created in Ledger
- Month-end observed balance
- Required
- Balance
- $38,442.11
Transactions
Current assets · All accounts
Current assets · All accounts
| Select all | Date | Description | Status | Accounts | Amount | Actions |
|---|---|---|---|---|---|---|
| DateJul 28 | Northwind payment | StatusVerified | AccountsAccounts receivable → Operating checking | Amount$4,800.00 | ||
| DateJul 27 | Cloud hosting | StatusVerified | AccountsOperating checking → Software expense | Amount$386.42 | ||
| DateJul 26 | ACH withdrawal | StatusUnverified | AccountsOperating checking → Placeholder | Amount$1,240.00 | ||
| DateJun 24 | Office supplies | StatusCommitted | AccountsBusiness card → Office expense | Amount$128.19 |
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let detailExample resolve accountsDestination actions transactions =
Detail.create "Operating checking" [
Section.create (SectionHeader.create "Detail") (
DescriptionList.create [
DetailField.status "Status" (Status.positive "Active")
DetailField.text "Type" "Asset"
DetailField.text "Commodity" "USD"
DetailField.text "Parent account" "Current assets"
DetailField.text "Source" "Created in Ledger"
DetailField.text "Month-end observed balance" "Required"
DetailField.text "Balance" "$38,442.11" ]
|> DescriptionList.withColumns DescriptionListColumns.Three
|> DescriptionList.render)
|> Section.render resolve
SectionHeader.create "Transactions"
|> SectionHeader.withDescription "Current assets · All accounts"
|> SectionHeader.withActions (ActionCluster.create "detail-transaction-actions" [ ApplicationAction.link accountsDestination "View all accounts" ])
|> fun header -> Section.create header transactions
|> Section.withLabel "Recent transactions"
|> Section.render resolve
]
|> Detail.withActions actions
|> Detail.render resolve