datacite/bracco

<div class="power-select-fragment" doi-rights data-test-rights>
  <@form.element @controlType="power-select" @options={{this.spdxLicenseList}} @value={{this.fragment.rights}} @destination={{this.fragment.rights}} as |el|>
    <el.control @searchEnabled={{true}} @onChange={{action "selectRights"}} @placeholder="Search standard licenses" @onKeydown={{action "createOnEnter"}} @search={{action "searchRights"}} @searchPlaceholder="Type to search..." @allowClear={{true}} @noMatchesMessage="Press ENTER to add a new license." @disabled={{this.disabled}} @allowClear={{true}} as |item|>
      {{if item.name item.name this.fragment.rights}}
    </el.control>
    <div class="help-block">
      The list of standard licenses is provided by <a target="_blank" rel="noopener noreferrer" href="https://spdx.org">SPDX</a>.
    </div>
  </@form.element>
</div>

<div class="power-select-label">
  <label for="rights-uri" class="subtitle">Rights URI</label>
</div>
<div class="input-group">
  <input type="text" placeholder="Rights URI" class="form-control rights-uri-field" value={{this.fragment.rightsUri}} disabled={{this.isSpdxId}} oninput={{action "updateRightsUri" value="target.value"}} data-test-rights-uri />

  <div class="help-block help-block-fragment rights-uri-field}}">
    The URI of the license.
  </div>
  <span class="input-group-btn">
    <BsButton @outline={{true}} @onClick={{action "deleteRights" this.index}} data-test-delete-rights><i class="fas fa-trash"></i> </BsButton >
  </span>
</div>

  <hr />