vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: run prettier on all file to avoid prettier issue inside PR

Browse Source
This commit is contained in:
thomas
2024-01-07 21:41:36 +01:00
parent 3bc793f6b3
commit c8b7c5d4a6
195 changed files with 575 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/performance/christmas-web-worker/src/app/unknown-person/unknown-person.component.css
View File

@@ -147,7 +147,9 @@ body {
position: absolute;
top: 40px;
left: 40px;
box-shadow: 38px 0 #0078ca, 19px 20px #f69697;
box-shadow:
38px 0 #0078ca,
19px 20px #f69697;
}
.eyes:before {
height: 12px;

2
apps/performance/christmas-web-worker/src/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

2
apps/performance/default-onpush/src/app/person-list.component.ts
View File

@@ -21,7 +21,7 @@ import { MatListModule } from '@angular/material/list';
CDFlashingDirective,
],
template: `
<h1 cd-flash class="font-semibold text-center" title="Title">
<h1 cd-flash class="text-center font-semibold" title="Title">
{{ title | titlecase }}
</h1>

4
apps/performance/default-onpush/src/app/random.component.ts
View File

@@ -4,7 +4,9 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-random',
standalone: true,
template: `<div cd-flash>I do nothing but I'm here</div>`,
template: `
<div cd-flash>I do nothing but I'm here</div>
`,
imports: [CDFlashingDirective],
})
export class RandomComponent {}

2
apps/performance/default-onpush/src/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

4
apps/performance/default-onpush/src/main.ts
View File

@@ -1,7 +1,7 @@
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import { appConfig } from './app/app.config';
bootstrapApplication(AppComponent, appConfig).catch((err) =>
console.error(err)
console.error(err),
);

2
apps/performance/memoized/src/app/app.component.ts
View File

@@ -11,7 +11,7 @@ import { PersonListComponent } from './person-list.component';
<p>Performance is key!!</p>
<button
(click)="loadList = true"
class="border border-black p-2 rounded-md">
class="rounded-md border border-black p-2">
Load List
</button>

4
apps/performance/memoized/src/app/person-list.component.ts
View File

@@ -27,7 +27,7 @@ const fibonacci = (num: number): number => {
MatChipsModule,
],
template: `
<h1 class="font-semibold text-center" title="Title">
<h1 class="text-center font-semibold" title="Title">
{{ title | titlecase }}
</h1>
@@ -43,7 +43,7 @@ const fibonacci = (num: number): number => {
<mat-list-item *ngFor="let person of persons">
<div MatListItemLine class="flex justify-between">
<h3>{{ person.name }}</h3>
<mat-chip> {{ calculate(person.fib) }} </mat-chip>
<mat-chip>{{ calculate(person.fib) }}</mat-chip>
</div>
</mat-list-item>
</mat-list>

2
apps/performance/memoized/src/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

4
apps/performance/memoized/src/main.ts
View File

@@ -1,7 +1,7 @@
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import { appConfig } from './app/app.config';
bootstrapApplication(AppComponent, appConfig).catch((err) =>
console.error(err)
console.error(err),
);

4
apps/performance/ngfor-biglist/src/app/app.component.ts
View File

@@ -21,13 +21,13 @@ import { PersonListComponent } from './person-list.component';
template: `
<button
(click)="loadList.set(true)"
class="border border-black p-2 rounded-md">
class="rounded-md border border-black p-2">
Load List
</button>
<app-person-list
*ngIf="loadList()"
class="max-w-2xl w-3/4"
class="w-3/4 max-w-2xl"
[persons]="persons()" />
`,
host: {

4
apps/performance/ngfor-biglist/src/app/list.service.ts
View File

@@ -16,7 +16,7 @@ export class PersonService {
this.persons.set(
this.fakeBackend
.returnNewList(this.persons())
.filter((p) => p.email !== email)
.filter((p) => p.email !== email),
);
}
@@ -24,7 +24,7 @@ export class PersonService {
this.persons.set(
this.fakeBackend
.returnNewList(this.persons())
.map((p) => (p.email === email ? { email, name: randFirstName() } : p))
.map((p) => (p.email === email ? { email, name: randFirstName() } : p)),
);
}

4
apps/performance/ngfor-biglist/src/app/person-list.component.ts
View File

@@ -9,11 +9,11 @@ import { Person } from './person.model';
standalone: true,
imports: [CommonModule, NgForTrackByModule],
template: `
<div class="h-[300px] relative overflow-hidden">
<div class="relative h-[300px] overflow-hidden">
<div class="absolute inset-0 overflow-scroll">
<div
*ngFor="let person of persons; trackByProp: 'email'"
class="flex justify-between items-center border-b h-9">
class="flex h-9 items-center justify-between border-b">
<h3>{{ person.name }}</h3>
<p>{{ person.email }}</p>
</div>

2
apps/performance/ngfor-biglist/src/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

4
apps/performance/ngfor-biglist/src/main.ts
View File

@@ -1,7 +1,7 @@
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import { appConfig } from './app/app.config';
bootstrapApplication(AppComponent, appConfig).catch((err) =>
console.error(err)
console.error(err),
);

4
apps/performance/ngfor-optimize/src/app/app.component.ts
View File

@@ -16,7 +16,7 @@ import { PersonListComponent } from './person-list.component';
providers: [PersonService],
selector: 'app-root',
template: `
<h1 class="font-semibold text-center text-3xl" title="Title">
<h1 class="text-center text-3xl font-semibold" title="Title">
List of Persons
</h1>
@@ -30,7 +30,7 @@ import { PersonListComponent } from './person-list.component';
</mat-form-field>
<app-person-list
class="max-w-2xl w-3/4"
class="w-3/4 max-w-2xl"
[persons]="persons()"
(delete)="personService.deletePerson($event)"
(update)="personService.updatePerson($event)" />

4
apps/performance/ngfor-optimize/src/app/list.service.ts
View File

@@ -16,7 +16,7 @@ export class PersonService {
this.persons.set(
this.fakeBackend
.returnNewList(this.persons())
.filter((p) => p.email !== email)
.filter((p) => p.email !== email),
);
}
@@ -24,7 +24,7 @@ export class PersonService {
this.persons.set(
this.fakeBackend
.returnNewList(this.persons())
.map((p) => (p.email === email ? { email, name: randFirstName() } : p))
.map((p) => (p.email === email ? { email, name: randFirstName() } : p)),
);
}

6
apps/performance/ngfor-optimize/src/app/person-list.component.ts
View File

@@ -10,16 +10,16 @@ import { Person } from './person.model';
template: `
<div
*ngFor="let person of persons"
class="flex justify-between items-center border-b">
class="flex items-center justify-between border-b">
<h3>{{ person.name }}</h3>
<div class="flex gap-10 py-1">
<button
class="border rounded-md p-2 bg-blue-500 text-white"
class="rounded-md border bg-blue-500 p-2 text-white"
(click)="update.emit(person.email)">
UPDATE
</button>
<button
class="border rounded-md p-2 bg-red-500 text-white"
class="rounded-md border bg-red-500 p-2 text-white"
(click)="delete.emit(person.email)">
DELETE
</button>

2
apps/performance/ngfor-optimize/src/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

4
apps/performance/ngfor-optimize/src/main.ts
View File

@@ -1,7 +1,7 @@
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import { appConfig } from './app/app.config';
bootstrapApplication(AppComponent, appConfig).catch((err) =>
console.error(err)
console.error(err),
);

2
apps/performance/scroll-cd/src/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />