2020-02-14 12:34:01 +03:00
|
|
|
<GhTokenInput
|
|
|
|
@extra={{hash
|
2022-09-24 18:00:05 +03:00
|
|
|
tokenComponent=(component "gh-token-input/label-token")
|
2020-02-14 12:34:01 +03:00
|
|
|
}}
|
2022-02-08 14:48:55 +03:00
|
|
|
@class="gh-member-label-input"
|
2020-12-09 22:32:31 +03:00
|
|
|
@onChange={{this.updateLabels}}
|
|
|
|
@onCreate={{this.createLabel}}
|
2020-02-14 12:34:01 +03:00
|
|
|
@options={{this.availableLabels}}
|
2023-06-08 14:37:23 +03:00
|
|
|
@renderInPlace={{@renderInPlace}}
|
2020-12-09 22:32:31 +03:00
|
|
|
@selected={{this.selectedLabels}}
|
|
|
|
@showCreateWhen={{this.hideCreateOptionOnMatchingLabel}}
|
2020-02-14 12:34:01 +03:00
|
|
|
@triggerId={{this.triggerId}}
|
2022-09-24 18:00:05 +03:00
|
|
|
@selectedItemComponent={{component "gh-token-input/label-selected-item"}}
|
2020-12-09 22:32:31 +03:00
|
|
|
@disabled={{@disabled}}
|
2022-02-08 14:48:55 +03:00
|
|
|
@allowCreation={{@allowCreation}}
|
2023-06-02 12:19:37 +03:00
|
|
|
@placeholder={{@placeholder}}
|
2022-02-08 14:48:55 +03:00
|
|
|
as |label|
|
|
|
|
>
|
2022-10-06 14:21:49 +03:00
|
|
|
<div style="display: flex; width: 100%;">
|
2022-02-08 14:48:55 +03:00
|
|
|
<span
|
|
|
|
class="dropdown-label"
|
2022-10-06 14:21:49 +03:00
|
|
|
style="flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"
|
2022-02-08 14:48:55 +03:00
|
|
|
title="{{label.name}}"
|
|
|
|
data-test-label-filter={{label.name}}>
|
|
|
|
{{label.name}}
|
|
|
|
</span>
|
2022-02-11 18:20:28 +03:00
|
|
|
{{#if (and @allowEdit label.slug)}}
|
2022-09-02 18:56:02 +03:00
|
|
|
<button type="button" class="gh-btn-icon dropdown-action-icon" {{on "mouseup" (fn this.editLabel label)}} aria-label="Edit label {{label.name}}" data-test-edit-label={{label.name}}>
|
|
|
|
<span>
|
|
|
|
{{svg-jar "pen"}}
|
|
|
|
</span>
|
2022-02-11 18:20:28 +03:00
|
|
|
</button>
|
2022-02-08 14:48:55 +03:00
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
</GhTokenInput>
|