mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-12-07 07:15:07 +01:00
06def8c11e
toasts component testing conditional import of angular setup-jest for vscode-jest support Update jest.config.js Create open-documents.service.spec.ts Add unit tests for all REST services settings service test Remove component from settings service test Create permissions.service.spec.ts upload documents service tests Update package.json Create toast.service.spec.ts Tasks service test Statistics widget component tests Update permissions.service.ts Create app.component.spec.ts settings component testing tasks component unit testing Management list component generic tests Some management component tests document notes component unit tests Create document-list.component.spec.ts Create save-view-config-dialog.component.spec.ts Create filter-editor.component.spec.ts small and large document cards unit testing Create bulk-editor.component.spec.ts document detail unit tests saving work on documentdetail component spec Create document-asn.component.spec.ts dashboard & widgets unit testing Fix ResizeObserver mock common component unit tests fix some merge errors Update app-frame.component.spec.ts Create page-header.component.spec.ts input component unit tests FilterableDropdownComponent unit testing and found minor errors update taskservice unit tests Edit dialogs unit tests Create date-dropdown.component.spec.ts Remove selectors from guard tests confirm dialog component tests app frame component test Miscellaneous component tests Update document-list-view.service.spec.ts directives unit tests Remove unused resizeobserver mock guard unit tests Update query-params.spec.ts try to fix flaky playwright filter rules utils & testing Interceptor unit tests Pipes unit testing Utils unit tests Update upload-documents.service.spec.ts consumer status service tests Update setup-jest.ts Create document-list-view.service.spec.ts Update app-routing.module.ts
134 lines
7.9 KiB
HTML
134 lines
7.9 KiB
HTML
<app-page-header title="File Tasks" i18n-title>
|
|
<div class="btn-toolbar col col-md-auto">
|
|
<button class="btn btn-sm btn-outline-secondary me-2" (click)="clearSelection()" [hidden]="selectedTasks.size === 0">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#x"/>
|
|
</svg> <ng-container i18n>Clear selection</ng-container>
|
|
</button>
|
|
<button class="btn btn-sm btn-outline-primary me-4" (click)="dismissTasks()" *appIfPermissions="{ action: PermissionAction.Change, type: PermissionType.PaperlessTask }" [disabled]="tasksService.total === 0">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#check2-all"/>
|
|
</svg> <ng-container i18n>{{dismissButtonText}}</ng-container>
|
|
</button>
|
|
<button class="btn btn-sm btn-outline-primary" (click)="tasksService.reload()">
|
|
<svg *ngIf="!tasksService.loading" class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#arrow-clockwise"/>
|
|
</svg>
|
|
<ng-container *ngIf="tasksService.loading">
|
|
<div class="spinner-border spinner-border-sm fw-normal" role="status"></div>
|
|
<div class="visually-hidden" i18n>Loading...</div>
|
|
</ng-container> <ng-container i18n>Refresh</ng-container>
|
|
</button>
|
|
</div>
|
|
</app-page-header>
|
|
|
|
<ng-container *ngIf="!tasksService.completedFileTasks && tasksService.loading">
|
|
<div class="spinner-border spinner-border-sm fw-normal ms-2 me-auto" role="status"></div>
|
|
<div class="visually-hidden" i18n>Loading...</div>
|
|
</ng-container>
|
|
|
|
<ng-template let-tasks="tasks" #tasksTemplate>
|
|
<table class="table table-striped align-middle border shadow-sm">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="all-tasks" [disabled]="currentTasks.length === 0" (click)="toggleAll($event); $event.stopPropagation();">
|
|
<label class="form-check-label" for="all-tasks"></label>
|
|
</div>
|
|
</th>
|
|
<th scope="col" i18n>Name</th>
|
|
<th scope="col" class="d-none d-lg-table-cell" i18n>Created</th>
|
|
<th scope="col" class="d-none d-lg-table-cell" *ngIf="activeTab !== 'started' && activeTab !== 'queued'" i18n>Results</th>
|
|
<th scope="col" class="d-table-cell d-lg-none" i18n>Info</th>
|
|
<th scope="col" i18n>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<ng-container *ngFor="let task of tasks | slice: (page-1) * pageSize : page * pageSize">
|
|
<tr (click)="toggleSelected(task, $event); $event.stopPropagation();">
|
|
<th>
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="task{{task.id}}" [checked]="selectedTasks.has(task.id)" (click)="toggleSelected(task, $event); $event.stopPropagation();">
|
|
<label class="form-check-label" for="task{{task.id}}"></label>
|
|
</div>
|
|
</th>
|
|
<td class="overflow-auto">{{ task.task_file_name }}</td>
|
|
<td class="d-none d-lg-table-cell">{{ task.date_created | customDate:'short' }}</td>
|
|
<td class="d-none d-lg-table-cell" *ngIf="activeTab !== 'started' && activeTab !== 'queued'">
|
|
<div *ngIf="task.result?.length > 50" class="result" (click)="expandTask(task); $event.stopPropagation();"
|
|
[ngbPopover]="resultPopover" popoverClass="shadow small mobile" triggers="mouseenter:mouseleave" container="body">
|
|
<span class="small d-none d-md-inline-block font-monospace text-muted">{{ task.result | slice:0:50 }}…</span>
|
|
</div>
|
|
<span *ngIf="task.result?.length <= 50" class="small d-none d-md-inline-block font-monospace text-muted">{{ task.result }}</span>
|
|
<ng-template #resultPopover>
|
|
<pre class="small mb-0">{{ task.result | slice:0:300 }}<ng-container *ngIf="task.result.length > 300">…</ng-container></pre>
|
|
<ng-container *ngIf="task.result?.length > 300"><br/><em>(<ng-container i18n>click for full output</ng-container>)</em></ng-container>
|
|
</ng-template>
|
|
</td>
|
|
<td class="d-lg-none">
|
|
<button class="btn btn-link" (click)="expandTask(task); $event.stopPropagation();">
|
|
<svg fill="currentColor" class="" width="1.2em" height="1.2em" style="vertical-align: text-top;" viewBox="0 0 16 16">
|
|
<use xlink:href="assets/bootstrap-icons.svg#info-circle" />
|
|
</svg>
|
|
</button>
|
|
</td>
|
|
<td scope="row">
|
|
<div class="btn-group" role="group">
|
|
<button class="btn btn-sm btn-outline-secondary" (click)="dismissTask(task); $event.stopPropagation();" *appIfPermissions="{ action: PermissionAction.Change, type: PermissionType.PaperlessTask }">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#check"/>
|
|
</svg> <ng-container i18n>Dismiss</ng-container>
|
|
</button>
|
|
<ng-container *appIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }">
|
|
<button *ngIf="task.related_document" class="btn btn-sm btn-outline-primary" (click)="dismissAndGo(task); $event.stopPropagation();">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#file-text"/>
|
|
</svg> <ng-container i18n>Open Document</ng-container>
|
|
</button>
|
|
</ng-container>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="p-0" [class.border-0]="expandedTask !== task.id" colspan="5">
|
|
<pre #collapse="ngbCollapse" [ngbCollapse]="expandedTask !== task.id" class="small mb-0"><div class="small p-1 p-lg-3 ms-lg-3">{{ task.result }}</div></pre>
|
|
</td>
|
|
</tr>
|
|
</ng-container>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="pb-3 d-sm-flex justify-content-between align-items-center">
|
|
<div class="pb-2 pb-sm-0" i18n *ngIf="tasks.length > 0">{tasks.length, plural, =1 {One {{this.activeTab}} task} other {{{tasks.length || 0}} total {{this.activeTab}} tasks}}</div>
|
|
<ngb-pagination *ngIf="tasks.length > pageSize" [(page)]="page" [pageSize]="pageSize" [collectionSize]="tasks.length" maxSize="8" size="sm"></ngb-pagination>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<ul ngbNav #nav="ngbNav" [(activeId)]="activeTab" class="nav-tabs" (hidden)="duringTabChange($event)">
|
|
<li ngbNavItem="failed">
|
|
<a ngbNavLink i18n>Failed<span *ngIf="tasksService.failedFileTasks.length > 0" class="badge bg-danger ms-2">{{tasksService.failedFileTasks.length}}</span></a>
|
|
<ng-template ngbNavContent>
|
|
<ng-container [ngTemplateOutlet]="tasksTemplate" [ngTemplateOutletContext]="{tasks:tasksService.failedFileTasks}"></ng-container>
|
|
</ng-template>
|
|
</li>
|
|
<li ngbNavItem="completed">
|
|
<a ngbNavLink i18n>Complete<span *ngIf="tasksService.completedFileTasks.length > 0" class="badge bg-secondary ms-2">{{tasksService.completedFileTasks.length}}</span></a>
|
|
<ng-template ngbNavContent>
|
|
<ng-container [ngTemplateOutlet]="tasksTemplate" [ngTemplateOutletContext]="{tasks:tasksService.completedFileTasks}"></ng-container>
|
|
</ng-template>
|
|
</li>
|
|
<li ngbNavItem="started">
|
|
<a ngbNavLink i18n>Started<span *ngIf="tasksService.startedFileTasks.length > 0" class="badge bg-secondary ms-2">{{tasksService.startedFileTasks.length}}</span></a>
|
|
<ng-template ngbNavContent>
|
|
<ng-container [ngTemplateOutlet]="tasksTemplate" [ngTemplateOutletContext]="{tasks:tasksService.startedFileTasks}"></ng-container>
|
|
</ng-template>
|
|
</li>
|
|
<li ngbNavItem="queued">
|
|
<a ngbNavLink i18n>Queued<span *ngIf="tasksService.queuedFileTasks.length > 0" class="badge bg-secondary ms-2">{{tasksService.queuedFileTasks.length}}</span></a>
|
|
<ng-template ngbNavContent>
|
|
<ng-container [ngTemplateOutlet]="tasksTemplate" [ngTemplateOutletContext]="{tasks:tasksService.queuedFileTasks}"></ng-container>
|
|
</ng-template>
|
|
</li>
|
|
</ul>
|
|
<div [ngbNavOutlet]="nav"></div>
|