Linked the user click to displaying the profile view on the page for the org view.

Author: jrtechs

public/OrgRepoGraph.html

@@ -16,6 +16,7 @@
     <script src="js/githubAPI.js"></script>
     <script src="js/createOrgRepoGraph.js"></script>
     <script src="js/utilities.js"></script>
+    <script src="js/profileGen.js"></script>
 
     <script type="text/javascript" src="js/vis/vis.js"></script>
     <link href="js/vis/vis-network.min.css" rel="stylesheet" type="text/css" />
@@ -50,17 +51,17 @@
             </ul>
         </div>
     </div>
-    <div class="main container">
+    <div class="main containerCustom">
 
-        <div class="row">
+        <div class="row containerCustom">
+            <div class="col-md-2 col-12">
+                <div id="profileGen"></div>
+            </div>
             <div class="col-md-8 col-12">
                 <h2 id="graphLabel"></h2>
                 <div id="myGraph" class="w-100"></div>
                 <pre id="eventSpan"></pre>
             </div>
-            <div class="col-md-4 col-12 w-100">
-                <div id="profileGen"></div>
-            </div>
         </div>
 
         <script>

public/js/createOrgRepoGraph.js

@@ -354,7 +354,16 @@ function addOrgUsers(orgname, page)
     })
 }
 
-
+function bringUpProfileView(id)
+{
+    for(var i = 0; i < nodes.length; i++)
+    {
+        if(nodes[i].id === id)
+        {
+            profileGen(nodes[i].name, "profileGen");
+        }
+    }
+}
 
 /**
  * Creates a graph

public/style.css

@@ -229,4 +229,12 @@ body {
         top: 10px;
         position: relative;
     }
+}
+
+.containerCustom {
+    width: 100%;
+    padding-right: 0px;
+    padding-left: 0px;
+    margin-right: 0px;
+    margin-left: 0px;
 }