d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ThyFormDirective, ThyFormGroupFooterAlign, ThyFormGroupFooterComponent } from 'ngx-tethys/form';
import { finalize } from 'rxjs/operators';

import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit } from '@angular/core';

import { NgClass } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { ThyButtonComponent } from 'ngx-tethys/button';
import { DialogBodyComponent } from '../body/dialog-body.component';
import { ThyConfirmConfig, THY_CONFIRM_DEFAULT_OPTIONS, THY_CONFIRM_DEFAULT_OPTIONS_VALUE } from '../confirm.config';
import { ThyDialogRef } from '../dialog-ref';
import { DialogHeaderComponent } from '../header/dialog-header.component';

/**
 * @private
 */
@Component({
    selector: 'thy-confirm-default',
    templateUrl: './confirm.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
    imports: [
        DialogHeaderComponent,
        DialogBodyComponent,
        FormsModule,
        ThyFormDirective,
        ThyFormGroupFooterComponent,
        NgClass,
        ThyButtonComponent
    ]
})
export class ThyConfirmComponent implements OnInit, OnDestroy {
    loading: boolean;

    @Input() options: ThyConfirmConfig;

    public title: string;

    public content: string;

    public okText: string;

    public okType: string;

    public cancelText: string;

    public okLoadingText: string;

    public footerAlign: ThyFormGroupFooterAlign;

    constructor(
        private dialogRef: ThyDialogRef<ThyConfirmComponent>,
        private changeDetectorRef: ChangeDetectorRef,
        @Inject(THY_CONFIRM_DEFAULT_OPTIONS) private defaultConfig: ThyConfirmConfig
    ) {
        this.defaultConfig = { ...(THY_CONFIRM_DEFAULT_OPTIONS_VALUE as ThyConfirmConfig), ...this.defaultConfig };
    }

    ngOnInit() {
        this.defaultConfig = { ...this.defaultConfig, ...this.options };
        this.title = this.defaultConfig.title;
        this.content = this.defaultConfig.content;
        this.okText = this.defaultConfig.okText;
        this.okType = this.defaultConfig.okType;
        this.cancelText = this.defaultConfig.cancelText;
        this.okLoadingText = this.defaultConfig.okLoadingText || this.okText;
        this.footerAlign = this.defaultConfig.footerAlign;
    }

    confirm() {
        this.loading = true;
        const result = this.options.onOk();
        if (result && result.subscribe) {
            result
                .pipe(
                    finalize(() => {
                        this.loading = false;
                        this.changeDetectorRef.markForCheck();
                    })
                )
                .subscribe(success => {
                    if (success) {
                        this.close();
                    }
                });
        } else {
            this.close();
        }
    }

    close() {
        this.options?.onCancel?.();
        this.dialogRef.close();
    }

    ngOnDestroy() {}
}

1	import { ThyFormDirective, ThyFormGroupFooterAlign, ThyFormGroupFooterComponent } from 'ngx-tethys/form';
2	import { finalize } from 'rxjs/operators';
3
4	import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit } from '@angular/core';
5
6	import { NgClass } from '@angular/common';
7	import { FormsModule } from '@angular/forms';
8	import { ThyButtonComponent } from 'ngx-tethys/button';
9	import { DialogBodyComponent } from '../body/dialog-body.component';
10	import { ThyConfirmConfig, THY_CONFIRM_DEFAULT_OPTIONS, THY_CONFIRM_DEFAULT_OPTIONS_VALUE } from '../confirm.config';
11	import { ThyDialogRef } from '../dialog-ref';
12	import { DialogHeaderComponent } from '../header/dialog-header.component';
13
14	/**
15	* @private
16	*/	1✔
17	@Component({
18	selector: 'thy-confirm-default',	×
19	templateUrl: './confirm.component.html',	×
20	changeDetection: ChangeDetectionStrategy.OnPush,	×
21	standalone: true,	×
22	imports: [
23	DialogHeaderComponent,
24	DialogBodyComponent,	×
25	FormsModule,	×
26	ThyFormDirective,	×
27	ThyFormGroupFooterComponent,	×
28	NgClass,	×
29	ThyButtonComponent	×
30	]	×
31	})	×
32	export class ThyConfirmComponent implements OnInit, OnDestroy {
33	loading: boolean;
34		×
35	@Input() options: ThyConfirmConfig;	×
36		×
37	public title: string;	×
38
39	public content: string;	×
40		×
41	public okText: string;
42
43	public okType: string;	×
44		×
45	public cancelText: string;
46
47	public okLoadingText: string;
48
49	public footerAlign: ThyFormGroupFooterAlign;	×
50
51	constructor(
52	private dialogRef: ThyDialogRef<ThyConfirmComponent>,
53	private changeDetectorRef: ChangeDetectorRef,	×
54	@Inject(THY_CONFIRM_DEFAULT_OPTIONS) private defaultConfig: ThyConfirmConfig	×
55	) {
56	this.defaultConfig = { ...(THY_CONFIRM_DEFAULT_OPTIONS_VALUE as ThyConfirmConfig), ...this.defaultConfig };
57	}	1✔
58
59	ngOnInit() {
60	this.defaultConfig = { ...this.defaultConfig, ...this.options };
61	this.title = this.defaultConfig.title;
62	this.content = this.defaultConfig.content;	1✔
63	this.okText = this.defaultConfig.okText;
64	this.okType = this.defaultConfig.okType;
65	this.cancelText = this.defaultConfig.cancelText;
66	this.okLoadingText = this.defaultConfig.okLoadingText \|\| this.okText;	1✔
67	this.footerAlign = this.defaultConfig.footerAlign;
68	}
69
70	confirm() {
71	this.loading = true;
72	const result = this.options.onOk();
73	if (result && result.subscribe) {
74	result
75	.pipe(
76	finalize(() => {
77	this.loading = false;
78	this.changeDetectorRef.markForCheck();
79	})
80	)
81	.subscribe(success => {
82	if (success) {
83	this.close();
84	}
85	});
86	} else {
87	this.close();
88	}
89	}
90
91	close() {
92	this.options?.onCancel?.();
93	this.dialogRef.close();
94	}
95
96	ngOnDestroy() {}
97	}

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