amorfo77/paperless-ngx
1
0 Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2026-10-21 15:28:13 +00:00
Code Issues Projects Releases Wiki Activity

Move back controls, drop (lol) dnd

Browse Source
This commit is contained in:
shamoon committed 2026-10-20 10:08:43 -07:00
1 parent 592f882394
commit bff41907c2
3 files changed
+14 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src-ui/src/app/components/manage/ocr-templates/ocr-template-editor/ocr-template-editor.component.html
+14 -20
View File
@@ -158,8 +158,9 @@
</div>
<div class="col-lg-8 d-flex flex-column">
<div class="mb-2 flex-shrink-0">
<div class="d-flex flex-wrap gap-2 mb-2 flex-shrink-0">
<pngx-input-document-link
class="flex-grow-1"
[ngModel]="sampleDocumentIds"
(ngModelChange)="setSampleDocument($event)"
[minimal]="true"
@@ -167,8 +168,19 @@
placeholder="Search for a sample document"
i18n-placeholder
></pngx-input-document-link>
@if (previewDocId) {
<div class="input-group w-auto flex-nowrap">
<input class="form-control flex-grow-0 preview-page-input" type="number" min="1" [max]="previewPageCount()" [(ngModel)]="previewPageDisplay" [disabled]="!pageLoaded()" aria-label="Page" i18n-aria-label />
<span class="input-group-text" i18n>of {{ previewPageCount() ?? '?' }}</span>
</div>
<div class="input-group w-auto flex-nowrap" role="group" aria-label="Zoom" i18n-aria-label>
<button type="button" class="btn btn-outline-secondary" aria-label="Zoom out" i18n-aria-label [disabled]="!pageLoaded() || zoom <= 0.5" (click)="zoomOut()"><i-bs name="dash"></i-bs></button>
<button type="button" class="btn btn-outline-secondary preview-zoom" title="Reset zoom" i18n-title [disabled]="!pageLoaded()" (click)="resetZoom()">{{ zoom | percent: '1.0-0' }}</button>
<button type="button" class="btn btn-outline-secondary" aria-label="Zoom in" i18n-aria-label [disabled]="!pageLoaded() || zoom >= 4" (click)="zoomIn()"><i-bs name="plus"></i-bs></button>
</div>
}
</div>
<div #previewContainer class="position-relative flex-grow-1 overflow-hidden">
<div class="flex-grow-1 overflow-hidden">
<div class="h-100 overflow-auto border" [attr.aria-busy]="previewDocId && !pageLoaded()">
@if (pageFailed()) {
<div class="py-5 px-3 text-center" role="alert">
@@ -264,24 +276,6 @@
</div>
}
</div>
@if (previewDocId && !pageFailed()) {
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 mb-3">
<div cdkDrag [cdkDragBoundary]="previewContainer" class="d-flex gap-2 p-1 bg-body border rounded shadow">
<span cdkDragHandle class="d-flex align-items-center text-secondary" title="Move preview controls" i18n-title aria-label="Move preview controls" i18n-aria-label>
<i-bs name="grip-vertical"></i-bs>
</span>
<div class="input-group input-group-sm w-auto flex-nowrap">
<input class="form-control flex-grow-0 preview-page-input" type="number" min="1" [max]="previewPageCount()" [(ngModel)]="previewPageDisplay" [disabled]="!pageLoaded()" aria-label="Page" i18n-aria-label />
<span class="input-group-text" i18n>of {{ previewPageCount() ?? '?' }}</span>
</div>
<div class="input-group input-group-sm w-auto flex-nowrap" role="group" aria-label="Zoom" i18n-aria-label>
<button type="button" class="btn btn-outline-secondary" aria-label="Zoom out" i18n-aria-label [disabled]="!pageLoaded() || zoom <= 0.5" (click)="zoomOut()"><i-bs name="dash"></i-bs></button>
<button type="button" class="btn btn-outline-secondary preview-zoom" title="Reset zoom" i18n-title [disabled]="!pageLoaded()" (click)="resetZoom()">{{ zoom | percent: '1.0-0' }}</button>
<button type="button" class="btn btn-outline-secondary" aria-label="Zoom in" i18n-aria-label [disabled]="!pageLoaded() || zoom >= 4" (click)="zoomIn()"><i-bs name="plus"></i-bs></button>
</div>
</div>
</div>
}
</div>
</div>
</div>
src-ui/src/app/components/manage/ocr-templates/ocr-template-editor/ocr-template-editor.component.scss
-4
View File
@@ -22,10 +22,6 @@
min-width: 4rem;
}
.cdk-drag-handle {
cursor: move;
}
.zone-overlay {
touch-action: none;
}
src-ui/src/app/components/manage/ocr-templates/ocr-template-editor/ocr-template-editor.component.ts
-2
View File
@@ -1,4 +1,3 @@
import { DragDropModule } from '@angular/cdk/drag-drop'
import { CommonModule } from '@angular/common'
import {
Component,
@@ -126,7 +125,6 @@ const RESIZE_CURSOR: Record<ResizeHandle, string> = {
@Component({
selector: 'pngx-ocr-template-editor',
imports: [
DragDropModule,
DocumentLinkComponent,
NumberComponent,
TextComponent,