FEAT #9685 add note component in actions

src/frontend/app/actions/close-mail-action/close-mail-action.component.html

@@ -11,7 +11,7 @@
             <div class="alert-message alert-message-danger" role="alert" style="margin-top: 30px;" [innerHTML]="lang.updateClosingDate"></div>
         </div>
         <div class="col-md-12">
-            <app-note-editor></app-note-editor>
+            <app-note-editor #noteEditor></app-note-editor>
         </div>
     </div>
 </div>

src/frontend/app/actions/close-mail-action/close-mail-action.component.ts

-import { Component, OnInit, Inject } from '@angular/core';
+import { Component, OnInit, Inject, ViewChild } from '@angular/core';
 import { LANG } from '../../translate.component';
 import { NotificationService } from '../../notification.service';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
 import { HttpClient } from '@angular/common/http';
+import { NoteEditorComponent } from '../../notes/note-editor.component';
 
 @Component({
     templateUrl: "close-mail-action.component.html",
@@ -14,13 +15,15 @@ export class CloseMailActionComponent implements OnInit {
     lang: any = LANG;
     loading: boolean = false;
 
+    @ViewChild('noteEditor') noteEditor: NoteEditorComponent;
+
     constructor(public http: HttpClient, private notify: NotificationService, public dialogRef: MatDialogRef<CloseMailActionComponent>, @Inject(MAT_DIALOG_DATA) public data: any) { }
 
     ngOnInit(): void { }
 
     onSubmit(): void {
         this.loading = true;
-        this.http.put('../../rest/resourcesList/users/' + this.data.currentBasketInfo.ownerId + '/groups/' + this.data.currentBasketInfo.groupId + '/baskets/' + this.data.currentBasketInfo.basketId + '/actions/' + this.data.action.id, {resources : this.data.selectedRes})
+        this.http.put('../../rest/resourcesList/users/' + this.data.currentBasketInfo.ownerId + '/groups/' + this.data.currentBasketInfo.groupId + '/baskets/' + this.data.currentBasketInfo.basketId + '/actions/' + this.data.action.id, {resources : this.data.selectedRes, note : this.noteEditor.getNoteContent()})
             .subscribe((data: any) => {
                 this.loading = false;
                 this.dialogRef.close('success');

src/frontend/app/actions/confirm-action/confirm-action.component.html

@@ -10,7 +10,7 @@
             <b *ngIf="!data.contextMode" color="primary" class="highlight">{{data.selectedRes.length}} {{lang.elements}}</b> ?
         </div>
         <div class="col-md-12">
-            <app-note-editor></app-note-editor>
+            <app-note-editor #noteEditor></app-note-editor>
         </div>
     </div>
 </div>

src/frontend/app/actions/confirm-action/confirm-action.component.ts

-import { Component, OnInit, Inject } from '@angular/core';
+import { Component, OnInit, Inject, ViewChild } from '@angular/core';
 import { LANG } from '../../translate.component';
 import { NotificationService } from '../../notification.service';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
 import { HttpClient } from '@angular/common/http';
+import { NoteEditorComponent } from '../../notes/note-editor.component';
 
 @Component({
     templateUrl: "confirm-action.component.html",
@@ -14,13 +15,15 @@ export class ConfirmActionComponent implements OnInit {
     lang: any = LANG;
     loading: boolean = false;
 
+    @ViewChild('noteEditor') noteEditor: NoteEditorComponent;
+    
     constructor(public http: HttpClient, private notify: NotificationService, public dialogRef: MatDialogRef<ConfirmActionComponent>, @Inject(MAT_DIALOG_DATA) public data: any) { }
 
     ngOnInit(): void { }
 
     onSubmit(): void {
         this.loading = true;
-        this.http.put('../../rest/resourcesList/users/' + this.data.currentBasketInfo.ownerId + '/groups/' + this.data.currentBasketInfo.groupId + '/baskets/' + this.data.currentBasketInfo.basketId + '/actions/' + this.data.action.id, {resources : this.data.selectedRes})
+        this.http.put('../../rest/resourcesList/users/' + this.data.currentBasketInfo.ownerId + '/groups/' + this.data.currentBasketInfo.groupId + '/baskets/' + this.data.currentBasketInfo.basketId + '/actions/' + this.data.action.id, {resources : this.data.selectedRes, note : this.noteEditor.getNoteContent()})
             .subscribe((data: any) => {
                 this.loading = false;
                 this.dialogRef.close('success');

src/frontend/app/notes/note-editor.component.html

 <mat-form-field appearance="outline">
-    <textarea matInput placeholder="{{lang.addNote}}"></textarea>
+    <textarea matInput placeholder="{{lang.addNote}}" [(ngModel)]="content"></textarea>
     <button matSuffix color="primary" mat-icon-button [matMenuTriggerFor]="menu">
         <mat-icon fontSet="fas" fontIcon="fa-file-alt fa-2x"></mat-icon>
     </button>

src/frontend/app/notes/note-editor.component.ts

-import { Component, AfterViewInit } from '@angular/core';
+import { Component, AfterViewInit, Input } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { LANG } from '../translate.component';
 import { NotificationService } from '../notification.service';
@@ -15,6 +15,10 @@ export class NoteEditorComponent implements AfterViewInit {
     notes: any;
     loading: boolean = true;
 
+    content: string = '';
+
+    @Input('mode') mode: any;
+
     constructor(public http: HttpClient) { }
 
     ngAfterViewInit() { }
@@ -26,4 +30,9 @@ export class NoteEditorComponent implements AfterViewInit {
             this.loading = false;
         });*/
     }
+
+
+    getNoteContent() {
+        return this.content;
+    }
 }
\ No newline at end of file