amelioration du style de la partie user

src/app/user/myPlaylists/popup-create-playlist/popup-create-playlist.component.ts

@@ -0,0 +1,95 @@
+import {Component, Inject, OnInit} from '@angular/core';
+import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
+import {MessageService} from "../../../utils/services/message/message.service";
+import {PlaylistDB} from "../../../utils/interfaces/playlist";
+
+
+
+@Component({
+    selector: 'app-popup-create-playlist',
+    templateUrl: './popup-create-playlist.component.html',
+    styleUrls: ['./popup-create-playlist.component.scss']
+})
+export class PopupCreatePlaylistComponent implements OnInit
+{
+    name: string = "" ;
+    hasError: boolean = false;
+    tabNomPlaylist: string[] = [];
+    errorMessage: string = "" ;
+
+
+    constructor( public dialogRef: MatDialogRef<PopupCreatePlaylistComponent>,
+               @Inject(MAT_DIALOG_DATA) public data,
+               private messageService: MessageService) { }
+
+
+    ngOnInit(): void
+    {
+        this.tabNomPlaylist = this.data.map( playlist0 => playlist0.name );
+    }
+
+
+    onValider(): void
+    {
+        // --- FAUX CODE ---
+        //
+        this.checkError();
+        if(!this.hasError)
+        {
+            const playlist: PlaylistDB = {
+                _id: "",
+                userId: "userId",
+                name: this.name,
+                videoIds: [],
+                isActive: true,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+            };
+            this.dialogRef.close(playlist);
+        }
+
+        // --- VRAI CODE ---
+        /*
+        this.checkError();
+        if(!this.hasError)
+        {
+            this.messageService
+                .sendMessage("user/create/playlist", {title: this.data.title})
+                .subscribe(retour => {
+
+                    if (retour.status === "error") {
+                        console.log(retour);
+                        this.dialogRef.close(null);
+                    } else {
+                        this.dialogRef.close(retour.data.playlist);
+                    }
+                });
+        }
+        */
+    }
+
+
+    checkError(): void
+    {
+        if(this.name === "") {
+            this.errorMessage = "Le nom ne peut pas être vide" ;
+            this.hasError = true;
+        }
+        else if(this.tabNomPlaylist.includes(this.name)){
+            this.errorMessage = "Ce nom est déjà utilisé" ;
+            this.hasError = true;
+        }
+        else {
+            this.hasError = false;
+            this.errorMessage = "" ;
+        }
+        console.log("em:" + this.errorMessage);
+    }
+
+
+    onAnnuler(): void
+    {
+        this.dialogRef.close(null);
+    }
+
+}