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

{{!
  Copyright IBM Corp. 2021, 2026
  SPDX-License-Identifier: BUSL-1.1
}}

<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}}
    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}}
    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}}
    <Form::Credential::Select
      @model={{@model}}
      @types={{@types}}
      @changeType={{@changeType}}
    />
    <Hds::Form::Fieldset @isRequired={{true}} 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>