openproject/frontend/app/components/work-packages/wp-display-attr/wp-display-attr.directive.html

<span class="wp-table--cell-span"
      ng-switch="$ctrl.displayType"
      wp-field="$ctrl.workPackage"
      field-name="$ctrl.attribute">
  <progress-bar ng-switch-when="Percent"
                progress="$ctrl.displayText"
                width="80px">
  </progress-bar>

  <span ng-switch-when="SelfLink" title="{{ $ctrl.displayText }}">
    <a ng-href="{{ $ctrl.displayLink }}">{{ $ctrl.displayText }}</a>
  </span>

  <span ng-switch-default
    title="{{ $ctrl.displayText }}"
    ng-class="{ 'work-package--placeholder' : $ctrl.displayText == '-' }">
    <span ng-if="$ctrl.isDisplayAsHtml" ng-bind-html="$ctrl.displayText"></span>
    <span ng-if="!$ctrl.isDisplayAsHtml" ng-bind="$ctrl.displayText"></span>
  </span>
</span>