Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

improved pdftron text display

Browse Source
This commit is contained in:
Timo Bejan 2020-11-17 01:26:14 +02:00
parent 0621004867
commit a813fe8b8c
6 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html
View File

@ -57,7 +57,7 @@
</button> </button>
<div class="vertical-line"></div> <div class="vertical-line"></div>
<redaction-file-actions (actionPerformed)="fileActionPerformed($event)" *ngIf="viewReady"></redaction-file-actions> <redaction-file-actions (actionPerformed)="fileActionPerformed($event)" *ngIf="viewReady"></redaction-file-actions>
<button [routerLink]="['/ui/projects/' + appStateService.activeProjectId]" mat-icon-button> <button [routerLink]="['/ui/projects/' + appStateService.activeProjectId]" mat-icon-button [matTooltip]="'common.close' | translate">
<mat-icon svgIcon="red:close"></mat-icon> <mat-icon svgIcon="red:close"></mat-icon>
</button> </button>
</div> </div>

5
apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts
View File

@ -78,7 +78,8 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
{ {
licenseKey: environment.licenseKey ? atob(environment.licenseKey) : null, licenseKey: environment.licenseKey ? atob(environment.licenseKey) : null,
isReadOnly: true, isReadOnly: true,
path: '/assets/wv-resources' path: '/assets/wv-resources',
css: '/assets/pdftron/stylesheet.css'
}, },
this.viewer.nativeElement this.viewer.nativeElement
).then((instance) => { ).then((instance) => {
@ -209,9 +210,9 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
const idx = items.findIndex((el) => el['dataElement'] === 'searchButton'); const idx = items.findIndex((el) => el['dataElement'] === 'searchButton');
const title = document.createElement('div'); const title = document.createElement('div');
title.innerText = this.fileStatus.filename; title.innerText = this.fileStatus.filename;
title.style.cssText = 'text-align: right; font-size: 11px; color: #283241; line-height: 14px;';
items.splice(idx, 0, { items.splice(idx, 0, {
type: 'customElement', type: 'customElement',
dataElement: 'header-text',
render: () => title render: () => title
}); });
header.update(items); header.update(items);

23
apps/red-ui/src/app/screens/file/service/file-action.service.ts
View File

@ -28,23 +28,12 @@ export class FileActionService {
} }
public assignProjectReviewer(file?: FileStatus, callback?: Function) { public assignProjectReviewer(file?: FileStatus, callback?: Function) {
if (this._permissionsService.isManagerAndOwner()) { this._dialogService.openAssignFileReviewerDialog(file ? file : this._appStateService.activeFile, async () => {
this._dialogService.openAssignFileReviewerDialog(file ? file : this._appStateService.activeFile, async () => { await this._appStateService.reloadActiveProjectFiles();
await this._appStateService.reloadActiveProjectFiles(); if (callback) {
if (callback) { callback();
callback(); }
} });
});
} else {
this._statusControllerService
.assignProjectOwner(this._appStateService.activeProjectId, file ? file.fileId : this._appStateService.activeFileId, this._userService.userId)
.subscribe(async () => {
await this._appStateService.reloadActiveProjectFiles();
if (callback) {
callback();
}
});
}
} }
public assignToMe(file?: FileStatus, callback?: Function) { public assignToMe(file?: FileStatus, callback?: Function) {

2
apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html
View File

@ -37,7 +37,7 @@
> >
<mat-icon svgIcon="red:upload"></mat-icon> <mat-icon svgIcon="red:upload"></mat-icon>
</button> </button>
<button [routerLink]="['/ui/projects/']" mat-icon-button> <button [routerLink]="['/ui/projects/']" mat-icon-button [matTooltip]="'common.close' | translate">
<mat-icon svgIcon="red:close"></mat-icon> <mat-icon svgIcon="red:close"></mat-icon>
</button> </button>

1
apps/red-ui/src/assets/i18n/en.json
View File

@ -24,6 +24,7 @@
} }
}, },
"common": { "common": {
"close": "Close View",
"dialog": { "dialog": {
"close": "Close Dialog" "close": "Close Dialog"
}, },

14
apps/red-ui/src/assets/pdftron/stylesheet.css Normal file
View File

@ -0,0 +1,14 @@
div[data-element='header-text'] {
overflow: hidden;
}
div[data-element='header-text'] > div {
text-align: right;
font-size: 11px;
color: #283241;
line-height: 14px;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}