Login Button Enabled

Spaces/TopSpace.js

@@ -58,8 +58,8 @@ function newTopSpace() {
         thisObject.currentStartMode = newCurrentStartMode();
         thisObject.currentStartMode.initialize(sharedStatus);
 
-        //thisObject.login = newLogin();
-        //thisObject.login.initialize();
+        thisObject.login = newLogin();
+        thisObject.login.initialize();
 
         thisObject.playStopButton = newPlayStopButton();
         thisObject.playStopButton.initialize();
@@ -88,8 +88,8 @@ function newTopSpace() {
         container = thisObject.currentStartMode.getContainer(point);
         if (container !== undefined) { return container; }
 
-        //container = thisObject.login.getContainer(point);
-        //if (container !== undefined) { return container; }
+        container = thisObject.login.getContainer(point);
+        if (container !== undefined) { return container; }
 
         container = thisObject.playStopButton.getContainer(point);
         if (container !== undefined) { return container; }
@@ -111,7 +111,7 @@ function newTopSpace() {
         thisObject.currentBot.draw();
         thisObject.currentProcess.draw();
         thisObject.currentStartMode.draw();
-        //thisObject.login.draw();
+        thisObject.login.draw();
         thisObject.playStopButton.draw();
 
     }

TopSpace/CurrentBot.js

@@ -15,7 +15,7 @@ function newCurrentBot() {
     thisObject.container.frame.width = 200;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
-    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 3;
+    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 4;
     container.frame.position.y = 0;
 
     container.isDraggeable = false;

TopSpace/CurrentProcess.js

@@ -15,7 +15,7 @@ function newCurrentProcess() {
     thisObject.container.frame.width = 200;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
-    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 2;
+    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 3;
     container.frame.position.y = 0;
 
     container.isDraggeable = false;

TopSpace/CurrentStartMode.js

@@ -15,7 +15,7 @@ function newCurrentStartMode() {
     thisObject.container.frame.width = 200;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
-    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 1;
+    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 2;
     container.frame.position.y = 0;
 
     container.isDraggeable = false;
@@ -53,6 +53,7 @@ function newCurrentStartMode() {
                 break;
             }
         }
+
     }
 
     function getContainer(point) {

TopSpace/DevTeam.js

@@ -15,7 +15,7 @@ function newDevTeam() {
     thisObject.container.frame.width = 200;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
-    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 4;
+    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 5;
     container.frame.position.y = 0;
 
     container.isDraggeable = false;
@@ -61,6 +61,7 @@ function newDevTeam() {
             sharedStatus.eventHandler.raiseEvent("devTeam Changed");
             return;
         }
+
     }
 
     function getContainer(point) {

TopSpace/EndUser.js

@@ -15,7 +15,7 @@ function newEndUser() {
     thisObject.container.frame.width = 200;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
-    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 5;
+    container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 6;
     container.frame.position.y = 0;
 
     container.isDraggeable = false;

TopSpace/Login.js

@@ -97,21 +97,32 @@ function newLogin() {
             });
             */
 
-            let graphQLQuery = { query: '{ getTeamByOwner(owner: 4) {id name slug owner avatar}} ' };
+            const apolloClient = new Apollo.lib.ApolloClient({
+                networkInterface: Apollo.lib.createNetworkInterface({
 
-            let fechtParam1 = 'https://api.algocommunity.org/graphql';
-            let fechtParam2 = {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'//,
-                    //'Authorization': 'Bearer <ACCESS_TOKEN>'
-                },
-                body: JSON.stringify(graphQLQuery),
-                }
+                    uri: 'https://users-api.advancedalgos.net/graphql',
+                    transportBatching: true,
+                }),
+                connectToDevTools: true,
+            })
 
-            fetch(fechtParam1, fechtParam2)
-                .then(res => res.json())
-                .then(res => console.log(res.data));
+            const POSTS_QUERY = Apollo.gql`
+                query{
+                      users {
+                        id
+                        alias
+                        firstName
+                        middleName
+                        lastName
+                      }
+                    }
+                `
+
+            apolloClient.query({
+                query: POSTS_QUERY
+            })
+                .then(data => console.log("apolloClient data", data))
+                .catch(error => console.error("apolloClient error", error));
 
         } else {
 

index.html

@@ -5,6 +5,7 @@
     <title>Advanced Algos</title>
 
     <script type="text/javascript" src="https://cdn.auth0.com/js/auth0/9.7.3/auth0.min.js"></script>
+    <script src="https://unpkg.com/apollo-client-browser@1.7.0"></script>
     <script type="text/javascript" src="Scripts/Require.js"></script>
     <script type="text/javascript" src="Scripts/AppPreLoader.js"></script>