mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-07-09 03:04:12 -04:00
Remove the old ones
This commit is contained in:
shamoon
parent
dd1cd5524a
commit
3dece8f872
@ -1,54 +0,0 @@
|
|||||||
<div class="modal-header">
|
|
||||||
<h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
|
|
||||||
<button type="button" class="btn-close" aria-label="Close" (click)="cancel()">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="btn-toolbar flex-nowrap">
|
|
||||||
<div class="input-group input-group-sm">
|
|
||||||
<div class="input-group-text" i18n>Page</div>
|
|
||||||
<input class="form-control mw-60" type="number" min="1" [(ngModel)]="currentPage" />
|
|
||||||
<div class="input-group-text" i18n>of {{totalPages}}</div>
|
|
||||||
</div>
|
|
||||||
<div class="input-group input-group-sm ms-auto">
|
|
||||||
<span class="input-group-text" i18n>Pages to remove</span>
|
|
||||||
<input [ngModel]="pagesString" class="form-control" disabled />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="pdf-viewer-container w-100 mt-3">
|
|
||||||
<pdf-viewer #pdfViewer [src]="pdfSrc" [(page)]="currentPage"
|
|
||||||
[original-size]="false"
|
|
||||||
[zoom]="1"
|
|
||||||
zoom-scale="page-fit"
|
|
||||||
[render-text]="false"
|
|
||||||
(pagerendered)="pageRendered($event)"
|
|
||||||
(after-load-complete)="pdfPreviewLoaded($event)">
|
|
||||||
</pdf-viewer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer flex-nowrap">
|
|
||||||
<div>
|
|
||||||
@if (message) {
|
|
||||||
<p [innerHTML]="message | safeHtml"></p>
|
|
||||||
}
|
|
||||||
@if (messageBold) {
|
|
||||||
<p class="mb-0 small"><b [innerHTML]="messageBold | safeHtml"></b></p>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
<button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
|
|
||||||
<span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
|
|
||||||
{{btnCaption}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ng-template #pageCheckOverlay let-page="page" let-pages="pages">
|
|
||||||
<div class="position-absolute top-0 start-0 w-100 h-100 p-2" (click)="pageCheckChanged(page)">
|
|
||||||
<input type="checkbox" class="form-check-input" />
|
|
||||||
</div>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
.pdf-viewer-container {
|
|
||||||
background-color: gray;
|
|
||||||
height: 550px;
|
|
||||||
|
|
||||||
pdf-viewer {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mw-60 {
|
|
||||||
max-width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.position-absolute:has(.form-check-input:checked) {
|
|
||||||
background-color: rgba(var(--bs-dark-rgb), 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-check-input {
|
|
||||||
&:checked {
|
|
||||||
background-color: var(--bs-danger);
|
|
||||||
border-color: var(--bs-danger);
|
|
||||||
}
|
|
||||||
&:focus {
|
|
||||||
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), var(--pngx-focus-alpha));
|
|
||||||
border-color: var(--bs-danger);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
|
|
||||||
import { provideHttpClientTesting } from '@angular/common/http/testing'
|
|
||||||
import { ComponentFixture, TestBed } from '@angular/core/testing'
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
|
|
||||||
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
|
|
||||||
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
|
|
||||||
import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
|
|
||||||
import { DeletePagesConfirmDialogComponent } from './delete-pages-confirm-dialog.component'
|
|
||||||
|
|
||||||
describe('DeletePagesConfirmDialogComponent', () => {
|
|
||||||
let component: DeletePagesConfirmDialogComponent
|
|
||||||
let fixture: ComponentFixture<DeletePagesConfirmDialogComponent>
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [],
|
|
||||||
imports: [
|
|
||||||
NgxBootstrapIconsModule.pick(allIcons),
|
|
||||||
FormsModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
DeletePagesConfirmDialogComponent,
|
|
||||||
],
|
|
||||||
providers: [
|
|
||||||
NgbActiveModal,
|
|
||||||
SafeHtmlPipe,
|
|
||||||
provideHttpClient(withInterceptorsFromDi()),
|
|
||||||
provideHttpClientTesting(),
|
|
||||||
],
|
|
||||||
}).compileComponents()
|
|
||||||
fixture = TestBed.createComponent(DeletePagesConfirmDialogComponent)
|
|
||||||
component = fixture.componentInstance
|
|
||||||
fixture.detectChanges()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should return a string with comma-separated pages', () => {
|
|
||||||
component.pages = [1, 2, 3, 4]
|
|
||||||
expect(component.pagesString).toEqual('1, 2, 3, 4')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should update totalPages when pdf is loaded', () => {
|
|
||||||
component.pdfPreviewLoaded({ numPages: 5 } as any)
|
|
||||||
expect(component.totalPages).toEqual(5)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should update checks when page is rendered', () => {
|
|
||||||
const event = {
|
|
||||||
target: document.createElement('div'),
|
|
||||||
detail: { pageNumber: 1 },
|
|
||||||
} as any
|
|
||||||
component.pageRendered(event)
|
|
||||||
expect(component['checks'].length).toEqual(1)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should update pages when page check is changed', () => {
|
|
||||||
component.pageCheckChanged(1)
|
|
||||||
expect(component.pages).toEqual([1])
|
|
||||||
component.pageCheckChanged(1)
|
|
||||||
expect(component.pages).toEqual([])
|
|
||||||
})
|
|
||||||
})
|
|
||||||
@ -1,69 +0,0 @@
|
|||||||
import { Component, TemplateRef, ViewChild, inject } from '@angular/core'
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
|
|
||||||
import {
|
|
||||||
PDFDocumentProxy,
|
|
||||||
PdfViewerComponent,
|
|
||||||
PdfViewerModule,
|
|
||||||
} from 'ng2-pdf-viewer'
|
|
||||||
import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
|
|
||||||
import { DocumentService } from 'src/app/services/rest/document.service'
|
|
||||||
import { ConfirmDialogComponent } from '../confirm-dialog.component'
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'pngx-delete-pages-confirm-dialog',
|
|
||||||
templateUrl: './delete-pages-confirm-dialog.component.html',
|
|
||||||
styleUrl: './delete-pages-confirm-dialog.component.scss',
|
|
||||||
imports: [PdfViewerModule, FormsModule, ReactiveFormsModule, SafeHtmlPipe],
|
|
||||||
})
|
|
||||||
export class DeletePagesConfirmDialogComponent extends ConfirmDialogComponent {
|
|
||||||
private documentService = inject(DocumentService)
|
|
||||||
|
|
||||||
public documentID: number
|
|
||||||
public pages: number[] = []
|
|
||||||
public currentPage: number = 1
|
|
||||||
public totalPages: number
|
|
||||||
|
|
||||||
@ViewChild('pdfViewer') pdfViewer: PdfViewerComponent
|
|
||||||
@ViewChild('pageCheckOverlay') pageCheckOverlay!: TemplateRef<any>
|
|
||||||
private checks: HTMLElement[] = []
|
|
||||||
|
|
||||||
public get pagesString(): string {
|
|
||||||
return this.pages.join(', ')
|
|
||||||
}
|
|
||||||
|
|
||||||
public get pdfSrc(): string {
|
|
||||||
return this.documentService.getPreviewUrl(this.documentID)
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
super()
|
|
||||||
}
|
|
||||||
|
|
||||||
public pdfPreviewLoaded(pdf: PDFDocumentProxy) {
|
|
||||||
this.totalPages = pdf.numPages
|
|
||||||
}
|
|
||||||
|
|
||||||
pageRendered(event: CustomEvent) {
|
|
||||||
const pageDiv = event.target as HTMLDivElement
|
|
||||||
const check = this.pageCheckOverlay.createEmbeddedView({
|
|
||||||
page: event.detail.pageNumber,
|
|
||||||
})
|
|
||||||
this.checks[event.detail.pageNumber - 1] = check.rootNodes[0]
|
|
||||||
pageDiv?.insertBefore(check.rootNodes[0], pageDiv.firstChild)
|
|
||||||
this.updateChecks()
|
|
||||||
}
|
|
||||||
|
|
||||||
pageCheckChanged(pageNumber: number) {
|
|
||||||
if (!this.pages.includes(pageNumber)) this.pages.push(pageNumber)
|
|
||||||
else if (this.pages.includes(pageNumber))
|
|
||||||
this.pages.splice(this.pages.indexOf(pageNumber), 1)
|
|
||||||
this.updateChecks()
|
|
||||||
}
|
|
||||||
|
|
||||||
private updateChecks() {
|
|
||||||
this.checks.forEach((check, i) => {
|
|
||||||
const input = check.getElementsByTagName('input')[0]
|
|
||||||
input.checked = this.pages.includes(i + 1)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,59 +0,0 @@
|
|||||||
<div class="modal-header">
|
|
||||||
<h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
|
|
||||||
<button type="button" class="btn-close" aria-label="Close" (click)="cancel()">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<p>{{message}}</p>
|
|
||||||
<div class="row mb-2">
|
|
||||||
<div class="col-7">
|
|
||||||
<div class="input-group input-group-sm">
|
|
||||||
<div class="input-group-text" i18n>Page</div>
|
|
||||||
<input class="form-control" type="number" min="1" [(ngModel)]="page" />
|
|
||||||
<div class="input-group-text" i18n>of {{totalPages}}</div>
|
|
||||||
</div>
|
|
||||||
<div class="pdf-viewer-container w-100 mt-3">
|
|
||||||
<pdf-viewer [src]="pdfSrc" [(page)]="page"
|
|
||||||
[original-size]="false"
|
|
||||||
[zoom]="1"
|
|
||||||
zoom-scale="page-fit"
|
|
||||||
(after-load-complete)="pdfPreviewLoaded($event)">
|
|
||||||
</pdf-viewer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-5">
|
|
||||||
<div class="d-grid">
|
|
||||||
<button class="btn btn-sm btn-primary" (click)="addSplit()" [disabled]="!canSplit">
|
|
||||||
<i-bs name="plus-circle"></i-bs>
|
|
||||||
<span i18n>Add Split</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="list-group mt-3">
|
|
||||||
@for (pageStr of pagesString.split(','); track pageStr; let i = $index) {
|
|
||||||
<li class="list-group-item d-flex align-items-center">
|
|
||||||
{{pageStr}}
|
|
||||||
@if (pagesString.split(',').length > 1) {
|
|
||||||
|
|
||||||
<button class="btn btn-sm btn-danger ms-auto" (click)="removeSplit(i)">
|
|
||||||
<i-bs name="trash"></i-bs>
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</li>
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<div class="form-check form-switch me-auto">
|
|
||||||
<input class="form-check-input" type="checkbox" role="switch" id="deleteOriginalSwitch" [(ngModel)]="deleteOriginal" [disabled]="!userOwnsDocument">
|
|
||||||
<label class="form-check-label" for="deleteOriginalSwitch" i18n>Delete original document after successful split</label>
|
|
||||||
</div>
|
|
||||||
<button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
|
|
||||||
<span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
|
|
||||||
{{btnCaption}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
.pdf-viewer-container {
|
|
||||||
background-color: gray;
|
|
||||||
height: 500px;
|
|
||||||
|
|
||||||
pdf-viewer {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,107 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing'
|
|
||||||
|
|
||||||
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
|
|
||||||
import { provideHttpClientTesting } from '@angular/common/http/testing'
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
|
|
||||||
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
|
|
||||||
import { PdfViewerModule } from 'ng2-pdf-viewer'
|
|
||||||
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
|
|
||||||
import { of } from 'rxjs'
|
|
||||||
import { DocumentService } from 'src/app/services/rest/document.service'
|
|
||||||
import { SplitConfirmDialogComponent } from './split-confirm-dialog.component'
|
|
||||||
|
|
||||||
describe('SplitConfirmDialogComponent', () => {
|
|
||||||
let component: SplitConfirmDialogComponent
|
|
||||||
let fixture: ComponentFixture<SplitConfirmDialogComponent>
|
|
||||||
let documentService: DocumentService
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
imports: [
|
|
||||||
NgxBootstrapIconsModule.pick(allIcons),
|
|
||||||
ReactiveFormsModule,
|
|
||||||
FormsModule,
|
|
||||||
PdfViewerModule,
|
|
||||||
SplitConfirmDialogComponent,
|
|
||||||
],
|
|
||||||
providers: [
|
|
||||||
NgbActiveModal,
|
|
||||||
provideHttpClient(withInterceptorsFromDi()),
|
|
||||||
provideHttpClientTesting(),
|
|
||||||
],
|
|
||||||
}).compileComponents()
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(SplitConfirmDialogComponent)
|
|
||||||
documentService = TestBed.inject(DocumentService)
|
|
||||||
component = fixture.componentInstance
|
|
||||||
fixture.detectChanges()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should load document on init', () => {
|
|
||||||
const getSpy = jest.spyOn(documentService, 'get')
|
|
||||||
component.documentID = 1
|
|
||||||
getSpy.mockReturnValue(of({ id: 1 } as any))
|
|
||||||
component.ngOnInit()
|
|
||||||
expect(documentService.get).toHaveBeenCalledWith(1)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should update pagesString when pages are added', () => {
|
|
||||||
component.totalPages = 5
|
|
||||||
component.page = 2
|
|
||||||
component.addSplit()
|
|
||||||
expect(component.pagesString).toEqual('1-2,3-5')
|
|
||||||
component.page = 4
|
|
||||||
component.addSplit()
|
|
||||||
expect(component.pagesString).toEqual('1-2,3-4,5')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should update pagesString when pages are removed', () => {
|
|
||||||
component.totalPages = 5
|
|
||||||
component.page = 2
|
|
||||||
component.addSplit()
|
|
||||||
component.page = 4
|
|
||||||
component.addSplit()
|
|
||||||
expect(component.pagesString).toEqual('1-2,3-4,5')
|
|
||||||
component.removeSplit(0)
|
|
||||||
expect(component.pagesString).toEqual('1-4,5')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should enable confirm button when pages are added', () => {
|
|
||||||
component.totalPages = 5
|
|
||||||
component.page = 2
|
|
||||||
component.addSplit()
|
|
||||||
expect(component.confirmButtonEnabled).toBeTruthy()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should disable confirm button when all pages are removed', () => {
|
|
||||||
component.totalPages = 5
|
|
||||||
component.page = 2
|
|
||||||
component.addSplit()
|
|
||||||
component.removeSplit(0)
|
|
||||||
expect(component.confirmButtonEnabled).toBeFalsy()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should not add split if page is the last page', () => {
|
|
||||||
component.totalPages = 5
|
|
||||||
component.page = 5
|
|
||||||
component.addSplit()
|
|
||||||
expect(component.pagesString).toEqual('1-5')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should update totalPages when pdf is loaded', () => {
|
|
||||||
component.pdfPreviewLoaded({ numPages: 5 } as any)
|
|
||||||
expect(component.totalPages).toEqual(5)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should correctly disable split button', () => {
|
|
||||||
component.totalPages = 5
|
|
||||||
component.page = 1
|
|
||||||
expect(component.canSplit).toBeTruthy()
|
|
||||||
component.page = 5
|
|
||||||
expect(component.canSplit).toBeFalsy()
|
|
||||||
component.page = 4
|
|
||||||
expect(component.canSplit).toBeTruthy()
|
|
||||||
component['pages'] = new Set([1, 2, 3, 4])
|
|
||||||
expect(component.canSplit).toBeFalsy()
|
|
||||||
})
|
|
||||||
})
|
|
||||||
@ -1,98 +0,0 @@
|
|||||||
import { Component, OnInit, inject } from '@angular/core'
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
|
|
||||||
import { PDFDocumentProxy, PdfViewerModule } from 'ng2-pdf-viewer'
|
|
||||||
import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
|
|
||||||
import { Document } from 'src/app/data/document'
|
|
||||||
import { PermissionsService } from 'src/app/services/permissions.service'
|
|
||||||
import { DocumentService } from 'src/app/services/rest/document.service'
|
|
||||||
import { ConfirmDialogComponent } from '../confirm-dialog.component'
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'pngx-split-confirm-dialog',
|
|
||||||
templateUrl: './split-confirm-dialog.component.html',
|
|
||||||
styleUrl: './split-confirm-dialog.component.scss',
|
|
||||||
imports: [
|
|
||||||
FormsModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
NgxBootstrapIconsModule,
|
|
||||||
PdfViewerModule,
|
|
||||||
],
|
|
||||||
})
|
|
||||||
export class SplitConfirmDialogComponent
|
|
||||||
extends ConfirmDialogComponent
|
|
||||||
implements OnInit
|
|
||||||
{
|
|
||||||
private documentService = inject(DocumentService)
|
|
||||||
private permissionService = inject(PermissionsService)
|
|
||||||
|
|
||||||
public get pagesString(): string {
|
|
||||||
let pagesStr = ''
|
|
||||||
|
|
||||||
let lastPage = 1
|
|
||||||
for (let i = 1; i <= this.totalPages; i++) {
|
|
||||||
if (this.pages.has(i) || i === this.totalPages) {
|
|
||||||
if (lastPage === i) {
|
|
||||||
pagesStr += `${i},`
|
|
||||||
lastPage = Math.min(i + 1, this.totalPages)
|
|
||||||
} else {
|
|
||||||
pagesStr += `${lastPage}-${i},`
|
|
||||||
lastPage = Math.min(i + 1, this.totalPages)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return pagesStr.replace(/,$/, '')
|
|
||||||
}
|
|
||||||
|
|
||||||
private pages: Set<number> = new Set()
|
|
||||||
|
|
||||||
public documentID: number
|
|
||||||
private document: Document
|
|
||||||
public page: number = 1
|
|
||||||
public totalPages: number
|
|
||||||
public deleteOriginal: boolean = false
|
|
||||||
|
|
||||||
public get canSplit(): boolean {
|
|
||||||
return (
|
|
||||||
this.page < this.totalPages &&
|
|
||||||
this.pages.size < this.totalPages - 1 &&
|
|
||||||
!this.pages.has(this.page)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
public get pdfSrc(): string {
|
|
||||||
return this.documentService.getPreviewUrl(this.documentID)
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
super()
|
|
||||||
this.confirmButtonEnabled = this.pages.size > 0
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
this.documentService.get(this.documentID).subscribe((r) => {
|
|
||||||
this.document = r
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
pdfPreviewLoaded(pdf: PDFDocumentProxy) {
|
|
||||||
this.totalPages = pdf.numPages
|
|
||||||
}
|
|
||||||
|
|
||||||
addSplit() {
|
|
||||||
if (this.page === this.totalPages) return
|
|
||||||
this.pages.add(this.page)
|
|
||||||
this.pages = new Set(Array.from(this.pages).sort((a, b) => a - b))
|
|
||||||
this.confirmButtonEnabled = this.pages.size > 0
|
|
||||||
}
|
|
||||||
|
|
||||||
removeSplit(i: number) {
|
|
||||||
let page = Array.from(this.pages)[Math.min(i, this.pages.size - 1)]
|
|
||||||
this.pages.delete(page)
|
|
||||||
this.confirmButtonEnabled = this.pages.size > 0
|
|
||||||
}
|
|
||||||
|
|
||||||
get userOwnsDocument(): boolean {
|
|
||||||
return this.permissionService.currentUserOwnsObject(this.document)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -58,21 +58,9 @@
|
|||||||
<i-bs width="1em" height="1em" name="diagram-3"></i-bs> <span i18n>More like this</span>
|
<i-bs width="1em" height="1em" name="diagram-3"></i-bs> <span i18n>More like this</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button ngbDropdownItem (click)="splitDocument()" [disabled]="!userCanAdd || originalContentRenderType !== ContentRenderType.PDF || previewNumPages === 1">
|
|
||||||
<i-bs width="1em" height="1em" name="scissors"></i-bs> <span i18n>Split</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button ngbDropdownItem (click)="rotateDocument()" [disabled]="!userIsOwner || !userCanEdit || originalContentRenderType !== ContentRenderType.PDF">
|
|
||||||
<i-bs name="arrow-clockwise"></i-bs> <ng-container i18n>Rotate</ng-container>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button ngbDropdownItem (click)="editPdf()" [disabled]="!userIsOwner || !userCanEdit || originalContentRenderType !== ContentRenderType.PDF">
|
<button ngbDropdownItem (click)="editPdf()" [disabled]="!userIsOwner || !userCanEdit || originalContentRenderType !== ContentRenderType.PDF">
|
||||||
<i-bs name="pencil"></i-bs> <ng-container i18n>Edit PDF</ng-container>
|
<i-bs name="pencil"></i-bs> <ng-container i18n>Edit PDF</ng-container>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button ngbDropdownItem (click)="deletePages()" [disabled]="!userIsOwner || !userCanEdit || originalContentRenderType !== ContentRenderType.PDF || previewNumPages === 1">
|
|
||||||
<i-bs name="file-earmark-minus"></i-bs> <ng-container i18n>Delete page(s)</ng-container>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -1142,83 +1142,6 @@ describe('DocumentDetailComponent', () => {
|
|||||||
).not.toBeUndefined()
|
).not.toBeUndefined()
|
||||||
})
|
})
|
||||||
|
|
||||||
it('should support split', () => {
|
|
||||||
let modal: NgbModalRef
|
|
||||||
modalService.activeInstances.subscribe((m) => (modal = m[0]))
|
|
||||||
initNormally()
|
|
||||||
component.splitDocument()
|
|
||||||
expect(modal).not.toBeUndefined()
|
|
||||||
modal.componentInstance.documentID = doc.id
|
|
||||||
modal.componentInstance.totalPages = 5
|
|
||||||
modal.componentInstance.page = 2
|
|
||||||
modal.componentInstance.addSplit()
|
|
||||||
modal.componentInstance.confirm()
|
|
||||||
let req = httpTestingController.expectOne(
|
|
||||||
`${environment.apiBaseUrl}documents/bulk_edit/`
|
|
||||||
)
|
|
||||||
expect(req.request.body).toEqual({
|
|
||||||
documents: [doc.id],
|
|
||||||
method: 'split',
|
|
||||||
parameters: { pages: '1-2,3-5', delete_originals: false },
|
|
||||||
})
|
|
||||||
req.error(new ProgressEvent('failed'))
|
|
||||||
modal.componentInstance.confirm()
|
|
||||||
req = httpTestingController.expectOne(
|
|
||||||
`${environment.apiBaseUrl}documents/bulk_edit/`
|
|
||||||
)
|
|
||||||
req.flush(true)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should support rotate', () => {
|
|
||||||
let modal: NgbModalRef
|
|
||||||
modalService.activeInstances.subscribe((m) => (modal = m[0]))
|
|
||||||
initNormally()
|
|
||||||
component.rotateDocument()
|
|
||||||
expect(modal).not.toBeUndefined()
|
|
||||||
modal.componentInstance.documentID = doc.id
|
|
||||||
modal.componentInstance.rotate()
|
|
||||||
modal.componentInstance.confirm()
|
|
||||||
let req = httpTestingController.expectOne(
|
|
||||||
`${environment.apiBaseUrl}documents/bulk_edit/`
|
|
||||||
)
|
|
||||||
expect(req.request.body).toEqual({
|
|
||||||
documents: [doc.id],
|
|
||||||
method: 'rotate',
|
|
||||||
parameters: { degrees: 90 },
|
|
||||||
})
|
|
||||||
req.error(new ProgressEvent('failed'))
|
|
||||||
modal.componentInstance.confirm()
|
|
||||||
req = httpTestingController.expectOne(
|
|
||||||
`${environment.apiBaseUrl}documents/bulk_edit/`
|
|
||||||
)
|
|
||||||
req.flush(true)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should support delete pages', () => {
|
|
||||||
let modal: NgbModalRef
|
|
||||||
modalService.activeInstances.subscribe((m) => (modal = m[0]))
|
|
||||||
initNormally()
|
|
||||||
component.deletePages()
|
|
||||||
expect(modal).not.toBeUndefined()
|
|
||||||
modal.componentInstance.documentID = doc.id
|
|
||||||
modal.componentInstance.pages = [1, 2]
|
|
||||||
modal.componentInstance.confirm()
|
|
||||||
let req = httpTestingController.expectOne(
|
|
||||||
`${environment.apiBaseUrl}documents/bulk_edit/`
|
|
||||||
)
|
|
||||||
expect(req.request.body).toEqual({
|
|
||||||
documents: [doc.id],
|
|
||||||
method: 'delete_pages',
|
|
||||||
parameters: { pages: [1, 2] },
|
|
||||||
})
|
|
||||||
req.error(new ProgressEvent('failed'))
|
|
||||||
modal.componentInstance.confirm()
|
|
||||||
req = httpTestingController.expectOne(
|
|
||||||
`${environment.apiBaseUrl}documents/bulk_edit/`
|
|
||||||
)
|
|
||||||
req.flush(true)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should support pdf editor', () => {
|
it('should support pdf editor', () => {
|
||||||
let modal: NgbModalRef
|
let modal: NgbModalRef
|
||||||
modalService.activeInstances.subscribe((m) => (modal = m[0]))
|
modalService.activeInstances.subscribe((m) => (modal = m[0]))
|
||||||
|
|||||||
@ -81,9 +81,6 @@ import { getFilenameFromContentDisposition } from 'src/app/utils/http'
|
|||||||
import { ISODateAdapter } from 'src/app/utils/ngb-iso-date-adapter'
|
import { ISODateAdapter } from 'src/app/utils/ngb-iso-date-adapter'
|
||||||
import * as UTIF from 'utif'
|
import * as UTIF from 'utif'
|
||||||
import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.component'
|
import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.component'
|
||||||
import { DeletePagesConfirmDialogComponent } from '../common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component'
|
|
||||||
import { RotateConfirmDialogComponent } from '../common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
|
|
||||||
import { SplitConfirmDialogComponent } from '../common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component'
|
|
||||||
import { CustomFieldsDropdownComponent } from '../common/custom-fields-dropdown/custom-fields-dropdown.component'
|
import { CustomFieldsDropdownComponent } from '../common/custom-fields-dropdown/custom-fields-dropdown.component'
|
||||||
import { CorrespondentEditDialogComponent } from '../common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
|
import { CorrespondentEditDialogComponent } from '../common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
|
||||||
import { DocumentTypeEditDialogComponent } from '../common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
|
import { DocumentTypeEditDialogComponent } from '../common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
|
||||||
@ -1337,87 +1334,6 @@ export class DocumentDetailComponent
|
|||||||
this.documentForm.updateValueAndValidity()
|
this.documentForm.updateValueAndValidity()
|
||||||
}
|
}
|
||||||
|
|
||||||
splitDocument() {
|
|
||||||
let modal = this.modalService.open(SplitConfirmDialogComponent, {
|
|
||||||
backdrop: 'static',
|
|
||||||
size: 'lg',
|
|
||||||
})
|
|
||||||
modal.componentInstance.title = $localize`Split confirm`
|
|
||||||
modal.componentInstance.messageBold = $localize`This operation will split the selected document(s) into new documents.`
|
|
||||||
modal.componentInstance.btnCaption = $localize`Proceed`
|
|
||||||
modal.componentInstance.documentID = this.document.id
|
|
||||||
modal.componentInstance.confirmClicked
|
|
||||||
.pipe(takeUntil(this.unsubscribeNotifier))
|
|
||||||
.subscribe(() => {
|
|
||||||
modal.componentInstance.buttonsEnabled = false
|
|
||||||
this.documentsService
|
|
||||||
.bulkEdit([this.document.id], 'split', {
|
|
||||||
pages: modal.componentInstance.pagesString,
|
|
||||||
delete_originals: modal.componentInstance.deleteOriginal,
|
|
||||||
})
|
|
||||||
.pipe(first(), takeUntil(this.unsubscribeNotifier))
|
|
||||||
.subscribe({
|
|
||||||
next: () => {
|
|
||||||
this.toastService.showInfo(
|
|
||||||
$localize`Split operation for "${this.document.title}" will begin in the background.`
|
|
||||||
)
|
|
||||||
modal.close()
|
|
||||||
},
|
|
||||||
error: (error) => {
|
|
||||||
if (modal) {
|
|
||||||
modal.componentInstance.buttonsEnabled = true
|
|
||||||
}
|
|
||||||
this.toastService.showError(
|
|
||||||
$localize`Error executing split operation`,
|
|
||||||
error
|
|
||||||
)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
rotateDocument() {
|
|
||||||
let modal = this.modalService.open(RotateConfirmDialogComponent, {
|
|
||||||
backdrop: 'static',
|
|
||||||
size: 'lg',
|
|
||||||
})
|
|
||||||
modal.componentInstance.title = $localize`Rotate confirm`
|
|
||||||
modal.componentInstance.messageBold = $localize`This operation will permanently rotate the original version of the current document.`
|
|
||||||
modal.componentInstance.btnCaption = $localize`Proceed`
|
|
||||||
modal.componentInstance.documentID = this.document.id
|
|
||||||
modal.componentInstance.showPDFNote = false
|
|
||||||
modal.componentInstance.confirmClicked
|
|
||||||
.pipe(takeUntil(this.unsubscribeNotifier))
|
|
||||||
.subscribe(() => {
|
|
||||||
modal.componentInstance.buttonsEnabled = false
|
|
||||||
this.documentsService
|
|
||||||
.bulkEdit([this.document.id], 'rotate', {
|
|
||||||
degrees: modal.componentInstance.degrees,
|
|
||||||
})
|
|
||||||
.pipe(first(), takeUntil(this.unsubscribeNotifier))
|
|
||||||
.subscribe({
|
|
||||||
next: () => {
|
|
||||||
this.toastService.show({
|
|
||||||
content: $localize`Rotation of "${this.document.title}" will begin in the background. Close and re-open the document after the operation has completed to see the changes.`,
|
|
||||||
delay: 8000,
|
|
||||||
action: this.close.bind(this),
|
|
||||||
actionName: $localize`Close`,
|
|
||||||
})
|
|
||||||
modal.close()
|
|
||||||
},
|
|
||||||
error: (error) => {
|
|
||||||
if (modal) {
|
|
||||||
modal.componentInstance.buttonsEnabled = true
|
|
||||||
}
|
|
||||||
this.toastService.showError(
|
|
||||||
$localize`Error executing rotate operation`,
|
|
||||||
error
|
|
||||||
)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
editPdf() {
|
editPdf() {
|
||||||
let modal = this.modalService.open(PDFEditorComponent, {
|
let modal = this.modalService.open(PDFEditorComponent, {
|
||||||
backdrop: 'static',
|
backdrop: 'static',
|
||||||
@ -1457,43 +1373,6 @@ export class DocumentDetailComponent
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
deletePages() {
|
|
||||||
let modal = this.modalService.open(DeletePagesConfirmDialogComponent, {
|
|
||||||
backdrop: 'static',
|
|
||||||
})
|
|
||||||
modal.componentInstance.title = $localize`Delete pages confirm`
|
|
||||||
modal.componentInstance.messageBold = $localize`This operation will permanently delete the selected pages from the original document.`
|
|
||||||
modal.componentInstance.btnCaption = $localize`Proceed`
|
|
||||||
modal.componentInstance.documentID = this.document.id
|
|
||||||
modal.componentInstance.confirmClicked
|
|
||||||
.pipe(takeUntil(this.unsubscribeNotifier))
|
|
||||||
.subscribe(() => {
|
|
||||||
modal.componentInstance.buttonsEnabled = false
|
|
||||||
this.documentsService
|
|
||||||
.bulkEdit([this.document.id], 'delete_pages', {
|
|
||||||
pages: modal.componentInstance.pages,
|
|
||||||
})
|
|
||||||
.pipe(first(), takeUntil(this.unsubscribeNotifier))
|
|
||||||
.subscribe({
|
|
||||||
next: () => {
|
|
||||||
this.toastService.showInfo(
|
|
||||||
$localize`Delete pages operation for "${this.document.title}" will begin in the background. Close and re-open or reload this document after the operation has completed to see the changes.`
|
|
||||||
)
|
|
||||||
modal.close()
|
|
||||||
},
|
|
||||||
error: (error) => {
|
|
||||||
if (modal) {
|
|
||||||
modal.componentInstance.buttonsEnabled = true
|
|
||||||
}
|
|
||||||
this.toastService.showError(
|
|
||||||
$localize`Error executing delete pages operation`,
|
|
||||||
error
|
|
||||||
)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
public openShareLinks() {
|
public openShareLinks() {
|
||||||
const modal = this.modalService.open(ShareLinksDialogComponent)
|
const modal = this.modalService.open(ShareLinksDialogComponent)
|
||||||
modal.componentInstance.documentId = this.document.id
|
modal.componentInstance.documentId = this.document.id
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user