webnaplo-gulbaba-frontend/src/app/fault-manager/repair-complete/repair-complete.component.html

<div class="ui main container">
    <h1 class="ui dividing header">{{fault.facilityLocation.roomNumber}} - {{fault.facilityLocation.name}}</h1>
    <div class="ui segment">
        <div class="ui dimmer" [class.active]="submitInProgress">
            <div class="ui indeterminate text loader">Mentés</div>
        </div>
        <form class="ui form" #confirmForm>
            <h4 class="ui dividing header">Javítás visszaigazolása</h4>
            <div class="field">
                <label>Elutasítás indoklása</label>
                <textarea rows="3"
                          placeholder=""
                          name="rejectReason"
                          [(ngModel)]="rejectReason"></textarea>
            </div>
            <button class="ui button"
                    [class.negative]="canReject"
                    [class.disabled]="!canReject"
                    (click)="reject()">Elutasítás</button>
            <button class="ui button"
                    [class.positive]="!submitInProgress"
                    [class.disabled]="submitInProgress"
                    (click)="confirm()">Visszaigazolás</button>

            <h4 class="ui dividing header" *ngIf="fault.worker && fault.usedMaterials.length">Javítás adatai</h4>
            <table class="ui olive celled striped table" *ngIf="fault.worker">
                <thead>
                <tr>
                    <th>Karbantartó</th>
                    <th>Munkaóra</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>{{fault.worker.name}}</td>
                    <td>{{fault.timeSpent}}</td>
                </tr>
                </tbody>
            </table>

            <table class="ui teal celled striped table" *ngIf="fault.usedMaterials.length">
                <thead>
                <tr>
                    <th>Felhasznált anyag neve</th>
                    <th>Felhasznált mennyiség</th>
                    <th>Nettó egységár</th>
                </tr>
                </thead>
                <tbody>
                <tr *ngFor="let material of fault.usedMaterials">
                    <td>{{material.name}}</td>
                    <td>{{material.amount}}{{material.unit}}</td>
                    <td>{{material.nettPrice|currencyFormat}}</td>
                </tr>
                </tbody>
            </table>

            <h4 class="ui dividing header">Hiba adatai</h4>
            <table class="ui red definition table">
                <tr>
                    <td class="collapsing">Hiba típus</td>
                    <td>{{faultType}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Becsült munkaköltség</td>
                    <td>{{fault.workCostEstimate|currencyFormat}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Becsült alapanyagköltség</td>
                    <td>{{numericMaterialCostEstimate|currencyFormat}}</td>
                </tr>
                <tr *ngIf="hasDetailedCalculation">
                    <td class="collapsing">Részletes költségvetés</td>
                    <td><a [href]="expensePdfDownloadUrl" target="_blank"><i class="file pdf outline icon"></i>Letöltés</a></td>
                </tr>
                <tr>
                    <td class="collapsing">Hiba helye</td>
                    <td><b>{{fault.facilityLocation.roomNumber}}</b>-{{fault.facilityLocation.name}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Hiba helyének részletes leírása</td>
                    <td>{{fault.facilityLocationDescription}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Hiba szakág</td>
                    <td>{{fault.errorCategory.name}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Hiba leírás</td>
                    <td>{{fault.errorDescription}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Hiba eredete</td>
                    <td>{{fault.errorOrigin.name}}</td>
                </tr>
                <tr>
                    <td class="collapsing">Hibajavítás sürgőssége</td>
                    <td>{{fault.solutionTimeInterval.name}}</td>
                </tr>
            </table>

            <h4 class="ui dividing header" *ngIf="imageAttachments?.length">Csatolmányok</h4>
            <div #photoAttachments class="photoAttachments" class="ui bordered images segment"
                 *ngIf="imageAttachments?.length">
                <a *ngFor="let image of imageAttachments; let idx = index" [href]="imageUrl(image.id)"
                   target="_blank"><img
                    class="ui image" [src]="imageUrl(image.id)" height="200"/></a>
            </div>
            <h4 class="ui dividing header"></h4>
        </form>
    </div>
</div>