Merge branch 'develop' of github.com:thecodingmachine/workadventure into outline

# Conflicts: # front/src/Phaser/Game/GameScene.ts # front/src/Phaser/Player/Player.ts # front/src/index.ts # front/yarn.lock
2020-08-17 22:51:37 +02:00
parent 2d818ec79d e1989c1c21
commit 6b970adc6c
304 changed files with 2395 additions and 797 deletions
@@ -39,7 +39,53 @@
        <title>WorkAdventure</title>
    </head>
    <body id="body" style="margin: 0">
-        <div id="webRtc" class="webrtc">
+        <div class="main-container">
+            <div id="game" class="game" style="/*background: red;*/">
+                <div id="game-overlay" class="game-overlay" style="/*background: violet*/;">
+                    <div id="main-section" class="main-section">
+                        <!--<div style="background: lightpink;">a</div>
+                        <div style="background: lightpink;">a</div> -->
+                    </div>
+                    <aside id="sidebar" class="sidebar">
+                        <!--<div style="background: lightgreen;">a</div>
+                        <div style="background: green;">b</div>
+                        <div style="background: darkgreen;">c</div>
+                        <div style="background: darkgreen;">d</div>-->
+                    </aside>
+                    <div id="chat-mode" class="chat-mode three-col" style="display: none;">
+                        <!--<div style="background: lightgreen;">a</div>
+                        <div style="background: green;">b</div>
+                        <div style="background: darkgreen;">c</div>
+                        <div style="background: darkolivegreen;">d</div>
+                        <div style="background: darkolivegreen;">d</div>
+                        <div style="background: darkgreen;">c</div>
+                        <div style="background: green;">b</div>
+                        <div style="background: lightgreen;">last elem for game</div>-->
+                    </div>
+
+
+                    <div id="activeCam" class="activeCam">
+                        <div id="div-myCamVideo" class="video-container">
+                            <video id="myCamVideo" autoplay muted></video>
+                        </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">
+                            </div>
+                            <div class="btn-video">
+                                <img id="cinema" src="resources/logos/cinema.svg">
+                                <img id="cinema-close" src="resources/logos/cinema-close.svg">
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            <div id="cowebsite" class="cowebsite"></div>
+        </div>
+<!--
+    <div id="webRtc" class="webrtc">
            <div id="activeCam" class="activeCam">
                <div id="div-myCamVideo" class="video-container">
                    <video id="myCamVideo" autoplay muted></video>
@@ -54,11 +100,9 @@
                    <img id="cinema" src="resources/logos/cinema.svg">
                    <img id="cinema-close" src="resources/logos/cinema-close.svg">
                </div>
-                <!--<div class="btn-call">
-                    <img src="resources/logos/phone.svg">
-                </div>-->
            </div>
        </div>
+        -->
        <div id="webRtcSetup" class="webrtcsetup">
                <img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/cinema-close.svg">
                <video id="myCamVideoSetup" autoplay muted></video>
--- a/Show More
+++ b/Show More