vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 21:03: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

10
apps/angular/injection-token/src/app/app.component.ts
View File

@@ -5,15 +5,17 @@ import { RouterLink, RouterOutlet } from '@angular/router';
standalone: true,
imports: [RouterOutlet, RouterLink],
selector: 'app-root',
template: ` <div class="flex gap-4 mb-5">
<button class="border rounded-md px-4 py-2" routerLink="video">
template: `
<div class="mb-5 flex gap-4">
<button class="rounded-md border px-4 py-2" routerLink="video">
Video
</button>
<button class="border rounded-md px-4 py-2" routerLink="phone">
<button class="rounded-md border px-4 py-2" routerLink="phone">
Phone
</button>
</div>
<router-outlet />`,
<router-outlet />
`,
host: {
class: 'p-10 flex flex-col',
},

6
apps/angular/injection-token/src/app/phone.component.ts
View File

@@ -5,10 +5,12 @@ import { TimerContainerComponent } from './timer-container.component';
selector: 'app-phone',
standalone: true,
imports: [TimerContainerComponent],
template: `<div class="flex gap-2">
template: `
<div class="flex gap-2">
Phone Call Timer:
<p class="italic">(should be 2000s)</p>
</div>
<timer-container />`,
<timer-container />
`,
})
export default class PhoneComponent {}

4
apps/angular/injection-token/src/app/timer.component.ts
View File

@@ -6,7 +6,9 @@ import { DEFAULT_TIMER } from './data';
@Component({
selector: 'timer',
standalone: true,
template: ` Timer running {{ timer() }} `,
template: `
Timer running {{ timer() }}
`,
})
export class TimerComponent {
timer = toSignal(interval(DEFAULT_TIMER));

6
apps/angular/injection-token/src/app/video.component.ts
View File

@@ -5,10 +5,12 @@ import { TimerContainerComponent } from './timer-container.component';
selector: 'app-video',
standalone: true,
imports: [TimerContainerComponent],
template: `<div class="flex gap-2">
template: `
<div class="flex gap-2">
Video Call Timer:
<p class="italic">(should be the default 1000s)</p>
</div>
<timer-container />`,
<timer-container />
`,
})
export default class VideoComponent {}

2
apps/angular/injection-token/src/index.html
View File

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

4
apps/angular/injection-token/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),
);