amélioration du style

src/app/user/history/page-history-user/page-history-user.component.ts

@@ -0,0 +1,105 @@
+import {Component, OnInit, ViewChild} from '@angular/core';
+import {ThemeService} from "../../../utils/services/theme/theme.service";
+import {MessageService} from "../../../utils/services/message/message.service";
+import {FictitiousDatasService} from "../../../utils/services/fictitiousDatas/fictitious-datas.service";
+import {WatchedVideo} from "../../../utils/interfaces/watchedVideo";
+import {MatTableDataSource} from "@angular/material/table";
+import {MatSort} from "@angular/material/sort";
+import {VideoUrlService} from "../../../utils/services/videoUrl/video-url.service";
+import {UserHistoryService} from "../../../utils/services/userHistory/userHistory.service";
+
+
+
+
+@Component({
+    selector: 'app-page-history-user',
+    templateUrl: './page-history-user.component.html',
+    styleUrls: ['./page-history-user.component.scss']
+})
+export class PageHistoryUserComponent implements OnInit
+{
+    displayedColumns: string[] = [ 'aperçu', 'titre', 'date', 'source', 'action' ];
+    dataSource ;
+    @ViewChild(MatSort) sort: MatSort;
+
+
+    constructor( public themeService: ThemeService,
+                 private messageService: MessageService,
+                 private fictitiousDatasService: FictitiousDatasService,
+                 public videoUrlService: VideoUrlService,
+                 private userHistoryService: UserHistoryService ) { }
+
+
+    ngOnInit(): void
+    {
+        this.userHistoryService.clearTabVideoUrlClicked();
+
+        // --- FAUX CODE ---
+        const tabWatchedVideo = this.fictitiousDatasService.getTabWatchedVideo(8);
+        this.dataSource = new MatTableDataSource(tabWatchedVideo);
+        this.dataSource.sort = this.sort;
+
+        // --- VRAI CODE ---
+        /*
+        this.messageService
+            .sendMessage( "user/get/history", null )
+            .subscribe( retour => {
+
+                if(retour.status === "error") console.log(retour);
+                else {
+                    this.dataSource = new MatTableDataSource(retour.data);
+                    this.dataSource.sort = this.sort;
+                }
+            });
+        */
+    }
+
+
+    applyFilter(event: Event)
+    {
+        const filterValue = (event.target as HTMLInputElement).value;
+        this.dataSource.filter = filterValue.trim().toLowerCase();
+    }
+
+
+    getSourceByUrl(url: string): string
+    {
+        if(url.includes("youtu")) return "Youtube" ;
+        else if(url.includes("daily")) return "Dailymotion" ;
+        else return "???" ;
+    }
+
+
+    onDelete(watchedVideo: WatchedVideo): void
+    {
+        // --- FAUX CODE ---
+        const index = this.dataSource.data.indexOf(watchedVideo);
+        this.dataSource.data.splice(index, 1);
+        this.dataSource.data = this.dataSource.data;
+        this.dataSource = this.dataSource;
+
+        // --- VRAI CODE ---
+        /*
+        this.messageService
+            .sendMessage("user/delete/videoSeen", { "watchedVideo": watchedVideo})
+            .subscribe( retour => {
+
+                if(retour.status === "error") console.log(retour);
+                else {
+                    const index = this.dataSource.data.indexOf(watchedVideo);
+                    this.dataSource.data.splice(index, 1);
+                    this.dataSource.data = this.dataSource.data;
+                    this.dataSource = this.dataSource;
+                }
+            });
+        */
+    }
+
+
+    onIframeClick(watchedVideo: WatchedVideo)
+    {
+        console.log("onIframeClick: " + watchedVideo.title);
+        this.userHistoryService.addWatchedVideoToHistorique(watchedVideo);
+    }
+
+}