openproject/frontend/app/components/work-packages/work-package-comment/work-package-comment.directive.html

<div id="work-package-activites-container">
  <div id="work-package-comment-container">

    <ng-transclude ng-if="!fieldController.showAbove"></ng-transclude>
    <div class="work-package-field work-packages--activity--add-comment" ng-show="fieldController.canAddComment">
      <inplace-editor-main-pane>
        <div class="inplace-edit--read" ng-if="!fieldController.isEditing">
          <accessible-by-keyboard
              class="inplace-editing--trigger-container"
              span-class="inplace-editing--container"
              link-class="inplace-editing--trigger-link"
              link-title="{{ fieldController.editTitle }}"
              execute="fieldController.startEditing()">
        <span class="inplace-edit--read-value"
              ng-class="{'-default': fieldController.isEmpty()}">
          <span ng-bind="fieldController.placeholder"></span>
        </span>
        <span class="inplace-edit--icon-wrapper">
            <icon-wrapper icon-name="edit" icon-title="{{ fieldController.editTitle }}">
            </icon-wrapper>
        </span>
          </accessible-by-keyboard>
        </div>
        <div class="inplace-edit--write edit-strategy-comment" ng-show="fieldController.isEditing">
          <form class="inplace-edit--form wp-edit-field"
                ng-if="fieldController.isEditing"
                name="fieldController.editForm"
                ng-submit="fieldController.submit()"
                novalidate>
            <div class="inplace-edit--write-value"
                 tabindex="-1">
              <inplace-editor-wiki-textarea> </inplace-editor-wiki-textarea>
            </div>
          </form>
        </div>
      </inplace-editor-main-pane>
    </div>
    <ng-transclude ng-if="fieldController.showAbove"></ng-transclude>

  </div>
</div>