Contexts / list
list
An object as a row in a list.
Generated from @oods/foundry 0.10.1
The same context across several objects
Each is its object's generated screen in this context, in React and Vue, with the calls that made it. Open an object for its other contexts.
sha256:7b515068c105…Open full size: User list screen generated by OODS Foundry in Reactsha256:ad1d827a009d…Open full size: User list screen generated by OODS Foundry in Vuesha256:05dac7424d09…Open full size: Invoice list screen generated by OODS Foundry in Reactsha256:9476b6d0b0dc…Open full size: Invoice list screen generated by OODS Foundry in Vuesha256:c0e65d1035b9…Open full size: Plan list screen generated by OODS Foundry in Reactsha256:e37fbc985d9a…Open full size: Plan list screen generated by OODS Foundry in Vuesha256:1a4469913d0d…Open full size: Subscription list screen generated by OODS Foundry in Reactsha256:b952f0e283b5…Open full size: Subscription list screen generated by OODS Foundry in VueThe calls that made the User list apps, in React and Vue
design_compose {
"object": "User",
"context": "list",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-9f9acda5",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-9f9acda5",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:7b515068c10523a2e58449e6847db409ea829e89b247d45d216b48607a31746d. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:ad1d827a009d1941034974971276ab53321a6911df909e27c95ed49bc295a2c7. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css
What design_compose reported:
OODS-V121Object 'Invoice' has maturity 'beta' — composed output may change.
The calls that made the Invoice list apps, in React and Vue
design_compose {
"object": "Invoice",
"context": "list",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-64c89dfa",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-64c89dfa",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:05dac7424d0969dd9d65ac50e79bc36b8824600f02f28d61ed5a70776e548fda. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:9476b6d0b0dc281e4df501bffb2ca2b9f2beddea07e9712055c0cbf271ac814a. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css
What design_compose reported:
OODS-V121Object 'Plan' has maturity 'beta' — composed output may change.
The calls that made the Plan list apps, in React and Vue
design_compose {
"object": "Plan",
"context": "list",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-a97a41ea",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-a97a41ea",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:c0e65d1035b993ee3dd33e9c57e4fc29f8fc9e3c4b32f34920e06960c38024fc. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:e37fbc985d9a594b78a2be09a841401871b2eb919fa845394654f95135d31afc. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css
What design_compose reported:
OODS-V121Object 'Subscription' has maturity 'beta' — composed output may change.OODS-V117Subscription refines 11 fields its traits define, and its own definitions are used: lifecycle/Stateful (status); lifecycle/Cancellable (cancel_at_period_end, cancellation_reason, cancellation_requested_at); financial/Billable (amount, currency, billing_interval, current_period_start, current_period_end, current_period_progress, next_payment_due_at).
The calls that made the Subscription list apps, in React and Vue
design_compose {
"object": "Subscription",
"context": "list",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-b1183dc3",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-b1183dc3",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:1a4469913d0d7e8a40c141b1eeb6f439096cf3521c687b20becc05d18ce44294. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:b952f0e283b5d5ea4a8ad98b10992e2f01e0aaec2c17c176d70f5be30caa2855. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css
What traits place here
- Addressable
AddressSummaryBadge- Archivable
ArchivedRowOverlay- Assessable
StatusBadge- Authable
RoleBadgeList- Billable
BillingSummaryBadge- Classifiable
ClassificationBadge- Colorized
ColorSwatch- Communicable
MessageStatusBadge- EncodingColor
VizEncodingBadge- EncodingPositionX
VizEncodingBadge- EncodingPositionY
VizEncodingBadge- EncodingSize
VizEncodingBadge- Filterable
FilterPanel- Geocodable
GeoResolutionBadge- Labelled
LabelCell- MarkArea
VizRoleBadge- MarkBar
VizRoleBadge- MarkLine
VizRoleBadge- MarkPoint
VizRoleBadge- Ownerable
OwnerBadge- Pageable
PaginationBar- Preferenceable
PreferenceSummaryBadge- Priceable
PriceBadge- Provenanced
RelativeTimestamp- SaaSBillingBillable
BillingSummaryBadge- SaaSBillingPayable
BillingSummaryBadge- Searchable
SearchInput- Sortable
SortIndicator- Stateful
StatusBadge- Statusable
StatusBadge- Supersedable
StatusBadge- Taggable
TagPills- Timestampable
RelativeTimestamp