openproject/public/templates/work_packages.list.details.html

<div id="tabs">
  <ul class="tabrow">
    <li ui-sref="work-packages.list.details.overview({})"
        ui-sref-active="selected">
      <a href ng-bind="I18n.t('js.work_packages.tabs.overview')"/>
    </li>
    <li ui-sref="work-packages.list.details.activity({})"
        ui-sref-active="selected">
      <a href ng-bind="I18n.t('js.work_packages.tabs.activity')"/>
    </li>
    <!--
    <li ui-sref="work-packages.list.details.relations({})"
        ui-sref-active="selected">
      <a href ng-bind="I18n.t('js.work_packages.tabs.relations')"/>
    </li> -->
    <li ui-sref="work-packages.list.details.watchers({})"
        ui-sref-active="selected">
      <a href ng-bind="I18n.t('js.work_packages.tabs.watchers')"/>
    </li>
    <!--
    <li ui-sref="work-packages.list.details.attachments({})"
        ui-sref-active="selected">
      <a href ng-bind="I18n.t('js.work_packages.tabs.attachments')"/>
    </li> -->
  </ul>
</div>

<div class="detail-panel-content">
  <div class="select-type">{{ workPackage.props.type }}:&nbsp;</div>

  <h2 ng-bind="workPackage.props.subject"></h2>
  <span class="subtitle">
    <i class="star icon-star1"/>
    <a href>#{{ workPackage.props.id }}</a>
    <span ng-bind="I18n.t('js.label_added_by')"/>
    <a ng-href="{{ userPath(workPackage.embedded.author.props.id) }}" ng-bind="workPackage.embedded.author.props.firstName + ' ' + workPackage.embedded.author.props.lastName"/>.
    <span ng-bind="I18n.t('js.label_last_updated_on')"/>
    <span ng-bind="workPackage.props.updatedAt|date:'longDate'"/>.
  </span>

  <div class="work-package-details-tab" ui-view></div>

</div>

<div class="bottom-toolbar">
  <button class="button" ng-click="editWorkPackage()"><i class="icon-left icon-edit"></i>Edit</button>
<div>