From 292b1041681db9faba6fb4380bb8286111af3167 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 3 Oct 2018 09:41:45 +0200
Subject: [PATCH] Icons linking new modules, implemented

---
 BottomSpace/KeyVaultModule.js     | 137 ++++++++++++++++++++++++++++++
 BottomSpace/TeamsModule.js        | 137 ++++++++++++++++++++++++++++++
 BottomSpace/UsersModule.js        | 137 ++++++++++++++++++++++++++++++
 Images/Icons/key-vault-module.png | Bin 0 -> 466 bytes
 Images/Icons/teams-module.png     | Bin 0 -> 560 bytes
 Images/Icons/users-module.png     | Bin 0 -> 464 bytes
 Json.json                         |   1 -
 Project.njsproj                   |   9 ++
 Scripts/AppLoader.js              |   3 +
 Spaces/BottomSpace.js             |  24 ++++++
 10 files changed, 447 insertions(+), 1 deletion(-)
 create mode 100644 BottomSpace/KeyVaultModule.js
 create mode 100644 BottomSpace/TeamsModule.js
 create mode 100644 BottomSpace/UsersModule.js
 create mode 100644 Images/Icons/key-vault-module.png
 create mode 100644 Images/Icons/teams-module.png
 create mode 100644 Images/Icons/users-module.png
 delete mode 100644 Json.json

diff --git a/BottomSpace/KeyVaultModule.js b/BottomSpace/KeyVaultModule.js
new file mode 100644
index 000000000..5ed3c6256
--- /dev/null
+++ b/BottomSpace/KeyVaultModule.js
@@ -0,0 +1,137 @@
+
+function newKeyVaultModule() {
+
+    const MODULE_NAME = "Key Vault Module Button";
+    const INFO_LOG = false;
+    const ERROR_LOG = true;
+    const logger = newWebDebugLog();
+    logger.fileName = MODULE_NAME;
+
+    var thisObject = {
+        container: undefined,
+        draw: draw,
+        getContainer: getContainer,     // returns the inner most container that holds the point received by parameter.
+        initialize: initialize
+    };
+
+    var container = newContainer();
+    container.initialize();
+    thisObject.container = container;
+
+    thisObject.container.frame.width = 50;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
+
+    container.frame.position.x = viewPort.visibleArea.topLeft.x + thisObject.container.frame.width * 2;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
+
+    container.isDraggeable = false;
+    container.isClickeable = true;
+
+    let icon;
+    let canDrawIcon = false;
+
+    return thisObject;
+
+    function initialize(callBackFunction) {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] initialize -> Entering function."); }
+
+            icon = new Image();
+
+            icon.onload = onImageLoad;
+
+            function onImageLoad() {
+                canDrawIcon = true;
+            }
+
+            icon.src = "Images/Icons/key-vault-module.png";
+
+            thisObject.container.eventHandler.listenToEvent("onMouseClick", onClick);
+
+            if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE); }
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] initialize -> err.message = " + err.message); }
+            if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_FAIL_RESPONSE); }
+        }
+    }
+
+    function onClick() {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] onClick -> Entering function."); }
+
+            window.open('https://keyVault.advancedalgos.net', '_blank');
+
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] onClick -> err.message = " + err.message); }
+
+        }
+    }
+
+    function getContainer(point) {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] getContainer -> Entering function."); }
+
+            let container;
+
+            /* First we check if this point is inside this object UI. */
+
+            if (thisObject.container.frame.isThisPointHere(point, true) === true) {
+
+                return this.container;
+
+            } else {
+
+                /* This point does not belong to this space. */
+
+                return undefined;
+            }
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] getContainer -> err.message = " + err.message); }
+
+        }
+    }
+
+    function draw() {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] draw -> Entering function."); }
+
+            thisObject.container.frame.draw(false, false);
+
+            if (canDrawIcon === false) { return; }
+
+            let breakpointsHeight = 15;
+
+            let imageHeight = 15;
+            let imageWidth = 15;
+
+            let imagePoint = {
+                x: 10,
+                y: thisObject.container.frame.height / 2 - imageHeight / 2 + breakpointsHeight
+            };
+
+            imagePoint = thisObject.container.frame.frameThisPoint(imagePoint);
+
+            browserCanvasContext.drawImage(icon, imagePoint.x, imagePoint.y, imageWidth, imageHeight);
+
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] draw -> err.message = " + err.message); }
+
+        }
+    }
+}
\ No newline at end of file
diff --git a/BottomSpace/TeamsModule.js b/BottomSpace/TeamsModule.js
new file mode 100644
index 000000000..0f235afc0
--- /dev/null
+++ b/BottomSpace/TeamsModule.js
@@ -0,0 +1,137 @@
+
+function newTeamsModule() {
+
+    const MODULE_NAME = "Teams Module Button";
+    const INFO_LOG = false;
+    const ERROR_LOG = true;
+    const logger = newWebDebugLog();
+    logger.fileName = MODULE_NAME;
+
+    var thisObject = {
+        container: undefined,
+        draw: draw,
+        getContainer: getContainer,     // returns the inner most container that holds the point received by parameter.
+        initialize: initialize
+    };
+
+    var container = newContainer();
+    container.initialize();
+    thisObject.container = container;
+
+    thisObject.container.frame.width = 50;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
+
+    container.frame.position.x = viewPort.visibleArea.topLeft.x + thisObject.container.frame.width * 1;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
+
+    container.isDraggeable = false;
+    container.isClickeable = true;
+
+    let icon;
+    let canDrawIcon = false;
+
+    return thisObject;
+
+    function initialize(callBackFunction) {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] initialize -> Entering function."); }
+
+            icon = new Image();
+
+            icon.onload = onImageLoad;
+
+            function onImageLoad() {
+                canDrawIcon = true;
+            }
+
+            icon.src = "Images/Icons/teams-module.png";
+
+            thisObject.container.eventHandler.listenToEvent("onMouseClick", onClick);
+
+            if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE); }
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] initialize -> err.message = " + err.message); }
+            if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_FAIL_RESPONSE); }
+        }
+    }
+
+    function onClick() {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] onClick -> Entering function."); }
+
+            window.open('https://teams.advancedalgos.net', '_blank');
+
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] onClick -> err.message = " + err.message); }
+
+        }
+    }
+
+    function getContainer(point) {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] getContainer -> Entering function."); }
+
+            let container;
+
+            /* First we check if this point is inside this object UI. */
+
+            if (thisObject.container.frame.isThisPointHere(point, true) === true) {
+
+                return this.container;
+
+            } else {
+
+                /* This point does not belong to this space. */
+
+                return undefined;
+            }
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] getContainer -> err.message = " + err.message); }
+
+        }
+    }
+
+    function draw() {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] draw -> Entering function."); }
+
+            thisObject.container.frame.draw(false, false);
+
+            if (canDrawIcon === false) { return; }
+
+            let breakpointsHeight = 15;
+
+            let imageHeight = 15;
+            let imageWidth = 15;
+
+            let imagePoint = {
+                x: 10,
+                y: thisObject.container.frame.height / 2 - imageHeight / 2 + breakpointsHeight
+            };
+
+            imagePoint = thisObject.container.frame.frameThisPoint(imagePoint);
+
+            browserCanvasContext.drawImage(icon, imagePoint.x, imagePoint.y, imageWidth, imageHeight);
+
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] draw -> err.message = " + err.message); }
+
+        }
+    }
+}
\ No newline at end of file
diff --git a/BottomSpace/UsersModule.js b/BottomSpace/UsersModule.js
new file mode 100644
index 000000000..758ddaefa
--- /dev/null
+++ b/BottomSpace/UsersModule.js
@@ -0,0 +1,137 @@
+
+function newUsersModule() {
+
+    const MODULE_NAME = "Users Module Button";
+    const INFO_LOG = false;
+    const ERROR_LOG = true;
+    const logger = newWebDebugLog();
+    logger.fileName = MODULE_NAME;
+
+    var thisObject = {
+        container: undefined,
+        draw: draw,
+        getContainer: getContainer,     // returns the inner most container that holds the point received by parameter.
+        initialize: initialize
+    };
+
+    var container = newContainer();
+    container.initialize();
+    thisObject.container = container;
+
+    thisObject.container.frame.width = 50;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
+
+    container.frame.position.x = viewPort.visibleArea.topLeft.x + thisObject.container.frame.width * 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
+
+    container.isDraggeable = false;
+    container.isClickeable = true;
+
+    let icon;
+    let canDrawIcon = false;
+
+    return thisObject;
+
+    function initialize(callBackFunction) {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] initialize -> Entering function."); }
+
+            icon = new Image();
+
+            icon.onload = onImageLoad;
+
+            function onImageLoad() {
+                canDrawIcon = true;
+            }
+
+            icon.src = "Images/Icons/users-module.png";
+
+            thisObject.container.eventHandler.listenToEvent("onMouseClick", onClick);
+
+            if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE); }
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] initialize -> err.message = " + err.message); }
+            if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_FAIL_RESPONSE); }
+        }
+    }
+
+    function onClick() {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] onClick -> Entering function."); }
+
+            window.open('https://users.advancedalgos.net', '_blank');
+
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] onClick -> err.message = " + err.message); }
+
+        }
+    }
+
+    function getContainer(point) {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] getContainer -> Entering function."); }
+
+            let container;
+
+            /* First we check if this point is inside this object UI. */
+
+            if (thisObject.container.frame.isThisPointHere(point, true) === true) {
+
+                return this.container;
+
+            } else {
+
+                /* This point does not belong to this space. */
+
+                return undefined;
+            }
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] getContainer -> err.message = " + err.message); }
+
+        }
+    }
+
+    function draw() {
+
+        try {
+
+            if (INFO_LOG === true) { logger.write("[INFO] draw -> Entering function."); }
+
+            thisObject.container.frame.draw(false, false);
+
+            if (canDrawIcon === false) { return; }
+
+            let breakpointsHeight = 15;
+
+            let imageHeight = 15;
+            let imageWidth = 15;
+
+            let imagePoint = {
+                x: 10,
+                y: thisObject.container.frame.height / 2 - imageHeight / 2 + breakpointsHeight
+            };
+
+            imagePoint = thisObject.container.frame.frameThisPoint(imagePoint);
+
+            browserCanvasContext.drawImage(icon, imagePoint.x, imagePoint.y, imageWidth, imageHeight);
+
+
+        } catch (err) {
+
+            if (ERROR_LOG === true) { logger.write("[ERROR] draw -> err.message = " + err.message); }
+
+        }
+    }
+}
\ No newline at end of file
diff --git a/Images/Icons/key-vault-module.png b/Images/Icons/key-vault-module.png
new file mode 100644
index 0000000000000000000000000000000000000000..cafe26119a5c5fa5e5f929a6e16d2d5bd81944f6
GIT binary patch
literal 466
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k0wldT1B8JTQ<As43&a2R{xkc5JkA1-$YLPv
z0mg18v+Wod7)3l?978;gzn!|#i#brh^?X+Z>lTk>l^^1hPHm|D!ztRdU~R&xw`bIs
zc+TVx*e=Su!gb3B=ANl#(W-Mb%#X5_g>Sl9Ipa{$dlTb5mCp~}X?)&!H6zz`j!;OG
zQ0~QNvkdQdr2E}0QPAw{Q#+NlNI9`v<!$E1bz2@Xz0!(jwqCLD>8G^|jx$}@%e!Un
z&M)hhX=T0gEn`iRz2QIe$4NOsgCz&Gt@Elw{I4orwCU#fzv*V2UmjEKl2>9^E5nvP
z<=W+Y)zs}r$Op;5V#cG-Y(;h$or#c5`P-#D?_%Y_?8ed?{w34D@a)*!^q?uu&;7*0
z(i<E7UKso>wR$>(dEXs}f|Gi=c@m$Q_Y}Cz-N(xGU}}6B=P&;Sl2?yUyR85G=1gEf
zsg}4#l%yn<q*^5xr2;7iBLhPVT|)z11LF__BP$a_D+5zq15+yl1LoXxP|zbZ<mRVj
Yrd8tBP-Jj_2T%ipr>mdKI;Vst07X!>mH+?%

literal 0
HcmV?d00001

diff --git a/Images/Icons/teams-module.png b/Images/Icons/teams-module.png
new file mode 100644
index 0000000000000000000000000000000000000000..57c3b471804ec0d2d3a08bc9ed44b6d68dd2e24d
GIT binary patch
literal 560
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k0wldT1B8JTQ<As43&a2R{xkc5JkA1-$YLPv
z0mg18v+Wod7>hhz978;gznyC9eK<g*?f#TS9Zd>zm;7a{Yq02A(Y$E!1xH80@`ES;
zF^ZR#2Nx8G-HDOeqTwVP6XWXWEG{@ztb5B33zH0?{8=GQ7GL&Gm_4WXy>rodcO8*_
zA;ZF`1^Zc4ncrmkYUoB+-W2qlag0gzm6l=qBA&?`=WE?xW%MEXf?}NPj+)>#8-4Ok
zE-dE%^5BNGMWIgWra%W*`4{&#=I_kWU$SSn&qMtm^YrIhzTQ-tZDf<xe5I%T@2kr5
zS3md*e?InMeucy0d$wT?_NOvpByU=ksy^w^+xM>DR9027`Itodl%2`5{q~>lTJ1b5
zYi;b}SHWJUcVD?}ugcnYEoe=F%hA#$rbTD3MNRU(SF`fRxt_<l=@VtSLVi4$Ra@jU
z!JyH~;`#Dv0*iWi=kdnPF0J~r!1nN=s?3NdoYQ>wi-#EL+;Z)RlzM$CIy<(_LPXWm
zS@ELOI{)4(vxV9*U3-77m#$g9E_+3i_Qe0+n{yfuedY9jGfyf*d2%5z8dOVMBT7;d
zOH!?pi&B9UgOP!ug|4B2u7PogfsvK5sg;qDu7RnQfx!~{*L)}%a`RI%(<*UmxSABa
Q38;a=)78&qol`;+0Bi=|2mk;8

literal 0
HcmV?d00001

diff --git a/Images/Icons/users-module.png b/Images/Icons/users-module.png
new file mode 100644
index 0000000000000000000000000000000000000000..af0f23b2780cae7b0f5740b73724a50797711b4b
GIT binary patch
literal 464
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k0wldT1B8JTQ<As43&a2R{xkc5JkA1-$YLPv
z0mg18v+Wod7==7t978;gzn!wzkI7M_^}Nn8-!&Z<T^4@ieWOvqla$|~YBMqH(nlVZ
zFcoPn>3_3)7hJsLmaAjOZOUZ5xxoB(hQ)0kzjrl9=WM>dut;R;k)Op2B4U?1X@t5L
zzSDWQ{#Z}wSqpyucEi3FU*5v93%qu*w;h%BGbCn}A9ULH^2FnPFK*15weeHpg&VK^
z-Y&3SU!DCv@JX-zrsZm{e6AS?XSs4|y7;t<G_b}#+7r3`zI$}3zz6=)mCK~EUOl=U
zsS&tnqTJVqdnZ=@=L-K)slFuq*OnDej=#^?oFcB9x&HmK&@-I;){b>153aDUGBQtO
zcowpGLA5d4g6X;6HlO2K@^8tn>kq|4zQh-*ihq)C{`Na#w;kh6!LkhBv>-=dFsYWf
zMwFx^mZVxG7o`Fz1|tJQ3tdA4T?69~10yRFV=Gg0T?11q1A`mSSCpV=$jwj5OsmAL
UVdXA?6F?0Np00i_>zopr0OB^ZTL1t6

literal 0
HcmV?d00001

diff --git a/Json.json b/Json.json
deleted file mode 100644
index 5f282702b..000000000
--- a/Json.json
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/Project.njsproj b/Project.njsproj
index b77efe7fe..3117f769c 100644
--- a/Project.njsproj
+++ b/Project.njsproj
@@ -57,6 +57,9 @@
     </Compile>
     <Compile Include="CloudVM\Exchange\ExchangeAPI.js" />
     <Compile Include="Exchange\ExchangeAPI.js" />
+    <Compile Include="BottomSpace\KeyVaultModule.js">
+      <SubType>Code</SubType>
+    </Compile>
     <Compile Include="Server\Exchange\ExchangeAPI.js" />
     <Compile Include="Server\Exchange\exchangeUtils.js" />
     <Compile Include="Globals.js">
@@ -67,6 +70,9 @@
     <Compile Include="Server\Exchange\Wrappers\binanceClient.js" />
     <Compile Include="Server\Exchange\Wrappers\poloniex.js" />
     <Compile Include="Server\Exchange\Wrappers\poloniexClient.js" />
+    <Compile Include="BottomSpace\TeamsModule.js">
+      <SubType>Code</SubType>
+    </Compile>
     <Compile Include="TopSpace\Login.js">
       <SubType>Code</SubType>
     </Compile>
@@ -143,6 +149,9 @@
     <Compile Include="TopSpace\PlayStopButton.js">
       <SubType>Code</SubType>
     </Compile>
+    <Compile Include="BottomSpace\UsersModule.js">
+      <SubType>Code</SubType>
+    </Compile>
     <Compile Include="WebDebugLog.js">
       <SubType>Code</SubType>
     </Compile>
diff --git a/Scripts/AppLoader.js b/Scripts/AppLoader.js
index d5ed3f931..9542f03e6 100644
--- a/Scripts/AppLoader.js
+++ b/Scripts/AppLoader.js
@@ -31,6 +31,9 @@
 
                 "BottomSpace/DeleteTradingHistory.js",
                 "BottomSpace/ChartAspectRatio.js",
+                "BottomSpace/UsersModule.js",
+                "BottomSpace/TeamsModule.js",
+                "BottomSpace/KeyVaultModule.js",
 
                 "TopSpace/PlayStopButton.js",
                 "TopSpace/CompanyLogo.js",
diff --git a/Spaces/BottomSpace.js b/Spaces/BottomSpace.js
index fef962e70..38f3eb950 100644
--- a/Spaces/BottomSpace.js
+++ b/Spaces/BottomSpace.js
@@ -4,6 +4,9 @@ function newBottomSpace() {
     var thisObject = {
         deleteTradingHistory: undefined,
         chartAspectRatio: undefined,
+        UsersModule: undefined,
+        TeamsModule: undefined,
+        KeyVaultModule: undefined,
         container: undefined,
         draw: draw,
         getContainer: getContainer,     // returns the inner most container that holds the point received by parameter.
@@ -32,6 +35,15 @@ function newBottomSpace() {
         thisObject.chartAspectRatio = newChartAspectRatio();
         thisObject.chartAspectRatio.initialize();
 
+        thisObject.UsersModule = newUsersModule();
+        thisObject.UsersModule.initialize();
+
+        thisObject.TeamsModule = newTeamsModule();
+        thisObject.TeamsModule.initialize();
+
+        thisObject.KeyVaultModule = newKeyVaultModule();
+        thisObject.KeyVaultModule.initialize();
+
     }
 
     function getContainer(point) {
@@ -44,6 +56,15 @@ function newBottomSpace() {
         container = thisObject.chartAspectRatio.getContainer(point);
         if (container !== undefined) { return container; }
 
+        container = thisObject.UsersModule.getContainer(point);
+        if (container !== undefined) { return container; }
+
+        container = thisObject.TeamsModule.getContainer(point);
+        if (container !== undefined) { return container; }
+
+        container = thisObject.KeyVaultModule.getContainer(point);
+        if (container !== undefined) { return container; }
+
         /* The point does not belong to any inner container, so we return the current container. */
 
         return thisObject.container;
@@ -57,6 +78,9 @@ function newBottomSpace() {
         drawBackground();
         thisObject.deleteTradingHistory.draw();
         thisObject.chartAspectRatio.draw();
+        thisObject.UsersModule.draw();
+        thisObject.TeamsModule.draw();
+        thisObject.KeyVaultModule.draw();
 
     }