Eslint integration

This commit is contained in:
Cagatay Civici
2022-10-25 14:28:22 +03:00
parent d39e9f8111
commit 9feebce4b8
10 changed files with 252 additions and 182 deletions

View File

@@ -1,10 +1,11 @@
import { Component } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { PrimeNGConfig } from 'primeng/api';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
export class AppComponent implements OnInit {
constructor(private primengConfig: PrimeNGConfig) { }

View File

@@ -1,11 +1,11 @@
import { Component } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { PrimeIcons } from 'primeng/api';
@Component({
templateUrl: './timelinedemo.component.html',
styleUrls: ['./timelinedemo.scss']
})
export class TimelineDemoComponent {
export class TimelineDemoComponent implements OnInit {
events1: any[] = [];

View File

@@ -6,6 +6,7 @@ enum BlockView {
}
@Component({
// eslint-disable-next-line @angular-eslint/component-selector
selector: 'block-viewer',
template: `
<div class="block-section">
@@ -16,8 +17,8 @@ enum BlockView {
<span class="badge-new" *ngIf="new">New</span>
</span>
<div class="block-actions">
<a tabindex="0" [ngClass]="{'block-action-active': blockView == BlockView.PREVIEW}" (click)="activateView($event, BlockView.PREVIEW)"><span>Preview</span></a>
<a [attr.tabindex]="'0'" [ngClass]="{'block-action-active': blockView == BlockView.CODE}" (click)="activateView($event, BlockView.CODE)">
<a tabindex="0" [ngClass]="{'block-action-active': blockView === BlockView.PREVIEW}" (click)="activateView($event, BlockView.PREVIEW)"><span>Preview</span></a>
<a [attr.tabindex]="'0'" [ngClass]="{'block-action-active': blockView === BlockView.CODE}" (click)="activateView($event, BlockView.CODE)">
<span>Code</span>
</a>
<a [attr.tabindex]="'0'" class="block-action-copy" (click)="copyCode($event)"
@@ -25,10 +26,10 @@ enum BlockView {
</div>
</div>
<div class="block-content">
<div [class]="containerClass" [ngStyle]="previewStyle" *ngIf="blockView == BlockView.PREVIEW">
<div [class]="containerClass" [ngStyle]="previewStyle" *ngIf="blockView === BlockView.PREVIEW">
<ng-content></ng-content>
</div>
<div *ngIf="blockView == BlockView.CODE">
<div *ngIf="blockView === BlockView.CODE">
<app-code lang="markup" ngPreserveWhitespaces>{{code}}
</app-code>
</div>
@@ -37,7 +38,7 @@ enum BlockView {
`,
styleUrls: ['./blockviewer.component.scss']
})
export class BlockViewer {
export class BlockViewerComponent {
@Input() header!: string;

View File

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BlocksComponent } from './blocks/blocks.component';
import { PrimeBlocksRoutingModule } from './primeblocks-routing.module';
import { BlockViewer } from './blockviewer/blockviewer.component'
import { BlockViewerComponent } from './blockviewer/blockviewer.component'
import { AppCodeModule } from '../code/code.component';
import { ChipModule } from 'primeng/chip';
import { CheckboxModule } from 'primeng/checkbox';
@@ -28,6 +28,6 @@ import { TooltipModule } from 'primeng/tooltip';
PrimeBlocksRoutingModule,
AppCodeModule
],
declarations: [BlocksComponent, BlockViewer]
declarations: [BlocksComponent, BlockViewerComponent]
})
export class PrimeBlocksModule { }

View File

@@ -1,11 +1,11 @@
import { Component, OnInit } from '@angular/core';
import { Component, OnDestroy, OnInit } from '@angular/core';
import { Subscription } from 'rxjs';
import { LayoutService } from 'src/app/layout/service/app.layout.service';
@Component({
templateUrl: './chartsdemo.component.html'
})
export class ChartsDemoComponent implements OnInit {
export class ChartsDemoComponent implements OnInit, OnDestroy {
lineData: any;

View File

@@ -19,8 +19,8 @@
<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
<tr>
<td *ngFor="let col of columns; let i = index">
<p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
<p-treeTableCheckbox [value]="rowNode" *ngIf="i == 0"></p-treeTableCheckbox>
<p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
<p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0"></p-treeTableCheckbox>
{{rowData[col.field]}}
</td>
</tr>

View File

@@ -1,4 +1,4 @@
import { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';
import { ChangeDetectorRef, Component, Host, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';
import { NavigationEnd, Router } from '@angular/router';
import { animate, state, style, transition, trigger } from '@angular/animations';
import { Subscription } from 'rxjs';
@@ -7,9 +7,8 @@ import { MenuService } from './app.menu.service';
import { LayoutService } from './service/app.layout.service';
@Component({
/* tslint:disable:component-selector */
// eslint-disable-next-line @angular-eslint/component-selector
selector: '[app-menuitem]',
/* tslint:enable:component-selector */
template: `
<ng-container>
<div *ngIf="root && item.visible !== false" class="layout-menuitem-root-text">{{item.label}}</div>
@@ -36,10 +35,6 @@ import { LayoutService } from './service/app.layout.service';
</ul>
</ng-container>
`,
host: {
'[class.layout-root-menuitem]': 'root',
'[class.active-menuitem]': 'active'
},
animations: [
trigger('children', [
state('collapsed', style({
@@ -58,11 +53,11 @@ export class AppMenuitemComponent implements OnInit, OnDestroy {
@Input() index!: number;
@Input() root!: boolean;
@Input() @HostBinding('class.layout-root-menuitem') root!: boolean;
@Input() parentKey!: string;
active = false;
@HostBinding('class.active-menuitem') active = false;
menuSourceSubscription: Subscription;