export patrons added

Author: SergeyPirogov

src/app/app.module.ts

@@ -24,6 +24,7 @@ import { UserManagementComponent } from './user-management/user-management.compo
 import { AddUserComponent } from './add-user/add-user.component';
 import { PatronsListComponent } from './patrons-list/patrons-list.component';
 import { AuthErrorComponent } from './auth-error/auth-error.component';
+import { TrimPipe } from './pipes/trim.pipe';
 
 
 @NgModule({
@@ -33,6 +34,7 @@ import { AuthErrorComponent } from './auth-error/auth-error.component';
     EpisodeDetailsComponent,
     FilterPipe,
     LinkifyPipe,
+    TrimPipe,
     ExportComponent,
     ProposeThemeComponent,
     LoginComponent,

src/app/export/export.component.css

@@ -0,0 +1,3 @@
+.item {
+    font-weight: 500;
+}

src/app/export/export.component.html

@@ -1,11 +1,18 @@
 <div *ngIf="episode" class="container">
-  <div class="mb-3">{{ episode.name }}</div>
-  <div class="mb-2">Гости:</div>
-  <div class="mb-2">Темы:</div>
+  <div class="mb-3"><span class="item">{{ episode.name }}</span></div>
+  <div class="mb-2"><span class="item">Гости:</span></div>
+  <div class="mb-2"><span class="item">Темы:</span></div>
   <div *ngFor="let theme of episode?.themeList">
     <div *ngIf="theme.timecode">- {{ theme.timecode }} - {{ theme.title }}</div>
   </div>
   <div class="mb-2"></div>
-  <div>Telegram: t.me/automation_remarks</div>
-  <div>Стать патроном: www.patreon.com/automation_remarks</div>
+  <div><span class="item">Telegram:</span> t.me/automation_remarks</div>
+  <div><span class="item">Стать патроном:</span> www.patreon.com/automation_remarks</div>
+  <div class="mb-2"></div>
+  <div>
+    <span class="item">Спасибо патронам:</span>
+    <span>
+      {{ getPatrons() }}
+    </span>
+  </div>
 </div>  

src/app/export/export.component.ts

@@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { EpisodeService } from '../service/episode.service';
 import { ActivatedRoute } from '@angular/router';
 import { Episode } from '../model/episode';
+import { PatronList } from '../model/patron.list';
+import { PatronService } from '../service/patron.service';
 
 @Component({
   selector: 'app-export',
@@ -11,13 +13,22 @@ import { Episode } from '../model/episode';
 export class ExportComponent implements OnInit {
 
   episode: Episode;
-
+  patronList: PatronList;
+  
   constructor(private episodeService: EpisodeService,
-              private route: ActivatedRoute) { }
+              private route: ActivatedRoute,
+              private patronService: PatronService) { }
 
   ngOnInit() {
     const id = +this.route.snapshot.paramMap.get('id');
     this.episodeService.getEpisodeById(id).subscribe(data => this.episode = data);
+    this.patronService.getPatronList().subscribe(data => {
+      this.patronList = data;
+    });
+  }
+
+  getPatrons(): string {
+    return this.patronList.patrons.map(it => it.fullName).join(", ")
   }
 
 }

src/app/pipes/trim.pipe.ts

@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core';
+ 
+@Pipe({
+  name: 'trim'
+})
+export class TrimPipe implements PipeTransform {
+ 
+  transform(value: string, args?: any): string {
+    return value.replace(/ /g, '');
+  }
+ 
+}