|
|
<script>
|
|
<script>
|
|
|
|
import _ from 'underscore';
|
|
|
import { GlTooltipDirective } from '@gitlab/ui';
|
|
import { GlTooltipDirective } from '@gitlab/ui';
|
|
|
import { sprintf, __ } from '~/locale';
|
|
import { sprintf, __ } from '~/locale';
|
|
|
import Icon from '~/vue_shared/components/icon.vue';
|
|
import Icon from '~/vue_shared/components/icon.vue';
|
| ... | @@ -92,6 +93,9 @@ export default { |
... | @@ -92,6 +93,9 @@ export default { |
|
|
const { referencePath, groupId } = this.issue;
|
|
const { referencePath, groupId } = this.issue;
|
|
|
return !groupId ? referencePath.split('#')[0] : null;
|
|
return !groupId ? referencePath.split('#')[0] : null;
|
|
|
},
|
|
},
|
|
|
|
orderedLabels() {
|
|
|
|
return _.sortBy(this.issue.labels, 'title');
|
|
|
|
},
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
isIndexLessThanlimit(index) {
|
|
isIndexLessThanlimit(index) {
|
| ... | @@ -176,7 +180,7 @@ export default { |
... | @@ -176,7 +180,7 @@ export default { |
|
|
</div>
|
|
</div>
|
|
|
<div v-if="showLabelFooter" class="board-card-labels prepend-top-4 d-flex flex-wrap">
|
|
<div v-if="showLabelFooter" class="board-card-labels prepend-top-4 d-flex flex-wrap">
|
|
|
<button
|
|
<button
|
|
|
v-for="label in issue.labels"
|
|
v-for="label in orderedLabels"
|
|
|
v-if="showLabel(label)"
|
|
v-if="showLabel(label)"
|
|
|
:key="label.id"
|
|
:key="label.id"
|
|
|
v-gl-tooltip
|
|
v-gl-tooltip
|
| ... | |
... | |
| ... | | ... | |