Contexts / form
form
An object as a form.
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:d2bda633e857…Open full size: User form screen generated by OODS Foundry in Reactsha256:7fffbf99d80d…Open full size: User form screen generated by OODS Foundry in Vuesha256:062d4b0b456a…Open full size: Invoice form screen generated by OODS Foundry in Reactsha256:edb30ad46a2a…Open full size: Invoice form screen generated by OODS Foundry in Vuesha256:19177946e041…Open full size: Plan form screen generated by OODS Foundry in Reactsha256:3abc0cc85124…Open full size: Plan form screen generated by OODS Foundry in Vuesha256:4ec092f76727…Open full size: Subscription form screen generated by OODS Foundry in Reactsha256:c610e0e03690…Open full size: Subscription form screen generated by OODS Foundry in VueThe calls that made the User form apps, in React and Vue
design_compose {
"object": "User",
"context": "form",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-751e85d0",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-751e85d0",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:d2bda633e857e37264c42b9363fe8e8bf9c843bfd571e302680ca2b9d040696e. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:7fffbf99d80d6830392523794b6f5a49e7e2bd4f5800b6ede94135ee71a4066f. 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.OODS-V119No view_extensions found for context "form" in object "Invoice". Available contexts: list, card, detail, dashboard
The calls that made the Invoice form apps, in React and Vue
design_compose {
"object": "Invoice",
"context": "form",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-9b3217bb",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-9b3217bb",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:062d4b0b456a31846f480da86d6cf152f5ffd2a5bcf2375289228e4680ee31a7. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:edb30ad46a2ae71c13d68aeee9b4015a1eda6684a19c1de373dba2806e9a8742. 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.OODS-V119No view_extensions found for context "form" in object "Plan". Available contexts: list, card, detail
The calls that made the Plan form apps, in React and Vue
design_compose {
"object": "Plan",
"context": "form",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-50871210",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-50871210",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:19177946e041dc724bd3a0d812db1e12b16c0576de883ef1a431f7bef0cdc4be. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:3abc0cc8512462814f988b22e4b48f7bf88e848cb760e4356dd524ab3be70f58. 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 form apps, in React and Vue
design_compose {
"object": "Subscription",
"context": "form",
"preferences": {
"brand": "Aquex",
"theme": "light"
}
}
code_generate {
"schemaRef": "compose-3d5240da",
"framework": "react",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}
code_generate {
"schemaRef": "compose-3d5240da",
"framework": "vue",
"profile": "build",
"options": {
"output": "application",
"brand": "Aquex",
"theme": "light",
"payloadMode": "file"
}
}The React app's content hash: sha256:4ec092f767279a592addf1db8bf6792733165512e0605207e084ece7cdb55379. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css
The Vue app's content hash: sha256:c610e0e03690b21a000908fc2eaf0a0a350a5754efec406ee0fb3cd18d4f9eb8. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css
What traits place here
- Addressable
AddressEditor- Authable
RoleAssignmentForm- Billable
BillingIntervalSelector,BillingAmountInput- Cancellable
CancellationForm- Classifiable
ClassificationEditor- Colorized
ColorStatePicker- Communicable
TemplatePicker- EncodingColor
VizColorControls,VizColorLegendConfig- EncodingOpacity
VizOpacityControls- EncodingPositionX
VizAxisControls- EncodingPositionY
VizAxisControls- EncodingShape
VizShapeControls,VizShapeLegend- EncodingSize
VizSizeControls- Geocodable
GeoFieldMappingForm- Labelled
FormLabelGroup- MarkArea
VizAreaControls- MarkBar
VizMarkControls- MarkLine
VizLineControls- MarkPoint
VizPointControls- MarkRect
VizHeatmapControls- Preferenceable
PreferenceEditor- ScaleLinear
VizScaleControls- ScaleTemporal
VizScaleControls- ScatterPlot
VizScatterControls- Stateful
StatusSelector- Statusable
StatusBadge- Taggable
TagInput