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 · 2020-08-17 22:51:37 +02:00 · 6b970adc6c
parent 2d818ec79d e1989c1c21
commit 6b970adc6c
304 changed files with 2395 additions and 797 deletions
--- a/back/src/Controller/IoSocketController.ts
+++ b/back/src/Controller/IoSocketController.ts
@ -179,7 +179,7 @@ export class IoSocketController {
                    //add function to refresh position user in real time.
                    //this.refreshUserPosition(Client);

-                    const messageUserJoined = new MessageUserJoined(Client.userId, Client.name, Client.character, Client.position);
+                    const messageUserJoined = new MessageUserJoined(Client.userId, Client.name, Client.characterLayers, Client.position);

                    socket.to(roomId).emit(SockerIoEvent.JOIN_ROOM, messageUserJoined);

@ -190,7 +190,7 @@ export class IoSocketController {
                            console.warn('Something went wrong. The World contains a user "'+user.id+"' but this user does not exist in the sockets list!");
                            return null;
                        }
-                        return new MessageUserPosition(user.id, player.name, player.character, player.position);
+                        return new MessageUserPosition(user.id, player.name, player.characterLayers, player.position);
                    }).filter((item: MessageUserPosition|null) => item !== null);

                    const listOfItems: {[itemId: string]: unknown} = {};
@ -289,7 +289,7 @@ export class IoSocketController {
                }
                const Client = (socket as ExSocketInterface);
                Client.name = playerDetails.name;
-                Client.character = playerDetails.character;
+                Client.characterLayers = playerDetails.characterLayers;
                answerFn(Client.userId);
            });

--- a/back/src/Model/Websocket/ExSocketInterface.ts
+++ b/back/src/Model/Websocket/ExSocketInterface.ts
@ -9,6 +9,6 @@ export interface ExSocketInterface extends Socket, Identificable {
    webRtcRoomId: string;
    userId: string;
    name: string;
-    character: string;
+    characterLayers: string[];
    position: PointInterface;
 }
--- a/back/src/Model/Websocket/MessageUserJoined.ts
+++ b/back/src/Model/Websocket/MessageUserJoined.ts
@ -1,6 +1,6 @@
 import {PointInterface} from "_Model/Websocket/PointInterface";

 export class MessageUserJoined {
-    constructor(public userId: string, public name: string, public character: string, public position: PointInterface) {
+    constructor(public userId: string, public name: string, public characterLayers: string[], public position: PointInterface) {
    }
 }
--- a/back/src/Model/Websocket/MessageUserPosition.ts
+++ b/back/src/Model/Websocket/MessageUserPosition.ts
@ -6,6 +6,6 @@ export class Point implements PointInterface{
 }

 export class MessageUserPosition {
-    constructor(public userId: string, public name: string, public character: string, public position: PointInterface) {
+    constructor(public userId: string, public name: string, public characterLayers: string[], public position: PointInterface) {
    }
 }
--- a/back/src/Model/Websocket/SetPlayerDetailsMessage.ts
+++ b/back/src/Model/Websocket/SetPlayerDetailsMessage.ts
@ -3,6 +3,6 @@ import * as tg from "generic-type-guard";
 export const isSetPlayerDetailsMessage =
    new tg.IsInterface().withProperties({
        name: tg.isString,
-        character: tg.isString
+        characterLayers: tg.isArray(tg.isString)
    }).get();
 export type SetPlayerDetailsMessage = tg.GuardedType<typeof isSetPlayerDetailsMessage>;
--- a/front/dist/index.html
+++ b/front/dist/index.html
@ -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/front/dist/resources/customisation/character_accessories/character_accessories1.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories1.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories10.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories10.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories11.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories11.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories12.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories12.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories13.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories13.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories14.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories14.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories15.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories15.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories16.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories16.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories17.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories17.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories18.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories18.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories19.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories19.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories2.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories2.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories20.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories20.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories21.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories21.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories22.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories22.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories23.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories23.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories24.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories24.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories25.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories25.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories26.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories26.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories27.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories27.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories28.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories28.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories29.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories29.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories3.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories3.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories30.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories30.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories31.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories31.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories32.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories32.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories4.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories4.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories5.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories5.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories6.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories6.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories7.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories7.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories8.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories8.png
--- a/front/dist/resources/customisation/character_accessories/character_accessories9.png
+++ b/front/dist/resources/customisation/character_accessories/character_accessories9.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes0.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes0.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes1.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes1.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes10.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes10.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes11.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes11.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes12.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes12.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes13.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes13.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes14.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes14.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes15.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes15.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes16.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes16.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes17.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes17.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes18.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes18.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes19.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes19.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes2.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes2.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes20.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes20.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes21.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes21.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes22.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes22.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes23.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes23.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes24.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes24.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes25.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes25.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes26.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes26.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes27.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes27.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes28.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes28.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes29.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes29.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes3.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes3.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes30.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes30.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes31.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes31.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes32.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes32.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes33.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes33.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes34.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes34.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes35.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes35.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes36.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes36.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes37.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes37.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes38.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes38.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes39.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes39.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes4.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes4.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes40.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes40.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes41.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes41.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes42.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes42.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes43.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes43.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes44.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes44.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes45.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes45.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes46.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes46.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes47.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes47.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes48.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes48.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes49.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes49.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes5.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes5.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes50.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes50.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes51.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes51.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes52.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes52.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes53.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes53.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes54.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes54.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes55.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes55.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes56.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes56.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes57.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes57.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes58.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes58.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes59.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes59.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes6.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes6.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes60.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes60.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes61.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes61.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes62.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes62.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes63.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes63.png
--- a/front/dist/resources/customisation/character_clothes/character_clothes64.png
+++ b/front/dist/resources/customisation/character_clothes/character_clothes64.png
--- a/Show more
+++ b/Show more