From 0640a14f84de7abf774b2f921729565472f5d87e Mon Sep 17 00:00:00 2001
From: Hugo Averty <h.averty@thecodingmachine.com>
Date: Sun, 14 Jun 2020 12:08:30 +0200
Subject: [PATCH 1/3] ignore DS_Store files

---
 .gitignore | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 7931b7a2..659dab86 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,5 @@
 .idea
 .vagrant
 Vagrantfile
-docker-compose.override.yaml
\ No newline at end of file
+docker-compose.override.yaml
+*.DS_Store
\ No newline at end of file

From 9df2932f8f6d16b8fe14a7b53886df2b80f17953 Mon Sep 17 00:00:00 2001
From: Hugo Averty <h.averty@thecodingmachine.com>
Date: Sun, 14 Jun 2020 18:48:08 +0200
Subject: [PATCH 2/3] Modify icons : micro and cam

---
 front/dist/index.html                  |   8 ++++----
 front/dist/resources/logos/CAM-OFF.png | Bin 0 -> 2179 bytes
 front/dist/resources/logos/CAM-ON.png  | Bin 0 -> 1596 bytes
 front/dist/resources/logos/MIC-OFF.png | Bin 0 -> 2295 bytes
 front/dist/resources/logos/MIC-ON.png  | Bin 0 -> 1957 bytes
 front/dist/resources/style/style.css   |  20 ++++----------------
 6 files changed, 8 insertions(+), 20 deletions(-)
 create mode 100644 front/dist/resources/logos/CAM-OFF.png
 create mode 100644 front/dist/resources/logos/CAM-ON.png
 create mode 100644 front/dist/resources/logos/MIC-OFF.png
 create mode 100644 front/dist/resources/logos/MIC-ON.png

diff --git a/front/dist/index.html b/front/dist/index.html
index 6e9735f0..e3088ac2 100644
--- a/front/dist/index.html
+++ b/front/dist/index.html
@@ -47,12 +47,12 @@
             </div>
             <div class="btn-cam-action">
                 <div class="btn-micro">
-                    <img id="microphone" src="resources/logos/microphone.svg">
-                    <img id="microphone-close" src="resources/logos/microphone-close.svg">
+                    <img id="microphone" src="resources/logos/MIC-ON.png">
+                    <img id="microphone-close" src="resources/logos/MIC-OFF.png">
                 </div>
                 <div class="btn-video">
-                    <img id="cinema" src="resources/logos/cinema.svg">
-                    <img id="cinema-close" src="resources/logos/cinema-close.svg">
+                    <img id="cinema" src="resources/logos/CAM-ON.png">
+                    <img id="cinema-close" src="resources/logos/CAM-OFF.png">
                 </div>
                 <!--<div class="btn-call">
                     <img src="resources/logos/phone.svg">
diff --git a/front/dist/resources/logos/CAM-OFF.png b/front/dist/resources/logos/CAM-OFF.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ecd02441b9dbfaf38afe5c52bfd916581550ef8
GIT binary patch
literal 2179
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
FV1l;eAkY8+

literal 0
HcmV?d00001

diff --git a/front/dist/resources/logos/CAM-ON.png b/front/dist/resources/logos/CAM-ON.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a445d544d8910cabdc8a2a4c7aef499168fbee2
GIT binary patch
literal 1596
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

literal 0
HcmV?d00001

diff --git a/front/dist/resources/logos/MIC-OFF.png b/front/dist/resources/logos/MIC-OFF.png
new file mode 100644
index 0000000000000000000000000000000000000000..84e4896dff492eebb67a86f3ec4a9f258ed07767
GIT binary patch
literal 2295
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
RBKQCR002ovPDHLkV1kVbZZ`k`

literal 0
HcmV?d00001

diff --git a/front/dist/resources/logos/MIC-ON.png b/front/dist/resources/logos/MIC-ON.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bbaf2d463ec18151f6a0ea0e16a29b797d1dee1
GIT binary patch
literal 1957
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

literal 0
HcmV?d00001

diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css
index 458dde9c..8b2ecf93 100644
--- a/front/dist/resources/style/style.css
+++ b/front/dist/resources/style/style.css
@@ -44,7 +44,7 @@ video{
     height: 25%;
     top: 10px;
     margin: 5px;
-    right: -100px;
+    right: 10px;
     transition: all 0.2s ease;
     border-color: black;
     border-style: solid;
@@ -112,28 +112,16 @@ video{
 .btn-cam-action div{
     cursor: pointer;
     position: absolute;
-    border: solid 0px black;
-    width: 44px;
-    height: 44px;
-    background: #666;
-    box-shadow: 2px 2px 24px #444;
-    border-radius: 48px;
-    transform: translateY(12vw);
     transition-timing-function: ease-in-out;
     bottom: 20px;
 }
-.webrtc:hover .btn-cam-action div{
-    transform: translateY(0);
-}
-.btn-cam-action div:hover{
-    background: #407cf7;
-    box-shadow: 4px 4px 48px #666;
-    transition: 280ms;
-}
+
+
 .btn-micro{
     transition: all .3s;
     right: 44px;
 }
+
 .btn-video{
     transition: all .2s;
     right: 134px;

From 3339dc532a285e4e486997cf754623ff4f39ac50 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Wed, 4 Nov 2020 13:48:07 +0100
Subject: [PATCH 3/3] Fix

---
 front/dist/index.html            | 10 +++++-----
 front/src/WebRtc/MediaManager.ts |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/dist/index.html b/front/dist/index.html
index 3e4b767c..238a0950 100644
--- a/front/dist/index.html
+++ b/front/dist/index.html
@@ -57,12 +57,12 @@
                     </div>
                     <div class="btn-cam-action">
                         <div id="btn-micro" class="btn-micro">
-                            <img id="microphone" src="resources/logos/microphone.svg">
-                            <img id="microphone-close" src="resources/logos/microphone-close.svg">
+                            <img id="microphone" src="resources/logos/MIC-ON.png">
+                            <img id="microphone-close" src="resources/logos/MIC-OFF.png">
                         </div>
                         <div id="btn-video" class="btn-video">
-                            <img id="cinema" src="resources/logos/cinema.svg">
-                            <img id="cinema-close" src="resources/logos/cinema-close.svg">
+                            <img id="cinema" src="resources/logos/CAM-ON.svg">
+                            <img id="cinema-close" src="resources/logos/CAM-OFF.png.svg">
                         </div>
                         <div id="btn-monitor" class="btn-monitor">
                             <img id="monitor" src="resources/logos/monitor.svg">
@@ -103,7 +103,7 @@
         <div id="activeScreenSharing" class="active-screen-sharing active">
         </div>
         <div id="webRtcSetup" class="webrtcsetup">
-                <img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/cinema-close.svg">
+                <img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/CAM-OFF.png.svg">
                 <video id="myCamVideoSetup" autoplay muted></video>
         </div>
         <audio id="audio-webrtc-in">
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index ab6d9a3b..5725d911 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -344,7 +344,7 @@ export class MediaManager {
                 <div class="connecting-spinner"></div>
                 <div class="rtc-error" style="display: none"></div>
                 <i id="name-${userId}" style="background-color: ${color};">${userName}</i>
-                <img id="microphone-${userId}" src="resources/logos/microphone-close.svg">
+                <img id="microphone-${userId}" src="resources/logos/MIC-OFF.svg">
                 ` +
                 ((reportCallBack!==undefined)?`<img id="report-${userId}" class="report active" src="resources/logos/report.svg">`:'')
                 +