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

{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

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

  <Hds::Form::TextInput::Field
    name='name'
    @value={{@model.name}}
    @isInvalid={{@model.errors.name}}
    @isOptional={{true}}
    disabled={{form.disabled}}
    {{on 'input' (set-from-event @model 'name')}}
    as |F|
  >
    <F.Label>{{t 'form.name.label'}}</F.Label>
    <F.HelperText>{{t 'form.name.help'}}</F.HelperText>
    {{#if @model.errors.name}}
      <F.Error as |E|>
        {{#each @model.errors.name as |error|}}
          <E.Message data-test-error-message-name>
            {{error.message}}
          </E.Message>
        {{/each}}
      </F.Error>
    {{/if}}
  </Hds::Form::TextInput::Field>

  <Hds::Form::Textarea::Field
    name='description'
    @value={{@model.description}}
    @isInvalid={{@model.errors.description}}
    @isOptional={{true}}
    disabled={{form.disabled}}
    as |F|
  >
    <F.Label>{{t 'form.description.label'}}</F.Label>
    <F.HelperText>{{t 'form.description.help'}}</F.HelperText>
    {{#if @model.errors.description}}
      <F.Error as |E|>
        {{#each @model.errors.description as |error|}}
          <E.Message>{{error.message}}</E.Message>
        {{/each}}
      </F.Error>
    {{/if}}
  </Hds::Form::Textarea::Field>

  {{#if @model.isNew}}
    <Hds::Form::RadioCard::Group as |G|>
      <G.Legend>{{t 'form.type.label'}}</G.Legend>
      {{#each @types as |credentialType|}}
        <G.RadioCard
          @name={{credentialType}}
          @value={{credentialType}}
          @checked={{eq credentialType @model.type}}
          @maxWidth='20rem'
          {{on 'input' (fn @changeType credentialType)}}
          as |R|
        >
          <R.Label>{{t (concat 'resources.credential.types.' credentialType)}}
          </R.Label>
          <R.Description>{{t
              (concat 'resources.credential.help.' credentialType)
            }}
          </R.Description>
        </G.RadioCard>
      {{/each}}
    </Hds::Form::RadioCard::Group>

    <Hds::Form::Fieldset as |F|>
      <F.Legend>{{t 'resources.credential.form.json.label'}}</F.Legend>
      <F.HelperText>{{t 'resources.credential.form.json.help'}}</F.HelperText>
      <F.Control>
        <Form::Field::JsonSecret
          @value={{@model.json_object}}
          @onInput={{fn (mut @model.json_object)}}
          @showEditButton={{false}}
        />
      </F.Control>
    </Hds::Form::Fieldset>
  {{else}}
    <InfoField
      @value={{t (concat 'resources.credential.types.' @model.type)}}
      as |F|
    >
      <F.Label>{{t 'form.type.label'}}</F.Label>
      <F.HelperText>{{t (concat 'resources.credential.help.' @model.type)}}
      </F.HelperText>
    </InfoField>

    <Hds::Form::Fieldset as |F|>
      <F.Legend>{{t 'resources.credential.form.json.label'}}</F.Legend>
      <F.HelperText>{{t 'resources.credential.form.json.help'}}</F.HelperText>
      <F.Control>
        <Form::Field::JsonSecret
          @disabled={{form.disabled}}
          @value={{@model.json_object}}
          @onInput={{fn (mut @model.json_object)}}
          @showEditButton={{true}}
        />
      </F.Control>
    </Hds::Form::Fieldset>
  {{/if}}

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

</Rose::Form>