From 0c892e0243958fd1e8ff34f2289174fd4d328282 Mon Sep 17 00:00:00 2001 From: kharhamel Date: Tue, 2 Feb 2021 18:19:51 +0100 Subject: [PATCH] FEATURE: implemented a client side blacklist --- front/dist/resources/html/gameReport.html | 56 +++++---- front/dist/resources/html/gameShare.html | 3 - front/dist/resources/logos/blockSign.svg | 22 ++++ front/dist/resources/logos/blockingIcon.png | Bin 0 -> 113739 bytes front/dist/resources/logos/cancel.png | Bin 0 -> 81527 bytes front/dist/resources/style/style.css | 16 ++- front/package.json | 1 + front/src/Connexion/RoomConnection.ts | 3 +- front/src/Phaser/Entity/RemotePlayer.ts | 6 +- front/src/Phaser/Menu/MenuScene.ts | 103 +++-------------- front/src/Phaser/Menu/ReportMenu.ts | 119 ++++++++++++++++++++ front/src/WebRtc/BlackListManager.ts | 24 ++++ front/src/WebRtc/MediaManager.ts | 60 +++++----- front/src/WebRtc/SimplePeer.ts | 16 ++- front/src/WebRtc/VideoPeer.ts | 93 +++++++++------ front/yarn.lock | 2 +- 16 files changed, 338 insertions(+), 186 deletions(-) create mode 100644 front/dist/resources/logos/blockSign.svg create mode 100644 front/dist/resources/logos/blockingIcon.png create mode 100644 front/dist/resources/logos/cancel.png create mode 100644 front/src/Phaser/Menu/ReportMenu.ts create mode 100644 front/src/WebRtc/BlackListManager.ts diff --git a/front/dist/resources/html/gameReport.html b/front/dist/resources/html/gameReport.html index 9a761c32..59ca3592 100644 --- a/front/dist/resources/html/gameReport.html +++ b/front/dist/resources/html/gameReport.html @@ -12,10 +12,6 @@ border-radius: 6px; margin: 2px auto 0; width: 298px; - height: 220px; - } - #gameReport .cautiousText { - font-size: 50%; } #gameReport h1 { background-image: linear-gradient(top, #f1f3f3, #d4dae0); @@ -30,6 +26,9 @@ text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff; } + #gameReport h3 { + margin: 0; + } #gameReport textarea { font-size: 70%; background: linear-gradient(top, #d6d7d7, #dee0e0); @@ -51,15 +50,17 @@ } #gameReport button { margin-top: 10px; - background-color: black; + font-size: 60%; + background-color: #dc3545; color: white; border-radius: 7px; - padding-bottom: 4px; - width: 60px; + padding: 3px 10px 3px 10px; } #gameReport button#gameReportFormCancel { background-color: #c7c7c700; color: #292929; + display: block; + float: right; } #gameReport section a{ text-align: center; @@ -74,8 +75,11 @@ #gameReport section.text-center{ text-align: center; } - #gameReport section p{ + #gameReport p{ font-size: 8px; + margin: 3px 0 0 0; + } + #gameReport form p{ margin: 0px 70px; } #gameReport section p.err{ @@ -87,18 +91,32 @@ } -