mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-02 13:45:10 -05:00
7c9ab8c0b6
* Implement share links Basic implementation of share links Make certain share link fields not editable, automatically grant permissions on migrate Updated styling, error messages from expired / deleted links frontend code linting, reversable sharelink migration testing coverage Update translation strings No links message * Consolidate file response methods * improvements to share links on mobile devices * Refactor share links file_version * Add docs for share links * Apply suggestions from code review * When filtering share links, use the timezone aware now() * Removes extra call to setup directories for usage in testing * FIx copied badge display on some browsers * Move copy to ngx-clipboard library --------- Co-authored-by: Trenton H <797416+stumpylog@users.noreply.github.com>
234 lines
15 KiB
HTML
234 lines
15 KiB
HTML
<app-page-header [(title)]="title">
|
|
<div class="input-group input-group-sm me-5 d-none d-md-flex" *ngIf="getContentType() === 'application/pdf' && !useNativePdfViewer">
|
|
<div class="input-group-text" i18n>Page</div>
|
|
<input class="form-control flex-grow-0 w-auto" type="number" min="1" [max]="previewNumPages" [(ngModel)]="previewCurrentPage" />
|
|
<div class="input-group-text" i18n>of {{previewNumPages}}</div>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-danger me-4" (click)="delete()" [disabled]="!userIsOwner" *appIfPermissions="{ action: PermissionAction.Delete, type: PermissionType.Document }">
|
|
<svg class="buttonicon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#trash" />
|
|
</svg><span class="d-none d-lg-inline ps-1" i18n>Delete</span>
|
|
</button>
|
|
|
|
<div class="btn-group me-2">
|
|
<a [href]="downloadUrl" class="btn btn-sm btn-outline-primary">
|
|
<svg class="buttonicon me-md-1" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#download" />
|
|
</svg><span class="d-none d-lg-inline ps-1" i18n>Download</span>
|
|
</a>
|
|
|
|
<div class="btn-group" ngbDropdown role="group" *ngIf="metadata?.has_archive_version">
|
|
<button class="btn btn-sm btn-outline-primary dropdown-toggle" ngbDropdownToggle></button>
|
|
<div class="dropdown-menu shadow" ngbDropdownMenu>
|
|
<a ngbDropdownItem [href]="downloadOriginalUrl" i18n>Download original</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ngbDropdown>
|
|
<button class="btn btn-sm btn-outline-primary me-2" id="actionsDropdown" ngbDropdownToggle>
|
|
<svg class="toolbaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#three-dots" />
|
|
</svg>
|
|
<div class="d-none d-sm-inline"> <ng-container i18n>Actions</ng-container></div>
|
|
</button>
|
|
<div ngbDropdownMenu aria-labelledby="actionsDropdown" class="shadow">
|
|
<button ngbDropdownItem (click)="redoOcr()" [disabled]="!userCanEdit">
|
|
<svg class="buttonicon-sm" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#arrow-counterclockwise" />
|
|
</svg><span class="ps-1" i18n>Redo OCR</span>
|
|
</button>
|
|
|
|
<button ngbDropdownItem (click)="moreLike()">
|
|
<svg class="buttonicon-sm" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#diagram-3" />
|
|
</svg><span class="ps-1" i18n>More like this</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<app-share-links-dropdown [documentId]="documentId" [disabled]="!userIsOwner" *appIfPermissions="{ action: PermissionAction.Add, type: PermissionType.ShareLink }"></app-share-links-dropdown>
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-primary me-2" i18n-title title="Close" (click)="close()">
|
|
<svg class="buttonicon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#x" />
|
|
</svg>
|
|
</button>
|
|
|
|
<div class="button-group">
|
|
<button type="button" class="btn btn-sm btn-outline-primary me-2" i18n-title title="Previous" (click)="previousDoc()" [disabled]="!hasPrevious()">
|
|
<svg class="buttonicon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#arrow-left" />
|
|
</svg>
|
|
</button>
|
|
<button type="button" class="btn btn-sm btn-outline-primary" i18n-title title="Next" (click)="nextDoc()" [disabled]="!hasNext()">
|
|
<svg class="buttonicon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#arrow-right" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
</app-page-header>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 col-xl-4 mb-4">
|
|
|
|
<form [formGroup]='documentForm' (ngSubmit)="save()">
|
|
|
|
<ul ngbNav #nav="ngbNav" class="nav-tabs" (navChange)="onNavChange($event)" [(activeId)]="activeNavID">
|
|
<li [ngbNavItem]="DocumentDetailNavIDs.Details">
|
|
<a ngbNavLink i18n>Details</a>
|
|
<ng-template ngbNavContent>
|
|
|
|
<app-input-text #inputTitle i18n-title title="Title" formControlName="title" (keyup)="titleKeyUp($event)" [error]="error?.title"></app-input-text>
|
|
<app-input-number i18n-title title="Archive serial number" [error]="error?.archive_serial_number" formControlName='archive_serial_number'></app-input-number>
|
|
<app-input-date i18n-title title="Date created" formControlName="created_date" [suggestions]="suggestions?.dates" [showFilter]="true" (filterDocuments)="filterDocuments($event)"
|
|
[error]="error?.created_date"></app-input-date>
|
|
<app-input-select [items]="correspondents" i18n-title title="Correspondent" formControlName="correspondent" [allowNull]="true" [showFilter]="true" (filterDocuments)="filterDocuments($event)"
|
|
(createNew)="createCorrespondent($event)" [suggestions]="suggestions?.correspondents" *appIfPermissions="{ action: PermissionAction.View, type: PermissionType.Correspondent }"></app-input-select>
|
|
<app-input-select [items]="documentTypes" i18n-title title="Document type" formControlName="document_type" [allowNull]="true" [showFilter]="true" (filterDocuments)="filterDocuments($event)"
|
|
(createNew)="createDocumentType($event)" [suggestions]="suggestions?.document_types" *appIfPermissions="{ action: PermissionAction.View, type: PermissionType.DocumentType }"></app-input-select>
|
|
<app-input-select [items]="storagePaths" i18n-title title="Storage path" formControlName="storage_path" [allowNull]="true" [showFilter]="true" (filterDocuments)="filterDocuments($event)"
|
|
(createNew)="createStoragePath($event)" [suggestions]="suggestions?.storage_paths" i18n-placeholder placeholder="Default" *appIfPermissions="{ action: PermissionAction.View, type: PermissionType.StoragePath }"></app-input-select>
|
|
<app-input-tags formControlName="tags" [suggestions]="suggestions?.tags" [showFilter]="true" (filterDocuments)="filterDocuments($event)" *appIfPermissions="{ action: PermissionAction.View, type: PermissionType.Tag }"></app-input-tags>
|
|
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="DocumentDetailNavIDs.Content">
|
|
<a ngbNavLink i18n>Content</a>
|
|
<ng-template ngbNavContent>
|
|
<div class="mb-3">
|
|
<textarea class="form-control" id="content" rows="20" formControlName='content' [class.rtl]="isRTL"></textarea>
|
|
</div>
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="DocumentDetailNavIDs.Metadata">
|
|
<a ngbNavLink i18n>Metadata</a>
|
|
<ng-template ngbNavContent>
|
|
|
|
<table class="table table-borderless" *ngIf="document">
|
|
<tbody>
|
|
<tr>
|
|
<td i18n>Date modified</td>
|
|
<td>{{document.modified | customDate}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n>Date added</td>
|
|
<td>{{document.added | customDate}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n>Media filename</td>
|
|
<td>{{metadata?.media_filename}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n>Original filename</td>
|
|
<td>{{metadata?.original_filename}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n>Original MD5 checksum</td>
|
|
<td>{{metadata?.original_checksum}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n>Original file size</td>
|
|
<td>{{metadata?.original_size | fileSize}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n>Original mime type</td>
|
|
<td>{{metadata?.original_mime_type}}</td>
|
|
</tr>
|
|
<tr *ngIf="metadata?.has_archive_version">
|
|
<td i18n>Archive MD5 checksum</td>
|
|
<td>{{metadata?.archive_checksum}}</td>
|
|
</tr>
|
|
<tr *ngIf="metadata?.has_archive_version">
|
|
<td i18n>Archive file size</td>
|
|
<td>{{metadata?.archive_size | fileSize}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<app-metadata-collapse i18n-title title="Original document metadata" [metadata]="metadata.original_metadata" *ngIf="metadata?.original_metadata?.length > 0"></app-metadata-collapse>
|
|
<app-metadata-collapse i18n-title title="Archived document metadata" [metadata]="metadata.archive_metadata" *ngIf="metadata?.archive_metadata?.length > 0"></app-metadata-collapse>
|
|
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="DocumentDetailNavIDs.Preview" class="d-md-none">
|
|
<a ngbNavLink i18n>Preview</a>
|
|
<ng-template ngbNavContent *ngIf="!pdfPreview.offsetParent">
|
|
<div class="position-relative">
|
|
<ng-container *ngIf="getContentType() === 'application/pdf'">
|
|
<div class="preview-sticky pdf-viewer-container" *ngIf="!useNativePdfViewer ; else nativePdfViewer">
|
|
<pdf-viewer [src]="{ url: previewUrl, password: password }" [original-size]="false" [show-borders]="true" [show-all]="true" [(page)]="previewCurrentPage" [render-text-mode]="2" (error)="onError($event)" (after-load-complete)="pdfPreviewLoaded($event)"></pdf-viewer>
|
|
</div>
|
|
<ng-template #nativePdfViewer>
|
|
<object [data]="previewUrl | safeUrl" class="preview-sticky" width="100%"></object>
|
|
</ng-template>
|
|
</ng-container>
|
|
<ng-container *ngIf="getContentType() === 'text/plain'">
|
|
<object [data]="previewUrl | safeUrl" type="text/plain" class="preview-sticky bg-white" width="100%"></object>
|
|
</ng-container>
|
|
<div *ngIf="requiresPassword" class="password-prompt">
|
|
<form>
|
|
<input autocomplete="" class="form-control" i18n-placeholder placeholder="Enter Password" type="password" (keyup)="onPasswordKeyUp($event)" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="DocumentDetailNavIDs.Notes" *ngIf="notesEnabled">
|
|
<a ngbNavLink i18n>Notes <span *ngIf="document?.notes.length" class="badge text-bg-secondary ms-1">{{document.notes.length}}</span></a>
|
|
<ng-template ngbNavContent>
|
|
<app-document-notes [documentId]="documentId" [notes]="document?.notes" [addDisabled]="!userCanEdit" (updated)="notesUpdated($event)"></app-document-notes>
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="DocumentDetailNavIDs.Permissions" *ngIf="showPermissions">
|
|
<a ngbNavLink i18n>Permissions</a>
|
|
<ng-template ngbNavContent>
|
|
<div class="mb-3">
|
|
<app-permissions-form [users]="users" formControlName="permissions_form"></app-permissions-form>
|
|
</div>
|
|
</ng-template>
|
|
</li>
|
|
</ul>
|
|
|
|
<div [ngbNavOutlet]="nav" class="mt-2"></div>
|
|
|
|
<ng-container>
|
|
<button type="button" class="btn btn-outline-secondary me-2" (click)="discard()" i18n [disabled]="!userCanEdit || networkActive || (isDirty$ | async) !== true">Discard</button>
|
|
<ng-container *appIfPermissions="{ action: PermissionAction.Change, type: PermissionType.Document }">
|
|
<button *ngIf="hasNext()" type="button" class="btn btn-outline-primary me-2" (click)="saveEditNext()" i18n [disabled]="!userCanEdit || networkActive || (isDirty$ | async) !== true">Save & next</button>
|
|
<button *ngIf="!hasNext()" type="button" class="btn btn-outline-primary me-2" (click)="save(true)" i18n [disabled]="!userCanEdit || networkActive || (isDirty$ | async) !== true">Save & close</button>
|
|
<button type="submit" class="btn btn-primary" i18n [disabled]="!userCanEdit || networkActive || (isDirty$ | async) !== true">Save</button>
|
|
</ng-container>
|
|
</ng-container>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-xl-8 mb-3 d-none d-md-block position-relative" #pdfPreview>
|
|
<ng-container *ngIf="getContentType() === 'application/pdf'">
|
|
<div class="preview-sticky pdf-viewer-container" *ngIf="!useNativePdfViewer ; else nativePdfViewer">
|
|
<pdf-viewer [src]="{ url: previewUrl, password: password }" [original-size]="false" [show-borders]="true" [show-all]="true" [(page)]="previewCurrentPage" [render-text-mode]="2" (error)="onError($event)" (after-load-complete)="pdfPreviewLoaded($event)"></pdf-viewer>
|
|
</div>
|
|
<ng-template #nativePdfViewer>
|
|
<object [data]="previewUrl | safeUrl" class="preview-sticky" width="100%"></object>
|
|
</ng-template>
|
|
</ng-container>
|
|
<ng-container *ngIf="renderAsPlainText">
|
|
<div [innerText]="previewText" class="preview-sticky bg-light p-3" width="100%"></div>
|
|
</ng-container>
|
|
<div *ngIf="requiresPassword" class="password-prompt">
|
|
<form>
|
|
<input autocomplete="" class="form-control" i18n-placeholder placeholder="Enter Password" type="password" (keyup)="onPasswordKeyUp($event)" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|