cc-oauth-consumer: init component

[HeleneAmouzou]

Context

This component is dedicated to manage an oauth consumer.

To be discussed

• naming (component, prop, etc.)

Technical details

This component will be split into 2 components:

• cc-oauth-consumer-form : a component with a form for the creation and edition of an oauth consumer,
• cc-oauth-consumer : a component displaying oauth consumer information.

Inputs

Attributes/properties

Property	Type	Default value	Mandatory	Description
state	Object	{ type: 'loading' }	true	Sets the state of the component.

Slots

Name	Description
xxx	TODO

CSS custom property

Name	Type	Default value	Description
xxx	Yyyy	null	TODO

CSS part

Name	Description
xxx	TODO

Outputs

Event	Data type	Description
cc-oauth-consumer-form:create	Yyyy	TODO
cc-oauth-consumer-form:update	Yyyy	TODO
cc-oauth-consumer-form:delete	Yyyy	TODO

Type Definitions

interface MyType {
  foo: string;
  bar: boolean;
}

Data/APIs

• GET api.clever-cloud.com/v2/organisations/{orga_id}/consumers/{key}
• GET api.clever-cloud.com/v2/organisations/{orga_id}/consumers/{key}/secret
• PUT api.clever-cloud.com/v2/organisations/{orga_id}/consumers/{key}

Stories & states

• Skeleton/loading
• Idle create
• Idle update
• Creating
• Loaded
• Updating/waiting
• Error
• Simulation

UX writing & i18n

TO DO

• design meetings with Marion
• Listing API
• Onboarding formulaires/smart
• Create component (create and edit form)
  • Create
    • Integration (HTML/CSS)
    • i18n
    • Inputs (props, attributs, slots, etc.)
    • Form management
    • Events
    • Smart, API calls
  • Edit
    • Integration (HTML/CSS)
    • i18n
    • Inputs (props, attributs, slots, etc.)
    • Form management
    • Events
    • Smart, API calls
• Create component (information screen)
  • Integration (HTML/CSS)
  • i18n
  • Inputs (props, attributs, slots, etc.)
• Accessibility
• Q/A