paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-28 03:46:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

Task results popover

Browse Source
This commit is contained in:
Michael Shamoon
2022-05-26 15:41:30 -07:00
parent 09f637a4cb
commit 1f50f3c46f
3 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src-ui/src/app/components/manage/tasks/tasks.component.html
View File

@@ -27,28 +27,37 @@
<table class="table table-striped align-middle border shadow-sm">
<thead>
<tr>
<th>
<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" i18n>Created</th>
<th scope="col" i18n>Actions</th>
<th scope="col" width="25%" i18n>Name</th>
<th scope="col" width="20%" i18n>Created</th>
<th scope="col" width="45%" i18n>Results</th>
<th scope="col" width="10%" i18n>Actions</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let task of tasks">
<td>
<th scope="row">
<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>{{ task.name }}</td>
<td>{{ task.created | customDate:'short' }}</td>
<td>
<button *ngIf="task.result.length > 50" class="btn btn-link p-1 mr-2" [ngbPopover]="resultPopover" popoverClass="shadow font-monospace small" triggers="mouseenter:mouseleave:click">
<svg fill="currentColor" class="me-1" 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><span class="small d-none d-md-inline-block font-monospace">{{ task.result | slice:0:50 }}</span>
<ng-template #resultPopover><div class="small">{{ task.result }}</div></ng-template>
</td>
<td scope="row">{{ task.name }}</td>
<td scope="row">{{ task.created | customDate:'medium' }}</td>
<td scope="row">
<td>
<button class="btn btn-sm btn-outline-secondary" (click)="dismissTask(task)">
<svg class="sidebaricon" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#check"/>

3
src-ui/src/app/components/manage/tasks/tasks.component.scss Normal file
View File

@@ -0,0 +1,3 @@
::ng-deep .popover {
max-width: 32rem;
}