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

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

<div class='secret-editor'>
  {{#if this.isDisabled}}
    <Form::Field::JsonSecret::Skeleton>
      <Hds::Icon @name='eye-off' @isInline={{true}} />
      {{t 'form.secret-editor.details'}}
    </Form::Field::JsonSecret::Skeleton>
  {{else if this.isActionable}}
    <Form::Field::JsonSecret::Skeleton>
      <Hds::Button
        class='secret-editor-skeleton-button'
        @icon='pencil-tool'
        @color='secondary'
        @text={{t 'form.secret-editor.edit'}}
        {{on 'click' this.enableEditing}}
      />
    </Form::Field::JsonSecret::Skeleton>
  {{else}}
    <Hds::CodeEditor
      class='secret-editor-json'
      @ariaLabel={{t 'form.secret-editor.label'}}
      @value={{@value}}
      @isLintingEnabled={{true}}
      @language='json'
      @onInput={{@onInput}}
      data-test-code-editor
    />
  {{/if}}
</div>