Skip to content

Commit f9fdde3

Browse files
ethan-geekethan-geek
committed
prettier 적용
1 parent e5564ad commit f9fdde3

36 files changed

+877
-1140
lines changed

‎src/app/about/about.component.css

-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
.course-logo {
32
max-width: 200px;
43
border-radius: 4px;

‎src/app/about/about.component.html

+5-7
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,11 @@
1-
21
<div class="container">
3-
42
<h1>Welcome!</h1>
53

64
<p>Welcome to the Angular Testing Course</p>
75

8-
<img class="course-logo" class="course-image mat-elevation-z10"
9-
src="https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png">
10-
11-
6+
<img
7+
class="course-logo"
8+
class="course-image mat-elevation-z10"
9+
src="https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png"
10+
/>
1211
</div>
13-

‎src/app/about/about.component.ts

+6-9
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
1-
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
1+
import { Component, OnInit, ViewEncapsulation } from "@angular/core";
22

33
@Component({
4-
selector: 'about',
5-
templateUrl: './about.component.html',
6-
styleUrls: ['./about.component.css']
4+
selector: "about",
5+
templateUrl: "./about.component.html",
6+
styleUrls: ["./about.component.css"],
77
})
88
export class AboutComponent implements OnInit {
9+
constructor() {}
910

10-
constructor() { }
11-
12-
ngOnInit() {
13-
}
14-
11+
ngOnInit() {}
1512
}

‎src/app/app-routing.module.ts

+26-27
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,34 @@
1-
import { NgModule } from '@angular/core';
2-
import { Routes, RouterModule } from '@angular/router';
3-
import {HomeComponent} from "./courses/home/home.component";
4-
import {AboutComponent} from "./about/about.component";
5-
import {CourseComponent} from "./courses/course/course.component";
6-
import {courseResolver} from "./courses/services/course.resolver";
1+
import { NgModule } from "@angular/core";
2+
import { Routes, RouterModule } from "@angular/router";
3+
import { HomeComponent } from "./courses/home/home.component";
4+
import { AboutComponent } from "./about/about.component";
5+
import { CourseComponent } from "./courses/course/course.component";
6+
import { courseResolver } from "./courses/services/course.resolver";
77

88
const routes: Routes = [
9-
{
10-
path: "",
11-
component: HomeComponent
12-
13-
},
14-
{
15-
path: "about",
16-
component: AboutComponent
17-
},
18-
{
19-
path: 'courses/:id',
20-
component: CourseComponent,
21-
resolve: {
22-
course: courseResolver
23-
}
9+
{
10+
path: "",
11+
component: HomeComponent,
12+
},
13+
{
14+
path: "about",
15+
component: AboutComponent,
16+
},
17+
{
18+
path: "courses/:id",
19+
component: CourseComponent,
20+
resolve: {
21+
course: courseResolver,
2422
},
25-
{
26-
path: "**",
27-
redirectTo: '/'
28-
}
23+
},
24+
{
25+
path: "**",
26+
redirectTo: "/",
27+
},
2928
];
3029

3130
@NgModule({
3231
imports: [RouterModule.forRoot(routes)],
33-
exports: [RouterModule]
32+
exports: [RouterModule],
3433
})
35-
export class AppRoutingModule { }
34+
export class AppRoutingModule {}

‎src/app/app.component.css

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
2-
>>> body {
3-
margin: 0;
1+
body {
2+
margin: 0;
43
}
54

65
main {
7-
margin: 30px;
8-
}
6+
margin: 30px;
7+
}

‎src/app/app.component.html

+1-5
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,11 @@
1-
2-
<mat-toolbar color="primary" class="mat-elevation-z6">
3-
1+
<mat-toolbar color="primary" class="mat-elevation-z6">
42
<a mat-button routerLink="/">
53
<span>COURSES</span>
64
</a>
75

86
<a mat-button routerLink="/about">
97
<span>ABOUT</span>
108
</a>
11-
129
</mat-toolbar>
1310

14-
1511
<router-outlet></router-outlet>

‎src/app/app.component.ts

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import { Component } from '@angular/core';
1+
import { Component } from "@angular/core";
22

33
@Component({
4-
selector: 'app-root',
5-
templateUrl: './app.component.html',
6-
styleUrls: ['./app.component.css']
4+
selector: "app-root",
5+
templateUrl: "./app.component.html",
6+
styleUrls: ["./app.component.css"],
77
})
88
export class AppComponent {
9-
title = 'Angular Testing Course';
9+
title = "Angular Testing Course";
1010
}

‎src/app/app.module.ts

+33-38
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
import {BrowserModule} from '@angular/platform-browser';
2-
import {NgModule} from '@angular/core';
1+
import { BrowserModule } from "@angular/platform-browser";
2+
import { NgModule } from "@angular/core";
33

4-
import {AppRoutingModule} from './app-routing.module';
5-
import {AppComponent} from './app.component';
6-
import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
7-
import {MatMenuModule} from '@angular/material/menu';
8-
import {MatButtonModule} from '@angular/material/button'
9-
import {MatIconModule} from '@angular/material/icon';
10-
import {MatCardModule} from '@angular/material/card';
11-
import { HomeComponent } from './courses/home/home.component';
12-
import { AboutComponent } from './about/about.component';
13-
import {MatTabsModule} from '@angular/material/tabs';
14-
import { CoursesCardListComponent } from './courses/courses-card-list/courses-card-list.component';
15-
import {CourseComponent} from "./courses/course/course.component";
4+
import { AppRoutingModule } from "./app-routing.module";
5+
import { AppComponent } from "./app.component";
6+
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
7+
import { MatMenuModule } from "@angular/material/menu";
8+
import { MatButtonModule } from "@angular/material/button";
9+
import { MatIconModule } from "@angular/material/icon";
10+
import { MatCardModule } from "@angular/material/card";
11+
import { HomeComponent } from "./courses/home/home.component";
12+
import { AboutComponent } from "./about/about.component";
13+
import { MatTabsModule } from "@angular/material/tabs";
14+
import { CoursesCardListComponent } from "./courses/courses-card-list/courses-card-list.component";
15+
import { CourseComponent } from "./courses/course/course.component";
1616
import { MatDatepickerModule } from "@angular/material/datepicker";
1717
import { MatDialogModule } from "@angular/material/dialog";
1818
import { MatInputModule } from "@angular/material/input";
@@ -24,30 +24,25 @@ import { MatSidenavModule } from "@angular/material/sidenav";
2424
import { MatSortModule } from "@angular/material/sort";
2525
import { MatTableModule } from "@angular/material/table";
2626
import { MatToolbarModule } from "@angular/material/toolbar";
27-
import {CoursesService} from "./courses/services/courses.service";
28-
import {HttpClientModule} from "@angular/common/http";
29-
import { CourseDialogComponent } from './courses/course-dialog/course-dialog.component';
30-
import {ReactiveFormsModule} from "@angular/forms";
31-
import {MatMomentDateModule} from "@angular/material-moment-adapter";
32-
import {CoursesModule} from './courses/courses.module';
27+
import { CoursesService } from "./courses/services/courses.service";
28+
import { HttpClientModule } from "@angular/common/http";
29+
import { CourseDialogComponent } from "./courses/course-dialog/course-dialog.component";
30+
import { ReactiveFormsModule } from "@angular/forms";
31+
import { MatMomentDateModule } from "@angular/material-moment-adapter";
32+
import { CoursesModule } from "./courses/courses.module";
3333

3434
@NgModule({
35-
declarations: [
36-
AppComponent
37-
],
38-
imports: [
39-
BrowserModule,
40-
BrowserAnimationsModule,
41-
HttpClientModule,
42-
MatToolbarModule,
43-
MatButtonModule,
44-
CoursesModule,
45-
AppRoutingModule
46-
],
47-
providers: [
48-
],
49-
bootstrap: [AppComponent]
50-
35+
declarations: [AppComponent],
36+
imports: [
37+
BrowserModule,
38+
BrowserAnimationsModule,
39+
HttpClientModule,
40+
MatToolbarModule,
41+
MatButtonModule,
42+
CoursesModule,
43+
AppRoutingModule,
44+
],
45+
providers: [],
46+
bootstrap: [AppComponent],
5147
})
52-
export class AppModule {
53-
}
48+
export class AppModule {}

‎src/app/courses/common/setup-test-data.ts

+4-7
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
1-
import {Course} from '../model/course';
2-
import {COURSES} from '../../../../server/db-data';
3-
import {sortCoursesBySeqNo} from '../home/sort-course-by-seq';
1+
import { Course } from "../model/course";
2+
import { COURSES } from "../../../../server/db-data";
3+
import { sortCoursesBySeqNo } from "../home/sort-course-by-seq";
44

5-
6-
export function setupCourses() : Course[] {
5+
export function setupCourses(): Course[] {
76
return Object.values(COURSES).sort(sortCoursesBySeqNo) as Course[];
87
}
9-
10-

‎src/app/courses/common/test-utils.ts

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
1-
import {DebugElement} from '@angular/core';
1+
import { DebugElement } from "@angular/core";
22

33
export const ButtonClickEvents = {
4-
left: { button: 0 },
5-
right: { button: 2 }
4+
left: { button: 0 },
5+
right: { button: 2 },
66
};
77

8-
9-
export function click(el: DebugElement | HTMLElement,
10-
eventObj: any = ButtonClickEvents.left): void {
11-
8+
export function click(
9+
el: DebugElement | HTMLElement,
10+
eventObj: any = ButtonClickEvents.left
11+
): void {
1212
if (el instanceof HTMLElement) {
1313
el.click();
1414
} else {
15-
el.triggerEventHandler('click', eventObj);
15+
el.triggerEventHandler("click", eventObj);
1616
}
1717
}

‎src/app/courses/course-dialog/course-dialog.component.css

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
2-
31
mat-form-field {
4-
display: block;
2+
display: block;
53
width: 100%;
64
}
75

86
textarea {
9-
height: 100px;
10-
resize: vertical;
7+
height: 100px;
8+
resize: vertical;
119
}

0 commit comments

Comments
 (0)