9 |
10 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 |
3 | import { TestBed, async } from '@angular/core/testing';
4 | import { AppComponent } from './app.component';
5 |
6 | describe('AppComponent', () => {
7 | beforeEach(() => {
8 | TestBed.configureTestingModule({
9 | declarations: [
10 | AppComponent
11 | ],
12 | });
13 | TestBed.compileComponents();
14 | });
15 |
16 | it('should create the app', async(() => {
17 | const fixture = TestBed.createComponent(AppComponent);
18 | const app = fixture.debugElement.componentInstance;
19 | expect(app).toBeTruthy();
20 | }));
21 |
22 | it(`should have as title 'app works!'`, async(() => {
23 | const fixture = TestBed.createComponent(AppComponent);
24 | const app = fixture.debugElement.componentInstance;
25 | expect(app.title).toEqual('app works!');
26 | }));
27 |
28 | it('should render title in a h1 tag', async(() => {
29 | const fixture = TestBed.createComponent(AppComponent);
30 | fixture.detectChanges();
31 | const compiled = fixture.debugElement.nativeElement;
32 | expect(compiled.querySelector('h1').textContent).toContain('app works!');
33 | }));
34 | });
35 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.css']
7 | })
8 | export class AppComponent {
9 |
10 | title = 'app works!';
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import {BrowserModule} from '@angular/platform-browser';
2 | import {NgModule} from '@angular/core';
3 | import {FormsModule, ReactiveFormsModule} from '@angular/forms';
4 | import {HttpModule} from '@angular/http';
5 | import {AppComponent} from './app.component';
6 | import {BrowserEventExperimentsComponent} from './browser-event-experiments/browser-event-experiments.component';
7 | import {EventBusExperimentsComponent} from './event-bus-experiments/event-bus-experiments.component';
8 | import {LessonsListComponent} from './lessons-list/lessons-list.component';
9 | import {LessonsCounterComponent} from './lessons-counter/lessons-counter.component';
10 | import {HomeComponent} from './home/home.component';
11 | import {AngularFireModule} from '@angular/fire';
12 | import {RouterModule} from '@angular/router';
13 | import {routerConfig} from "./router.config";
14 | import {CourseDetailComponent} from './course-detail/course-detail.component';
15 | import {CoursesService} from "./services/courses.service";
16 | import {CoursesListComponent} from './courses-list/courses-list.component';
17 | import {CourseDetailHeaderComponent} from './course-detail-header/course-detail-header.component';
18 | import {NewsletterComponent} from './newsletter/newsletter.component';
19 | import {NewsletterService} from "./services/newsletter.service";
20 | import {TopMenuComponent} from './top-menu/top-menu.component';
21 | import {LoginComponent} from './login/login.component';
22 | import {UserService} from "./services/user.service";
23 | import {AllLessonsComponent} from './all-lessons/all-lessons.component';
24 | import {CourseComponent} from './course/course.component';
25 | import {LessonDetailComponent} from './lesson-detail/lesson-detail.component';
26 | import {CoursesHttpService} from "./services/courses-http.service";
27 | import {SafeUrlPipe} from "./shared/pipes/safe-url.pipe";
28 | import { MessagesComponent } from './messages/messages.component';
29 | import {MessagesService} from "./services/messages.service";
30 | import { CreateLessonComponent } from './create-lesson/create-lesson.component';
31 | import {CourseDetailResolver} from "./course-detail/course-detail.resolver";
32 | import { LoadingComponent } from './loading/loading.component';
33 | import {firebaseConfig} from "../environments/firebase.config";
34 | import {AngularFireDatabaseModule} from "@angular/fire/database";
35 |
36 |
37 | @NgModule({
38 | declarations: [
39 | AppComponent,
40 | BrowserEventExperimentsComponent,
41 | EventBusExperimentsComponent,
42 | LessonsListComponent,
43 | LessonsCounterComponent,
44 | HomeComponent,
45 | CourseDetailComponent,
46 | CoursesListComponent,
47 | CourseDetailHeaderComponent,
48 | NewsletterComponent,
49 | TopMenuComponent,
50 | LoginComponent,
51 | AllLessonsComponent,
52 | CourseComponent,
53 | LessonDetailComponent,
54 | SafeUrlPipe,
55 | MessagesComponent,
56 | CreateLessonComponent,
57 | LoadingComponent
58 | ],
59 | imports: [
60 | BrowserModule,
61 | HttpModule,
62 | FormsModule,
63 | AngularFireModule.initializeApp(firebaseConfig),
64 | RouterModule.forRoot(routerConfig),
65 | ReactiveFormsModule,
66 | AngularFireDatabaseModule
67 | ],
68 | providers: [
69 | CoursesService,
70 | NewsletterService,
71 | UserService,
72 | CoursesHttpService,
73 | MessagesService,
74 | CourseDetailResolver
75 | ],
76 | bootstrap: [AppComponent]
77 | })
78 | export class AppModule {
79 | }
80 |
81 |
82 |
83 |
84 |
85 |
86 |
--------------------------------------------------------------------------------
/src/app/browser-event-experiments/browser-event-experiments.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/angular-university/reactive-patterns-course/4ad84f61ea8f6433eea934e7bb95b00d0b8b83ee/src/app/browser-event-experiments/browser-event-experiments.component.css
--------------------------------------------------------------------------------
/src/app/browser-event-experiments/browser-event-experiments.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
--------------------------------------------------------------------------------
/src/app/browser-event-experiments/browser-event-experiments.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
3 | import { By } from '@angular/platform-browser';
4 | import { DebugElement } from '@angular/core';
5 |
6 | import { BrowserEventExperimentsComponent } from './browser-event-experiments.component';
7 |
8 | describe('BrowserEventExperimentsComponent', () => {
9 | let component: BrowserEventExperimentsComponent;
10 | let fixture: ComponentFixtureBrowser Events Experiments
5 | 6 | 7 | 8 | 9 | 10 |{{course?.description}}
3 | 4 |Total lessons: {{lessons?.length}}
5 | 6 | 7 |
3 |
4 |
9 |
10 |
--------------------------------------------------------------------------------
/src/app/course-detail/course-detail.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 | import {ActivatedRoute} from '@angular/router';
3 | import {Course} from "../shared/model/course";
4 | import {Lesson} from "../shared/model/lesson";
5 | import {Observable} from "rxjs";
6 |
7 |
8 | @Component({
9 | selector: 'course-detail',
10 | templateUrl: './course-detail.component.html',
11 | styleUrls: ['./course-detail.component.css']
12 | })
13 | export class CourseDetailComponent implements OnInit {
14 |
15 | course$: Observable{{ (course$ | async)?.description }}
5 | 6 |
5 |
6 |
18 |
19 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/src/app/course/course.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CourseComponent } from './course.component';
4 |
5 | describe('CourseComponent', () => {
6 | let component: CourseComponent;
7 | let fixture: ComponentFixture{{ (course$ | async)?.description }}
7 | 8 |
9 |
10 |
11 |
12 |
15 |
16 |
17 |
20 |
21 |
22 |
23 |
24 | | 5 | {{course.description}} 6 | | 7 |8 | 12 | | 13 |
Loading ...
18 |
3 |
4 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/src/app/create-lesson/create-lesson.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CreateLessonComponent } from './create-lesson.component';
4 |
5 | describe('CreateLessonComponent', () => {
6 | let component: CreateLessonComponent;
7 | let fixture: ComponentFixtureCreate New Lesson
5 | 6 | 31 | 32 |
2 |
3 |
--------------------------------------------------------------------------------
/src/app/event-bus-experiments/event-bus-experiments.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 | import {testLessons} from "../shared/model/test-lessons";
3 | import {Lesson} from "../shared/model/lesson";
4 | import {store} from "./app-data";
5 |
6 | @Component({
7 | selector: 'event-bus-experiments',
8 | templateUrl: './event-bus-experiments.component.html',
9 | styleUrls: ['./event-bus-experiments.component.css']
10 | })
11 | export class EventBusExperimentsComponent implements OnInit {
12 |
13 | ngOnInit() {
14 |
15 | console.log('Top level component broadcasted all lessons ...');
16 |
17 | store.initializeLessonsList(Introducing RxJs
4 | 5 |
3 |
4 |
5 |
6 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/home/home.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
3 | import { By } from '@angular/platform-browser';
4 | import { DebugElement } from '@angular/core';
5 |
6 | import { HomeComponent } from './home.component';
7 |
8 | describe('HomeComponent', () => {
9 | let component: HomeComponent;
10 | let fixture: ComponentFixtureSmart vs Presentational Components
7 | 8 |Latest Lessons Published
11 | 12 |{{ lesson?.description }}
4 |Duration: {{ lesson?.duration }}
5 | 6 | 11 | 12 |Description
13 |{{ lesson?.longDescription }}
14 | 15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/lesson-detail/lesson-detail.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { LessonDetailComponent } from './lesson-detail.component';
4 |
5 | describe('LessonDetailComponent', () => {
6 | let component: LessonDetailComponent;
7 | let fixture: ComponentFixture2 | Total Lessons: {{ lessonsCounter }} 3 |
4 | -------------------------------------------------------------------------------- /src/app/lessons-counter/lessons-counter.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 3 | import { By } from '@angular/platform-browser'; 4 | import { DebugElement } from '@angular/core'; 5 | 6 | import { LessonsCounterComponent } from './lessons-counter.component'; 7 | 8 | describe('LessonsCounterComponent', () => { 9 | let component: LessonsCounterComponent; 10 | let fixture: ComponentFixture| {{lesson.description}} | 6 |7 | access_time 8 | {{lesson.duration}} 9 | | 10 |
Loading ...
16 |
2 | 
3 |
--------------------------------------------------------------------------------
/src/app/loading/loading.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { LoadingComponent } from './loading.component';
4 |
5 | describe('LoadingComponent', () => {
6 | let component: LoadingComponent;
7 | let fixture: ComponentFixture
3 |
2 |
--------------------------------------------------------------------------------
/src/app/login/login.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { LoginComponent } from './login.component';
4 |
5 | describe('LoginComponent', () => {
6 | let component: LoginComponent;
7 | let fixture: ComponentFixtureLogin
3 | 4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
13 |
14 |