threshold-ui/ui/admin/app/components/form/credential/index.hbs

<Rose::Form
  @onSubmit={{@submit}}
  @cancel={{@cancel}}
  @disabled={{@model.isSaving}}
  @showEditToggle={{if @model.isNew false true}}
  as |form|
>

  <form.input
    @name='name'
    @type='name'
    @value={{@model.name}}
    @label={{t 'form.name.label'}}
    @error={{@model.errors.name}}
    @helperText={{t 'form.name.help'}}
    disabled={{@model.isSaving}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.name}}
      <field.errors as |errors|>
        {{#each @model.errors.name as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  <form.textarea
    @name='description'
    @type='description'
    @value={{@model.description}}
    @label={{t 'form.description.label'}}
    @error={{@model.errors.description}}
    @helperText={{t 'form.description.help'}}
    disabled={{@model.isSaving}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.description}}
      <field.errors as |errors|>
        {{#each @model.errors.description as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.textarea>
  <form.fieldset>
    <:title>{{t 'form.type.label'}}</:title>
    <:body>
      <form.radioGroup
        @name='types'
        @selectedValue='username_password'
        as |radioGroup|
      >
        <radioGroup.card
          @label={{t 'resources.credential.types.username_password'}}
          @helperText={{t 'resources.credential.help.username_password'}}
          @value='username_password'
          @layout='wide'
          readonly={{true}}
          @disabled={{true}}
        />
      </form.radioGroup>
    </:body>
  </form.fieldset>

  <form.input
    @name='username'
    @type='username'
    @value={{@model.username}}
    @label={{t 'form.username.label'}}
    @error={{@model.errors.username}}
    @helperText={{t 'resources.credential.help.username'}}
    disabled={{@model.isSaving}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.username}}
      <field.errors as |errors|>
        {{#each @model.errors.username as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>
  {{#if @model.isNew}}
    <form.input
      @name='password'
      @type='password'
      @value={{@model.password}}
      @label={{t 'form.password.label'}}
      @error={{@model.errors.password}}
      @helperText={{t 'resources.credential.help.password'}}
      disabled={{@model.isSaving}}
      readonly={{false}}
      as |field|
    >
      {{#if @model.errors.password}}
        <field.errors as |errors|>
          {{#each @model.errors.password as |error|}}
            <errors.message>{{error.message}}</errors.message>
          {{/each}}
        </field.errors>
      {{/if}}
    </form.input>
  {{/if}}

  {{#if form.isEditable}}
    <form.input
      @name='password'
      @type='password'
      @value={{@model.password}}
      @label={{t 'form.password.label'}}
      @error={{@model.errors.password}}
      @helperText={{t 'resources.credential.help.password'}}
      disabled={{@model.isSaving}}
      readonly={{false}}
      as |field|
    >
      {{#if @model.errors.password}}
        <field.errors as |errors|>
          {{#each @model.errors.password as |error|}}
            <errors.message>{{error.message}}</errors.message>
          {{/each}}
        </field.errors>
      {{/if}}
    </form.input>
  {{/if}}

  {{#if (can 'save model' @model)}}
    <form.actions
      @disabled={{if @model.cannotSave @model.cannotSave}}
      @enableEditText={{t 'actions.edit-form'}}
      @submitText={{t 'actions.save'}}
      @cancelText={{t 'actions.cancel'}}
    />
  {{/if}}

</Rose::Form>