d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ChangeDetectionStrategy, Component } from '@angular/core';

import { DateHelperService } from '../../../date-picker/date-helper.service';
import { CalendarHeader, PanelSelector } from '../calendar/calendar-header.component';
import { ThyIconComponent } from 'ngx-tethys/icon';
import { NgIf, NgFor } from '@angular/common';

/**
 * @private
 */
@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    // eslint-disable-next-line @angular-eslint/component-selector
    selector: 'decade-header',
    templateUrl: '../calendar/calendar-header.component.html',
    standalone: true,
    imports: [NgIf, ThyIconComponent, NgFor]
})
export class DecadeHeaderComponent extends CalendarHeader {
    constructor(public dateHelper: DateHelperService) {
        super(dateHelper);
    }
    get startYear(): number {
        return parseInt(`${this.value.getYear() / 100}`, 10) * 100;
    }

    get endYear(): number {
        return this.startYear + 99;
    }

    superPrevious(): void {
        this.changeValue(this.value.addYears(-100));
    }

    superNext(): void {
        this.changeValue(this.value.addYears(100));
    }

    getSelectors(): PanelSelector[] {
        return [
            {
                className: `${this.prefixCls}-decade-btn`,
                title: '',
                onClick: () => {},
                label: `${this.startYear}-${this.endYear}`
            }
        ];
    }
}

1	import { ChangeDetectionStrategy, Component } from '@angular/core';
2
3	import { DateHelperService } from '../../../date-picker/date-helper.service';
4	import { CalendarHeader, PanelSelector } from '../calendar/calendar-header.component';
5	import { ThyIconComponent } from 'ngx-tethys/icon';
6	import { NgIf, NgFor } from '@angular/common';
7
8	/**
9	* @private
10	*/
11	@Component({	1✔
12	changeDetection: ChangeDetectionStrategy.OnPush,
13	// eslint-disable-next-line @angular-eslint/component-selector	×
14	selector: 'decade-header',	×
15	templateUrl: '../calendar/calendar-header.component.html',
16	standalone: true,
17	imports: [NgIf, ThyIconComponent, NgFor]	×
18	})
19	export class DecadeHeaderComponent extends CalendarHeader {
20	constructor(public dateHelper: DateHelperService) {	×
21	super(dateHelper);
22	}
23	get startYear(): number {	×
24	return parseInt(`${this.value.getYear() / 100}`, 10) * 100;
25	}
26		×
27	get endYear(): number {
28	return this.startYear + 99;
29	}	×
30
31	superPrevious(): void {
32	this.changeValue(this.value.addYears(-100));
33	}
34
35	superNext(): void {
36	this.changeValue(this.value.addYears(100));
37	}
38		1✔
39	getSelectors(): PanelSelector[] {
40	return [
41	{
42	className: `${this.prefixCls}-decade-btn`,	1✔
43	title: '',
44	onClick: () => {},
45	label: `${this.startYear}-${this.endYear}`
46	}
47	];
48	}
49	}

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