<div *ngIf="performanceEvaluation">

    <br />

​

    <div class="border"></div>

​

    <div class="panel-heading">{{performanceEvaluation.consultantFirstName}} {{performanceEvaluation.consultantLastName}} </div>

    <br />

    <text-box><span>Career Path:</span> {{performanceEvaluation.careerPathModel.name}}</text-box><br />

    <text-box><span>Title:</span> {{performanceEvaluation.titleModel.name}}</text-box><br />

    <br />

    <text-box><span>Manager Name:</span> {{performanceEvaluation.manager.firstName}} {{performanceEvaluation.manager.lastName}}</text-box><br />

    <text-box><span>Reviewer Name:</span> {{performanceEvaluation.reviewer.firstName}} {{performanceEvaluation.reviewer.lastName}}</text-box><br />

​

​

</div>

​

​

<div class="panel panel-default" *ngIf="performanceEvaluation">

    <!-- Default panel contents -->

    <!--<div class="panel-heading">{{performanceEvaluation.consultantFirstName}}, {{performanceEvaluation.consultantLastName}} </div>-->

​

    <div class="panel-body">

        <!--<div>

            <span class="label label-default">Skill Name</span>

            <input type="text" class="form-control" [(ngModel)]="capa.description" placeholder="name" /><br />

            <span class="label label-default">Skill Description</span>

            <input type="text" class="form-control" [(ngModel)]="capa.description" placeholder="name" /><br />

​

​

​

​

            <span class="label label-default">Reason</span>

            <input type="text" class="form-control" [(ngModel)]="capa.reason" placeholder="name" /><br />

            <span class="label label-default">Suggested Action</span>

            <input type="text" class="form-control" [(ngModel)]="capa.suggestedAction" placeholder="name" /><br />

            <span class="label label-default">Date of creation</span>

            <text-box class="form-control">{{capa.dateOfCreation | date: 'dd/MM/yyyy'}}</text-box><br />

            <span class="label label-default">Status</span>

            <text-box class="form-control">{{capa.status.name}}</text-box><br />

            <span class="label label-default">Organisational unit</span>

            <text-box class="form-control">{{capa.organisationalUnit.name}}, {{capa.organisationalUnit.address}}</text-box><br />

        </div>-->

        <div class="border1"></div>

        <h3 class="feedback-section">Feedbacks:</h3>

        <div>

            <ul>

                <li class="list" *ngFor="let feedback of performanceEvaluation.peFeedbacks">

                    <div class="border2"></div>

                    <div class="form-control"><span>Name:</span> {{feedback.skill.name}}</div><br />

                    <div class="form-control"><span>Description:</span> {{feedback.skill.description}}</div><br />

                    <div class="form-control"><span>Grade:</span> {{feedback.grade.name}}</div><br />

                    <!--<div class="form-control">Grade: 

                    <select>

                        <option *ngFor="let grade of grades" value=grade.name>{{grade.name}}</option>

                    </select>

                    </div>-->

                    <div class="form-control"><span>Grade Comment:</span> {{feedback.comment}}</div><br />

                    <br />

                </li>

            </ul>

            <div class="border3"></div>

        </div>

        <!--<button type="button" class="btn btn-default" *ngIf="!capa.capaDetails" (click)="goToImplementationDetails(capa.id)">Add implementation details</button>

        <button type="button" class="btn btn-default" *ngIf="capa.capaDetails" (click)="goToImplementationDetails(capa.id)">View implementation details</button>-->

        <br />

        <!--<td><button type="button" class="btn btn-default" *ngIf="new" (click)="editCapa(capa.id)">Edit Capa</button></td>-->

​

​

        <!--<button type="button" class="btn btn-default" (click)="goBack()">Back</button>-->

    </div>

    <text-box><span>Area Of Improvement:</span> {{performanceEvaluation.areasOfImprovement}}</text-box><br />

    <text-box><span>User Comment:</span>{{performanceEvaluation.userComments}}</text-box><br />

    <div class="border1"></div>

    <!--<button type="button" class="btn btn-primary">Primary</button>-->

​

​

</div>

​

​

<!--code za dropup menu-->

<!--<div class="dropup">

    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

        Dropup

        <span class="caret"></span>

    </button>

    <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">

        <li><a href="#">Action</a></li>

        <li><a href="#">Another action</a></li>

        <li><a href="#">Something else here</a></li>

        <li role="separator" class="divider"></li>

        <li><a href="#">Separated link</a></li>

    </ul>

</div>-->