import {getVocabularyItemNameTranslated} from 'core/utils';

ItemPriority.$inject = ['metadata'];

export function ItemPriority(metadata) {
    metadata.initialize();
    return {
        scope: {priority: '='},
        template: [
            '<span ng-if="priority" class="priority-label priority-label--{{ priority }}" ',
            'ng-style="{backgroundColor: color}" title="{{ \'Priority\' | translate }}: {{ title }}">'
            + '{{ short }}</span>',
        ].join(''),
        link: function(scope, elem) {
            scope.$watch('priority', (priority) => {
                if (priority) {
                    var spec = metadata.priorityByValue(priority);

                    if (spec) {
                        scope.color = spec.color;
                        scope.short = spec.short || priority;
                        scope.title = getVocabularyItemNameTranslated(spec);
                    }
                }
            });
        },
    };
}