openproject/public/templates/tabs/overview.html

<div class="detail-panel-description">

  <h3>Description</h3>
  <div class="detail-panel-description-content">
    {{ workPackage.props.description }}
  </div>
</div>

<div class="panel-toggler" ng-click="toggleStates.hideFullDescription = !toggleStates.hideFullDescription">
  <fieldset>
    <legend align="center">
      <span ng-if="!toggleStates.hideFullDescription">
        <i class="icon-arrow-right5-2"></i>
        Hide full description
      </span>
      <span ng-if="toggleStates.hideFullDescription">
        <i class="icon-arrow-right5-3"></i>
        Show full description
      </span>
    </legend>
  </fieldset>
</div>

<div class="detail-panel-attributes" slide-toggle collapsed="toggleStates.hideFullDescription">
  <ul>
    <li><label>Status</label>{{ workPackage.props.status }}</li>
    <li><label>Priortiy</label>{{ workPackage.props.priority }}</li>
    <li><label>Date</label>{{ workPackage.props.startDate }} - {{ workPackage.props.dueDate }}</li>
    <li>
      <label>Responsible</label>
      <img class="avatar" ng-src="{{ responsible.props.avatar }}" ng-show="{{ !!responsible }}" />
      <span  class="user" ng-show="{{ !!responsible }}">
        <a ng-href="{{ userPath(responsible.props.id) }}">
          {{ responsible.props.firstName }} {{ responsible.props.lastName }}
          aaa
        </a>
      </span>
      <span class="user" ng-hide="{{ !!responsible }}"> - </span>
      <!-- <span class="role">{{ responsible.props.role }}</span> -->
    </li>
    <li>
      <label>Assignee</label>
      <img class="avatar" ng-src="{{ assignee.props.avatar }}" ng-show="{{ !!assignee }}" />
      <span   class="user" ng-show="{{ !!assignee }}">
        <a ng-href="{{ userPath(assignee.props.id) }}">
          {{ assignee.props.firstName }} {{ assignee.props.lastName }}
        </a>
      </span>
      <span class="user" ng-hide="{{ !!assignee }}"> - </span>
      <!-- <span class="role">{{ assignee.props.roles }}</span> -->
    </li>
    <li><label>% Done</label>{{ workPackage.props.percentageDone }} %</li>
  </ul>
</div>

<div class="panel-toggler" ng-click="toggleStates.hideAllAttributes = !toggleStates.hideAllAttributes">
  <fieldset>
    <legend align="center">
      <span ng-if="!toggleStates.hideAllAttributes">
        <i class="icon-arrow-right5-2"></i>
        Hide all attributes
      </span>
      <span ng-if="toggleStates.hideAllAttributes">
        <i class="icon-arrow-right5-3"></i>
        Show all attributes
      </span>
    </legend>
  </fieldset>
</div>

<div class="detail-panel-latest-activity" slide-toggle collapsed="toggleStates.hideAllAttributes">
  <h3>Latest activity</h3>
  <ul>
    <li>
      <div class="comments-number"><a href="#1">#1</a>
        <div class="comments-icons"><i class="icon-quote"></i><i class="icon-edit"></i></div>
      </div>
      <img class="avatar" src="images/avatar_logout.png" />
      <span class="user"><a href="#">Christoph Zierz</a></span>
      <span class="date">commented on 06/05/2014 16:42 Uhr</span>
      <span class="comment">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis .  ..
      </span>
    </li>
    <li>
      <div class="comments-number"><a href="#1">#2</a>
        <div class="comments-icons"><i class="icon-quote"></i><i class="icon-edit"></i></div>
      </div>
      <img class="avatar" src="images/avatar_logout.png" />
      <span class="user"><a href="#">Niels Lindenthal</a></span>
      <span class="date">commented on 08/05/2014 16:42 Uhr</span>
      <span class="comment">
        <ul>
          <li>Status changed from scheduled to closed</li>
          <li>Assignee deleted (Michael Frister)</li>
          <li>% done changed from 0 to 100</li>
        </ul>
      </span>
    </li>
  </ul>
</div>

<div class="comments-form">
  <h3>Add your comments here</h3>
  <form>
    <textarea placeholder="Add comments here" rows="4"></textarea>
  </form>
  <button class="button">Add comment</button>
</div>