<div ng-bind-html="renderHtml(step.fullDesc)" class="order-step-full-description order-toggle-info {{getDisplayDescriptionClass()}}">
</div>
<div class="order-step-estimation">
      <span class="step-acutal-date">{{'orders.tables.headers.actualDate' | translate}}: </span>
      <input ng-model="step.actualDate"
         element-data="step"
         on-date-selected="updateStepActualDate"
         datepicker
         ng-disabled="isEstimationDisabled(step.status)"
         id="step-actual-{{step.idProcessStep}}-{{step.idPackage}}"
         class="step-estimated-date" />
</div>

{{'orders.tables.headers.comments' | translate}}:
<div class="order-step-comment" ng-repeat="commentObj in step.comments">
    <div class="order-comment-date">{{commentObj.user}} - {{commentObj.addDate}}:</div>
    <div ng-click="updateStepCommentVisibility(commentObj)"
         class="comment-glyphicon glyphicon {{isCommentVisible(commentObj.isVisible, step.isVisibleForCustomer)}}"></div>
    <div class="order-comment-label">{{commentObj.comment}}</div>
</div>

<div class="order-step-comments-container" ng-if="canAddComment(step)">
    <textarea type="text"
              ng-model="stepCommentText"
              class="form-control order-step-comment-textarea"
              placeholder="{{'orders.tables.headers.comments' | translate}}"></textarea>
    <div class="btn btn-primary col-md-4" ng-click="updateStepComment(stepCommentText, step)">
        {{ 'orders.buttons.SUBMIT' | translate }}
    </div>
</div>
<div ng-click="setNewCommentVisibility(step)"
     ng-if="canAddComment(step)"
     class="comment-glyphicon glyphicon {{isCommentVisible(step.isNewCommentVisible, step.isVisibleForCustomer)}}"></div>
