app/templates/components/doi-alternate-identifier.hbs
<div class="input-group">
<input type="text" class="form-control alternate-identifier-field" value={{this.fragment.alternateIdentifier}} placeholder="Alternate Identifier" oninput={{action "updateAlternateIdentifier" value="target.value"}} data-test-alternate-identifier/>
<span class="input-group-btn">
<BsButton @outline={{true}} @onClick={{action "deleteAlternateIdentifier" this.index}}><i class="fas fa-trash"></i></BsButton>
</span>
</div>
<div class="power-select-label">
<label for="alternateIdentifierType" class="subtitle required-label">Alternate Identifier Type</label>
</div>
<div class="power-select-fragment" disabled={{this.controlledIdentifierType}} doi-alternate-identifier-type data-test-alternate-identifier-type>
<@form.element @controlType="power-select" @value={{this.fragment.alternateIdentifierType}} @helpText="The type of Alternate Identifier." @options={{this.alternateIdentifierTypeList}} @destination={{this.fragment.alternateIdentifierType}} as |el|>
<el.control @onChange={{action "selectAlternateIdentifierType"}} @onKeydown={{action "createOnEnter"}} @placeholder="Type in or select the Alternate Identifier Type." @noMatchesMessage="Press ENTER to add new identifier Type." @disabled={{this.controlledIdentifierType}} @searchEnabled={{true}} />
</@form.element>
</div>
<hr />