Refactor tutorial and user models to replace fileName with id, update related components and services for consistency

jambotron-ui/src/app/modules/user-module/tutorial-add.component/tutorial-add.component.html

@@ -70,7 +70,7 @@
       <mat-divider></mat-divider>
       <mat-tab-group>
         <mat-tab label="Markdown text | Result">
-            <textarea class="variable-textarea" [(ngModel)]="markdown"></textarea>
+            <textarea class="variable-textarea" [(ngModel)]="tutorial.body"></textarea>
             <markdown class="variable-binding" [data]="tutorial.body"></markdown>
         </mat-tab>
         <mat-tab label="Editor">

jambotron-ui/src/app/modules/user-module/tutorial-edit.component/tutorial-edit.component.ts

@@ -70,7 +70,7 @@ const language = 'typescript';
 
 ### Blockquote
 > Blockquote to the max`;
-  private fileName: string | null | undefined;
+  private id: string | null | undefined;
 
   constructor(private userApiService: UserApiService,
               private route: ActivatedRoute,
@@ -81,11 +81,11 @@ const language = 'typescript';
     this.route.queryParams
       .subscribe(params => {
         console.log(params);
-        this.fileName = params['fileName'];
-        console.log(this.fileName);
+        this.id = params['id'];
+        console.log(this.id);
       });
 
-    this.userApiService.getTutorial(this.fileName).subscribe(
+    this.userApiService.getTutorial(this.id).subscribe(
       data=>{
         this.tutorial = data;
       }
@@ -148,7 +148,7 @@ const language = 'typescript';
   }
 
   updateTutorial(): void {
-    this.userApiService.update(this.fileName, this.tutorial)
+    this.userApiService.update(this.id, this.tutorial)
       .subscribe(
         response => {
           console.log(response);

jambotron-ui/src/app/modules/user-module/tutorials-list.component/tutorials-list.component.html

@@ -37,13 +37,13 @@
             }
             @case('isEdit') {
               <div class="btn-edit" >
-                <button mat-button routerLink='../tutorial-edit' [queryParams]="{fileName:element.fileName}" (click)="element.isEdit = !element.isEdit">
+                <button mat-button routerLink='../tutorial-edit' [queryParams]="{id:element.id}" (click)="element.isEdit = !element.isEdit">
                   Edit
                 </button>
                 <button
                   mat-button
                   class="button-remove"
-                  (click)="removeRow(element.fileName)"
+                  (click)="removeRow(element.id)"
                 >
                   Delete
                 </button>

jambotron-ui/src/app/modules/user-module/tutorials-list.component/tutorials-list.component.ts

@@ -125,17 +125,17 @@ import {MatSlideToggle} from '@angular/material/slide-toggle';
         // })
     }
 
-    removeRow(fileName: number) {
-      this.userApiService.deleteTutorial(fileName).subscribe(() => {
+    removeRow(id: number) {
+      this.userApiService.deleteTutorial(id).subscribe(() => {
         this.dataSource.data = this.dataSource.data.filter(
-          (u: Tutorial) => u.fileName !== fileName,
+          (u: Tutorial) => u.id !== id,
         )
       })
     }
 
     publish(element: any, checked: boolean){
       element.tobepublished = checked;
-      this.userApiService.update(element.fileName, element).subscribe(
+      this.userApiService.update(element.id, element).subscribe(
         response => {
           console.log(response);
         },

jambotron-ui/src/app/modules/user-module/user-api.service.ts

@@ -52,28 +52,28 @@ export class UserApiService {
     return this.http.get<Tutorial[]>(`${this.baseUrl}/tutorials`);
   }
 
-  getTutorial(fileName: string | null | undefined): Observable<Tutorial> {
-    return this.http.get<Tutorial>(`${this.baseUrl}/tutorial-get/${fileName}`);
+  getTutorial(id: string | null | undefined): Observable<Tutorial> {
+    return this.http.get<Tutorial>(`${this.baseUrl}/tutorial-get/${id}`);
   }
 
   create(data: any): Observable<any> {
     return this.http.post(`${this.baseUrl}/tutorial-add`, data);
   }
 
-  update(fileName: any,data: any): Observable<any> {
-    return this.http.put(`${this.baseUrl}/tutorial-update/${fileName}`, data);
+  update(id: any,data: any): Observable<any> {
+    return this.http.put(`${this.baseUrl}/tutorial-update/${id}`, data);
   }
 
   deleteTutorials(tutorials: Tutorial[]): Observable<Tutorial[]> {
     return forkJoin(
       tutorials.map((tutorial) =>
-        this.http.delete<Tutorial>(`${this.baseUrl}/tutorials/${tutorial.fileName}`)
+        this.http.delete<Tutorial>(`${this.baseUrl}/tutorials/${tutorial.id}`)
       )
     );
   }
 
-  deleteTutorial(fileName: number): Observable<Tutorial> {
-      return this.http.delete<Tutorial>(`${this.baseUrl}/tutorials/${fileName}`);
+  deleteTutorial(id: number): Observable<Tutorial> {
+      return this.http.delete<Tutorial>(`${this.baseUrl}/tutorials/${id}`);
   }
 
 }