openproject/frontend/app/components/wp-panels/overview-panel/overview-panel.directive.html

<div class="attributes-group">

  <div class="attributes-group--header">
    <div class="attributes-group--header-container">
      <h3 class="attributes-group--header-text">
        {{ vm.workPackage.embedded.type.props.name }} #{{ vm.workPackage.props.id }}
      </h3>
    </div>
    <div class="attributes-group--header-container-right">
      <span ng-bind="vm.I18n.t('js.label_last_updated_on')"/>
      <op-date date-value="vm.workPackage.props.updatedAt"></op-date>
    </div>
  </div>

  <div class="single-attribute wiki">
    <wp-field field-name="'description'"></wp-field>
  </div>
</div>

<div ng-repeat="group in vm.groupedFields" ng-hide="vm.shouldHideGroup(group.groupName)" class="attributes-group">

  <div class="attributes-group--header">
    <div class="attributes-group--header-container">
      <h3 class="attributes-group--header-text"
        ng-bind="vm.I18n.t('js.work_packages.property_groups.' + group.groupName)"></h3>
    </div>
    <div class="attributes-group--header-toggle">
      <panel-expander tabindex="-1" ng-if="vm.WorkPackagesDisplayHelper.showToggleButton() && $first"
        collapsed="vm.hideEmptyFields"
        expand-text="{{ vm.I18n.t('js.label_show_attributes') }}"
        collapse-text="{{ vm.I18n.t('js.label_hide_attributes') }}">
      </panel-expander>
    </div>
  </div>

  <div class="attributes-key-value">
    <div
        ng-hide="vm.hideEmptyFields && vm.WorkPackagesDisplayHelper.isFieldHideable(vm.workPackage, field)"
        ng-if="vm.WorkPackagesDisplayHelper.isSpecified(vm.workPackage, field)"
        ng-repeat-start="field in group.attributes" class="attributes-key-value--key">
        {{vm.WorkPackagesDisplayHelper.getLabel(vm.workPackage, field)}}
        <span class="required" ng-if="vm.WorkPackagesDisplayHelper.hasNiceStar(vm.workPackage, field)"> *</span>
    </div>
    <div
        ng-hide="vm.hideEmptyFields && vm.WorkPackagesDisplayHelper.isFieldHideable(vm.workPackage, field)"
        ng-if="vm.WorkPackagesDisplayHelper.isSpecified(vm.workPackage, field)"
        ng-repeat-end
        class="attributes-key-value--value-container">
      <wp-field field-name="field"></wp-field>
    </div>
  </div>
</div>

<work-package-attachments edit work-package="vm.workPackage" data-ng-show="!vm.hideEmptyFields || vm.filesExist"></work-package-attachments>

<div class="attributes-group">
  <div class="attributes-group--header">
    <div class="attributes-group--header-container">
      <h3 class="attributes-group--header-text">{{ vm.I18n.t('js.label_latest_activity') }}</h3>
    </div>
  </div>

  <activity-panel template="overview" work-package="vm.workPackage"></activity-panel>
</div>