feat(admin): allow sending emails

Author: esoadamo

src/app/components/admin/admin-sidebar/admin-sidebar.component.html

@@ -9,9 +9,9 @@
       <a class="nav-btn" [routerLink]="['/', routes.routes.admin._, routes.routes.admin.monitor]" routerLinkActive="active" (click)="hideFullMenu($event)">
         {{'admin.navbar.monitor' | translate}}
       </a>
-<!--      <a class="nav-btn" [routerLink]="['/', routes.routes.admin._, routes.routes.admin.email]" routerLinkActive="active" (click)="hideFullMenu($event)">-->
-<!--        {{'admin.navbar.email' | translate}}-->
-<!--      </a>-->
+      <a class="nav-btn" [routerLink]="['/', routes.routes.admin._, routes.routes.admin.email]" routerLinkActive="active" (click)="hideFullMenu($event)">
+        {{'admin.navbar.email' | translate}}
+      </a>
       <ng-container *ngIf="oldFrontendUrl">
         <a *ngFor="let oldLink of oldFrontendButtons"
            class="nav-btn"

src/app/components/admin/admin-sidebar/admin-sidebar.component.ts

@@ -21,7 +21,6 @@ export class AdminSidebarComponent implements OnInit, OnDestroy {
   oldFrontendUrl = environment.oldFrontendUrl;
 
   oldFrontendButtons = [
-    ['e-mail/', 'E-mail'],
     ['forum/', 'Diskuze'],
     ['achievements/', 'Trofeje'],
     ['users/', 'Uživatelé'],

src/app/components/admin/page-admin-email/page-admin-email.component.html

@@ -59,6 +59,16 @@ <h2 class="title">{{'admin.email.title'|translate}}</h2>
         <div class="col-12">
           <button type="submit" class="btn btn-ksi w-100 btn-send" [disabled]="emailForm.disabled || !emailForm.valid" (click)="openCheckModal()">{{'admin.email.send.check'|translate}}</button>
         </div>
+        <div class="col-12">
+          <ng-container *ngIf="modalSendResult$ | async as result">
+            <div class="alert alert-danger" *ngIf="result.error">
+              {{result.error}}
+            </div>
+            <div class="alert alert-success" *ngIf="result.success">
+              {{'admin.email.success'|translate : {count: result.count} }}
+            </div>
+          </ng-container>
+        </div>
       </div>
 
       <div class="row">

src/app/components/admin/page-admin-email/page-admin-email.component.ts

@@ -3,9 +3,9 @@ import { TranslateService } from '@ngx-translate/core';
 import { FormBuilder, Validators } from '@angular/forms';
 import { map, mergeMap, shareReplay, take, tap } from 'rxjs/operators';
 import { BackendService, ModalService, YearsService } from '../../../services';
-import { Observable } from 'rxjs';
+import {BehaviorSubject, Observable, Subject} from 'rxjs';
 import { MappedFormControl, SubscribedComponent } from '../../../util';
-import { OpenedTemplate } from '../../../models';
+import {EmailResult, OpenedTemplate} from '../../../models';
 import { environment } from '../../../../environments/environment';
 
 @Component({
@@ -38,6 +38,9 @@ export class PageAdminEmailComponent extends SubscribedComponent implements OnIn
   modalCheckTemplate: TemplateRef<unknown>;
   modalCheck?: OpenedTemplate;
 
+  readonly modalSendResult: Subject<EmailResult | null> = new BehaviorSubject<EmailResult | null>(null);
+  readonly modalSendResult$: Observable<EmailResult | null> = this.modalSendResult.asObservable();
+
   constructor(
     private translate: TranslateService,
     private fb: FormBuilder,
@@ -108,6 +111,7 @@ export class PageAdminEmailComponent extends SubscribedComponent implements OnIn
 
   sendEmail(): void {
     environment.logger.debug('[MAIL] sending', this.emailForm.value);
+    this.modalSendResult.next(null);
 
     this.backend.http.adminEmailSend({'e-mail': {
       Subject: this.emailForm.controls.subject.value,
@@ -122,8 +126,10 @@ export class PageAdminEmailComponent extends SubscribedComponent implements OnIn
       Type: this.emailForm.controls.type.value,
       Successful: this.emailForm.controls.successful.value,
     }}).subscribe((response) => {
-      // TODO: show success toast
       this.modalCheck?.template.instance.close();
+
+      const result: EmailResult = 'error' in response ? { success: false, count: 0, error: response.error } : { success: true, count: response.count };
+      this.modalSendResult.next(result);
     });
   }
 }

src/app/components/admin/page-admin-root/page-admin-root.component.html

@@ -5,7 +5,7 @@ <h2 class="title">{{'admin.root.title'|translate}}</h2>
     <div class="cards">
       <ksi-admin-section-card name="tasks"></ksi-admin-section-card>
       <ksi-admin-section-card name="monitor"></ksi-admin-section-card>
-<!--      <ksi-admin-section-card name="email"></ksi-admin-section-card>-->
+      <ksi-admin-section-card name="email"></ksi-admin-section-card>
     </div>
   </div>
 </div>

src/app/models/admin-email.ts

@@ -0,0 +1,5 @@
+export interface EmailResult {
+  success: boolean;
+  count: number;
+  error?: string;
+}

src/app/models/index.ts

@@ -13,3 +13,4 @@ export * from './task';
 export * from './prediction';
 export * from './admin-task.service';
 export * from './edulint.service';
+export * from './admin-email';

src/assets/i18n/cs.json

@@ -486,6 +486,7 @@
     "email": {
       "summary": "Tento email budu posílat {{successful}} {{sex}} {{school}} účastnících se ročníku {{year}}. Tento email je {{type}}. Pokročilé možnosti {{advancedUsed}} nastaveny.",
       "title": "Posílání emailů",
+      "success": "Tvůj email se poslal {{count}} účastníkům.",
       "check": {
         "title": "Kontrola emailu před odesláním"
       },