<div class="table-primary">
    <table>
        <thead>
        <tr>
            <th style="padding-left: 50px"><span translate>Status</span></th>
            <th><span translate>Operation type</span></th>
            <th translate>Start date</th>
            <th translate>End date</th>
            <th translate>Duration</th>
            <th translate>Complete journal</th>
            <th translate>Show details</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in PaginatedLogs">
            <td style="padding-left: 60px">
                <div style="border: none" class="backup-status backup-status-{{ OperationStatus(item) }}"></div>
            </td>
            <td>{{ item.Result ? item.Result.MainOperation : item.Type | translate }}</td>
            <td>{{ toDateTimeFormat(item.Result.BeginTime) }}</td>
            <td>{{ toDateTimeFormat(item.Result.EndTime) }}</td>
            <td>{{ formatDuration(item.Result.Duration) }}</td>
            <td><a href translate ng-click="OpenLogDetailsModal(item, 'completeJournal')">Show complete journal</a></td>
            <td><a href translate ng-click="OpenLogDetailsModal(item, 'generalDetails')">Show details</a></td>
        </tr>
        </tbody>
    </table>
</div>
<pagination-footer
    total-items="totalItems"
    on-change="handleFilterChange(newFilterParams)"
></pagination-footer>
<div ng-show="GeneralData != null" class="button">
    <span ng-show="LoadingData" translate>Loading …</span>
</div>

<log-details-modal
    ng-if="logDetails"
    id="modalType"
    modal-type="modalType"
    backup-id="backupId"
    log="logDetails"
    on-close="CloseLogDetailsModal()"
></log-details-modal>
