Ghost/ghost/admin/app/components/gh-member-label-input.hbs

33 lines
1001 B
Handlebars
Raw Normal View History

<GhTokenInput
@extra={{hash
tokenComponent="gh-token-input/label-token"
}}
@class="gh-member-label-input"
@onChange={{this.updateLabels}}
@onCreate={{this.createLabel}}
@options={{this.availableLabels}}
@renderInPlace={{true}}
@selected={{this.selectedLabels}}
@showCreateWhen={{this.hideCreateOptionOnMatchingLabel}}
@triggerId={{this.triggerId}}
@selectedItemComponent="gh-token-input/label-selected-item"
@disabled={{@disabled}}
@allowCreation={{@allowCreation}}
as |label|
>
<div style="display: flex">
<span
class="dropdown-label"
style="flex-grow: 1"
title="{{label.name}}"
data-test-label-filter={{label.name}}>
{{label.name}}
</span>
{{#if label.slug}}
<span class="dropdown-action-icon" {{on "mouseup" (fn this.editLabel label)}}>
{{svg-jar "pen"}}
</span>
{{/if}}
</div>
</GhTokenInput>