paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: fix jittering when toggling workflows

Browse Source
This commit is contained in:
shamoon 2025-01-11 22:42:24 -08:00
parent 6007b252d7
commit 4c4d3a45c2
No known key found for this signature in database
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/manage/workflows/workflows.component.html
View File

@ -22,7 +22,7 @@
</div> </div>
</li> </li>
@if (loading) { @if (loading && workflows.length === 0) {
<li class="list-group-item"> <li class="list-group-item">
<div class="spinner-border spinner-border-sm me-2" role="status"></div> <div class="spinner-border spinner-border-sm me-2" role="status"></div>
<ng-container i18n>Loading...</ng-container> <ng-container i18n>Loading...</ng-container>
@ -36,7 +36,7 @@
<div class="col d-flex align-items-center d-none d-sm-flex"><code>{{workflow.order}}</code></div> <div class="col d-flex align-items-center d-none d-sm-flex"><code>{{workflow.order}}</code></div>
<div class="col d-flex align-items-center"> <div class="col d-flex align-items-center">
<div class="form-check form-switch mb-0"> <div class="form-check form-switch mb-0">
<input #inputField type="checkbox" class="form-check-input cursor-pointer" [id]="workflow.id+'_enable'" [(ngModel)]="workflow.enabled" (change)="onWorkflowEnableToggled(workflow)" *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.Workflow }"> <input #inputField type="checkbox" class="form-check-input cursor-pointer" [id]="workflow.id+'_enable'" [(ngModel)]="workflow.enabled" (change)="toggleWorkflowEnabled(workflow)" *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.Workflow }">
<label class="form-check-label cursor-pointer" [for]="workflow.id+'_enable'"> <label class="form-check-label cursor-pointer" [for]="workflow.id+'_enable'">
<code> @if(workflow.enabled) { <ng-container i18n>Enabled</ng-container> } @else { <span i18n class="text-muted">Disabled</span> }</code> <code> @if(workflow.enabled) { <ng-container i18n>Enabled</ng-container> } @else { <span i18n class="text-muted">Disabled</span> }</code>
</label> </label>

2
src-ui/src/app/components/manage/workflows/workflows.component.ts
View File

@ -147,7 +147,7 @@ export class WorkflowsComponent
}) })
} }
onWorkflowEnableToggled(workflow: Workflow) { toggleWorkflowEnabled(workflow: Workflow) {
this.workflowService.patch(workflow).subscribe({ this.workflowService.patch(workflow).subscribe({
next: () => { next: () => {
this.toastService.showInfo( this.toastService.showInfo(