Merge branch 'master' of https://github.com/jrtechs/github-graphs

5 years ago · b10962b9d2
--- a/GraphTest.html
+++ b/GraphTest.html
@ -0,0 +1,44 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style type="text/css">
        body {
            font: 10pt arial;
        }
        #myGraph {
            width: 800px;
            height: 800px;
            border: 1px solid lightgray;
            background-color:#333333;
        }
    </style>

    <script
            src="https://code.jquery.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous">
    </script>
    <script src="js/githubAPI.js"></script>
    <script src="js/friendsGraph.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" />


 </head>
 <body>

 <h2 id="graphLabel"></h2>
 <div id="myGraph" style="width:100%"></div>

 <script>
    createFriendsGraph("jrtechs", "myGraph", "graphLabel");
 </script>

 </body>
 </html>
--- a/js/friendsGraph.js
+++ b/js/friendsGraph.js
@ -0,0 +1,125 @@

 var nodes;

 var edges;


 const options = {
    nodes: {
        borderWidth:4,
        size:30,
        color: {
            border: '#222222',
            background: '#666666'
        },
        font:{color:'#eeeeee'}
    },
    edges: {
        color: 'lightgray'
    }
 };

 function alreadyInGraph(userID)
 {
    for(var i = 0; i < nodes.length; i++)
    {
        if(nodes[i].id === userID)
        {
            return true;
        }
    }
    return false;
 }


 function addPersonToGraph(profileData)
 {
    nodes.push(
        {
            id:profileData.id,
            shape: 'circularImage',
            image:profileData.avatar_url
        });
 }

 function addFriends(username, apiPath)
 {
    return new Promise(function(resolve, reject)
    {
        queryAPIByUser(apiPath, username, function(data)
        {
            for(var i = 0; i < data.length; i++)
            {
                if(!alreadyInGraph(data[i].id))
                {
                    addPersonToGraph(data[i]);
                }
            }
            resolve();
        },
        function(error)
        {
            reject(error);
        })
    });
 }




 function createConnections()
 {
    return new Promise(function(resolve, reject)
    {
        resolve();
    });
 }


 function addSelfToGraph(username)
 {
    return new Promise(function(resolve, reject)
    {
        queryAPIByUser("", username, function(data)
        {
            addPersonToGraph(data);
            resolve();
        },
        function(error)
        {
           reject(error);
        });

    });
 }



 function createFriendsGraph(username, containerName, graphsTitle)
 {
    nodes = [];
    edges = [];
    addSelfToGraph(username).then(function()
    {
        addFriends(username, API_FOLLOWERS).then(function()
        {
            addFriends(username, API_FOLLOWING).then(function()
            {
                createConnections().then(function()
                {
                    var container = document.getElementById(containerName);
                    var data =
                        {
                            nodes: nodes,
                            edges: edges
                        };
                    var network = new vis.Network(container, data, options);
                });
            });
        })
    }).catch(function(error)
    {
        console.log(error);
        $("#" + graphsTitle).html("Error Fetching Data From API");
    });
 }
--- a/js/githubAPI.js
+++ b/js/githubAPI.js
--- a/js/vis/img/network/acceptDeleteIcon.png
+++ b/js/vis/img/network/acceptDeleteIcon.png
--- a/js/vis/img/network/addNodeIcon.png
+++ b/js/vis/img/network/addNodeIcon.png
--- a/js/vis/img/network/backIcon.png
+++ b/js/vis/img/network/backIcon.png
--- a/js/vis/img/network/connectIcon.png
+++ b/js/vis/img/network/connectIcon.png
--- a/js/vis/img/network/cross.png
+++ b/js/vis/img/network/cross.png
--- a/js/vis/img/network/cross2.png
+++ b/js/vis/img/network/cross2.png
--- a/js/vis/img/network/deleteIcon.png
+++ b/js/vis/img/network/deleteIcon.png
--- a/js/vis/img/network/downArrow.png
+++ b/js/vis/img/network/downArrow.png
--- a/js/vis/img/network/editIcon.png
+++ b/js/vis/img/network/editIcon.png
--- a/js/vis/img/network/leftArrow.png
+++ b/js/vis/img/network/leftArrow.png
--- a/js/vis/img/network/minus.png
+++ b/js/vis/img/network/minus.png
--- a/js/vis/img/network/plus.png
+++ b/js/vis/img/network/plus.png
--- a/js/vis/img/network/rightArrow.png
+++ b/js/vis/img/network/rightArrow.png
--- a/js/vis/img/network/upArrow.png
+++ b/js/vis/img/network/upArrow.png
--- a/js/vis/img/network/zoomExtends.png
+++ b/js/vis/img/network/zoomExtends.png
--- a/js/vis/vis-graph3d.min.js
+++ b/js/vis/vis-graph3d.min.js
--- a/js/vis/vis-network.min.css
+++ b/js/vis/vis-network.min.css
--- a/js/vis/vis-network.min.js
+++ b/js/vis/vis-network.min.js
--- a/js/vis/vis-timeline-graph2d.min.css
+++ b/js/vis/vis-timeline-graph2d.min.css
--- a/js/vis/vis-timeline-graph2d.min.js
+++ b/js/vis/vis-timeline-graph2d.min.js
--- a/js/vis/vis.css
+++ b/js/vis/vis.css
--- a/js/vis/vis.js
+++ b/js/vis/vis.js
--- a/js/vis/vis.js.map
+++ b/js/vis/vis.js.map
--- a/js/vis/vis.map
+++ b/js/vis/vis.map
--- a/js/vis/vis.min.css
+++ b/js/vis/vis.min.css
--- a/js/vis/vis.min.js
+++ b/js/vis/vis.min.js