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 == '-' }">
    {{ $ctrl.displayText }}
  </span>
</span>