Export DataSet to GoogleSheet

Frontend/src/app/models/dataSet.model.ts

@@ -7,7 +7,7 @@ import { DataRow } from './dataRow.model copy';
 
 export class DataSet extends Base {
     number?: Number;
-    source?: string; 
+    source?: string;
     name?: string;
     dataRows: DataRow[] = [];
 
@@ -15,7 +15,7 @@ export class DataSet extends Base {
         super();
         Object.assign(this, data);
     }
-    override deserialize(input: any): this {     
+    override deserialize(input: any): this {
         Object.assign(this, Object.assign(this, super.deserialize(input)));
         if (this.dataRows) { this.dataRows = this.dataRows.map(x => new DataRow().deserialize(x)); }
         return this;
@@ -34,7 +34,7 @@ export class DataSet extends Base {
             modifiedAt: '',
             createdBy: '',
             modifiedBy: '',
-          });
+        });
     }
     fillForm(form: UntypedFormGroup) {
         form.patchValue(this);
@@ -53,21 +53,21 @@ export class DataSet extends Base {
     //API Actions 
     static add(input: DataSet, _http: HttpClient): Promise<string> {
         return new Promise((resolve, reject) => {
-            _http.post<string>(`${environment.api.url}/datasets`, {...input.serialize(), }).subscribe({
+            _http.post<string>(`${environment.api.url}/datasets`, { ...input.serialize(), }).subscribe({
                 next: (data) => resolve(data),
-                error: (e) => reject(e) 
-              }
+                error: (e) => reject(e)
+            }
             );
         });
     }
     static getList(_http: HttpClient): any {
         return new Promise((resolve, reject) => {
             _http.get<DataSet[]>(`${environment.api.url}/datasets`)
-            .pipe(map(data => data.map(x => new DataSet().deserialize(x))))
-            .subscribe({
-                next: (data) => resolve(data),
-                error: (e) => reject(e)
-            })
+                .pipe(map(data => data.map(x => new DataSet().deserialize(x))))
+                .subscribe({
+                    next: (data) => resolve(data),
+                    error: (e) => reject(e)
+                })
         });
     }
     static getById(id: string, _http: HttpClient): Promise<DataSet> {
@@ -83,20 +83,31 @@ export class DataSet extends Base {
         formData.append(file.name, file);
         return new Promise((resolve, reject) => {
             _http.post<DataRow[]>(`${environment.api.url}/datasets/parseFile`, formData,
-            ).pipe(map(data  => data.map(x => new DataRow().deserialize(x))))
-            .subscribe({
-                next: (data) => {
-                    resolve(data);
-                },
-                error: (e) => reject(e)
-            })
+            ).pipe(map(data => data.map(x => new DataRow().deserialize(x))))
+                .subscribe({
+                    next: (data) => {
+                        resolve(data);
+                    },
+                    error: (e) => reject(e)
+                })
         })
     }
     static parseGoogleSheet(sheetId: string, _http: HttpClient): Promise<DataRow[]> {
         return new Promise((resolve, reject) => {
             _http.get<DataRow[]>(`${environment.api.url}/datasets/parseGoogleSheet/${sheetId}`,
-            ).pipe(map(data  => data.map(x => new DataRow().deserialize(x))))
-            .subscribe({
+            ).pipe(map(data => data.map(x => new DataRow().deserialize(x))))
+                .subscribe({
+                    next: (data) => {
+                        resolve(data);
+                    },
+                    error: (e) => reject(e)
+                })
+        })
+    }
+    static exportToGoogleSheet(id: string, _http: HttpClient): Promise<boolean> {
+        return new Promise((resolve, reject) => {
+            _http.get<boolean>(`${environment.api.url}/datasets/exportToGoogleSheet/${id}`,
+            ).subscribe({
                 next: (data) => {
                     resolve(data);
                 },

Frontend/src/app/modules/data-sets/data-set-detail/data-set-detail.component.html

@@ -3,6 +3,8 @@
       <mat-card appearance="outlined">
         <mat-toolbar color="secondary">
           Szczegóły warstwy danych
+          <span class="fill-to-right"></span>
+          <button mat-button (click)="export()">Eksportuj do Google</button>
         </mat-toolbar>
         <mat-card-content>
           <mat-grid-list cols="2" rowHeight="90px">

Frontend/src/app/modules/data-sets/data-set-detail/data-set-detail.component.ts

@@ -3,6 +3,7 @@ import { HttpClient } from '@angular/common/http';
 import { Component, ViewChild } from '@angular/core';
 import { UntypedFormGroup, UntypedFormBuilder } from '@angular/forms';
 import { MatPaginator } from '@angular/material/paginator';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
 import { Router, ActivatedRoute } from '@angular/router';
@@ -32,7 +33,8 @@ export class DataSetDetailComponent {
     private router$: Router,
     private http$: HttpClient,
     private route$: ActivatedRoute,
-    private auth$: AuthService
+    private auth$: AuthService,
+    private snackBar: MatSnackBar
   ) { }
 
   async ngOnInit() {
@@ -50,4 +52,11 @@ export class DataSetDetailComponent {
   trackByUid(index : number, item : DataRow) {
     return item.id;
   }
+  async export() {
+    if (await DataSet.exportToGoogleSheet(this.document.id || "", this.http$)) {
+      this.snackBar.open("Plik został zapisany na dysku Google", "OK");
+    } else {
+      this.snackBar.open("Zapis się nie udał.", "OK");
+    }
+  }
 }