d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ThyImagePreviewComponent } from './image-preview.component';
import { ThyDialogRef } from 'ngx-tethys/dialog';
import { LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
import { ThyImageInfo, ThyImagePreviewOptions } from '../image.class';
import { Observable } from 'rxjs';

export class ThyImagePreviewRef {
    get componentInstance() {
        return this.dialogRef.componentInstance;
    }

    constructor(
        public previewInstance: ThyImagePreviewComponent,
        private config: ThyImagePreviewOptions,
        private dialogRef: ThyDialogRef<ThyImagePreviewComponent>
    ) {
        dialogRef
            .keydownEvents()
            .pipe()
            .subscribe(event => {
                if (!config.disableKeyboardSelectable && event.keyCode === LEFT_ARROW) {
                    this.prev();
                }
                if (!config.disableKeyboardSelectable && event.keyCode === RIGHT_ARROW) {
                    this.next();
                }
            });
    }

    next(): void {
        this.previewInstance.next();
    }

    prev(): void {
        this.previewInstance.prev();
    }

    downloadClicked(): Observable<ThyImageInfo> {
        return this.previewInstance.downloadClicked.asObservable();
    }
}

1	import { ThyImagePreviewComponent } from './image-preview.component';
2	import { ThyDialogRef } from 'ngx-tethys/dialog';
3	import { LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
4	import { ThyImageInfo, ThyImagePreviewOptions } from '../image.class';	×
5	import { Observable } from 'rxjs';
6
7	export class ThyImagePreviewRef {	×
8	get componentInstance() {	×
9	return this.dialogRef.componentInstance;	×
10	}	×
11
12	constructor(
13	public previewInstance: ThyImagePreviewComponent,
14	private config: ThyImagePreviewOptions,	×
15	private dialogRef: ThyDialogRef<ThyImagePreviewComponent>	×
16	) {
17	dialogRef	×
18	.keydownEvents()	×
19	.pipe()
20	.subscribe(event => {
21	if (!config.disableKeyboardSelectable && event.keyCode === LEFT_ARROW) {
22	this.prev();
23	}	×
24	if (!config.disableKeyboardSelectable && event.keyCode === RIGHT_ARROW) {
25	this.next();
26	}	×
27	});
28	}
29		×
30	next(): void {
31	this.previewInstance.next();
32	}
33
34	prev(): void {
35	this.previewInstance.prev();
36	}
37
38	downloadClicked(): Observable<ThyImageInfo> {
39	return this.previewInstance.downloadClicked.asObservable();
40	}
41	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous