<div>
    
    <div>
        <div
            style="margin: 20px 20px 20px 0; text-align: right;padding-bottom: 20px;"
        >
            <button
                type="button"
                class="btn btn-mini btn-danger ng-scope"
                ng-click="deleteAllPendingFiles()"
                style="float: right;"
            >
                <span class="ng-binding">{{ 'importexportwidget.deleteAll' | translate }}</span>
            </button>
        </div>
    </div>
    <div style="margin:0 20px 20px 20px; text-align: center;">
        <table style="margin: 0 auto;">
            <tr
                ng-repeat="pendingFile in pendingFilesList"
                style="height: 40px;"
            >
                <td>{{pendingFile.name}}</td>
                <td style="min-width: 100px; text-align: right;">
                    <button
                        type="reset"
                        ng-click="deletePendingFile(pendingFile, $index)"
                        class="btn btn-xs btn-default"
                        title="{{'adminparam.btn_delete' | translate}}"
                    >
                        <span class="glyphicon glyphicon-trash"></span>
                    </button>
                </td>
            </tr>
        </table>
    </div>
</div>
