paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-19 10:19:27 -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 5c0829b052
commit f97f9b857b
3 changed files with 28 additions and 8 deletions
Show Stats 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"> <table class="table table-striped align-middle border shadow-sm">
<thead> <thead>
<tr> <tr>
<th> <th scope="col">
<div class="form-check"> <div class="form-check">
<input type="checkbox" class="form-check-input" id="all-tasks" [disabled]="currentTasks.length == 0" (click)="toggleAll($event); $event.stopPropagation();"> <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> <label class="form-check-label" for="all-tasks"></label>
</div> </div>
</th> </th>
<th scope="col" i18n>Name</th> <th scope="col" width="25%" i18n>Name</th>
<th scope="col" i18n>Created</th> <th scope="col" width="20%" i18n>Created</th>
<th scope="col" i18n>Actions</th> <th scope="col" width="45%" i18n>Results</th>
<th scope="col" width="10%" i18n>Actions</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let task of tasks"> <tr *ngFor="let task of tasks">
<td> <th scope="row">
<div class="form-check"> <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();"> <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> <label class="form-check-label" for="task{{task.id}}"></label>
</div> </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>
<td scope="row">{{ task.name }}</td> <td>
<td scope="row">{{ task.created | customDate:'medium' }}</td>
<td scope="row">
<button class="btn btn-sm btn-outline-secondary" (click)="dismissTask(task)"> <button class="btn btn-sm btn-outline-secondary" (click)="dismissTask(task)">
<svg class="sidebaricon" fill="currentColor"> <svg class="sidebaricon" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#check"/> <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;
}

8
src/documents/serialisers.py
View File

@ -610,6 +610,14 @@ class TasksViewSerializer(serializers.ModelSerializer):
# just file tasks, for now # just file tasks, for now
return "file" return "file"
result = serializers.SerializerMethodField()
def get_result(self, obj):
result = ""
if hasattr(obj, "attempted_task"):
result = obj.attempted_task.result
return result
status = serializers.SerializerMethodField() status = serializers.SerializerMethodField()
def get_status(self, obj): def get_status(self, obj):