open-consul/ui/packages/consul-ui/app/components/role-form/index.hbs

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

{{yield}}
<fieldset
  class="role-form"
  disabled={{if (not (can "write role" item=item)) "disabled"}}
  data-test-role-form
  ...attributes
>
    <label class="type-text{{if item.error.Name ' has-error'}}">
        <span>Name</span>
        <input type="text" value={{item.Name}} name="role[Name]" autofocus="autofocus" oninput={{action 'change'}} />
        <em>
          Maximum 256 characters. May only include letters (uppercase and/or lowercase) and/or numbers. Must be unique.
        </em>
        {{#if item.error.Name}}
          <strong>{{item.error.Name.validation}}</strong>
        {{/if}}
    </label>
  <label class="type-text">
    <span>Description (Optional)</span>
    <textarea name="role[Description]" value={{item.Description}} oninput={{action 'change'}}></textarea>
  </label>
</fieldset>
{{!TODO: temporary policies id, look at the inception token modals and get rid of id="policies" and use something else}}
<fieldset id="policies" class="policies">
  <h2>Policies</h2>
  {{#yield-slot name='policy' params=(block-params item)}}
    {{yield}}
  {{else}}
    <PolicySelector
      @disabled={{not (can "write role" item=item)}}
      @dc={{dc}}
      @partition={{partition}}
      @nspace={{nspace}}
      @items={{item.Policies}}
    />
  {{/yield-slot}}
</fieldset>