/** Nodes in the vis js graph */ var nodes; /** Edges used to make the Vis JS graph*/ var edges; /** Used for the loading bar */ var total = 1; var indexed = 0; var progressID; /** Github id of the user being indexed */ var baseID; /** * Vis js graph options */ var options = { nodes: { borderWidth:4, size:30, color: { border: '#222222', background: '#666666' }, font:{color:'#eeeeee'} }, edges: { color: 'lightgray' } }; /** * Checks if a user is a node in the graph * * @param userID * @returns {boolean} */ function alreadyInGraph(userID) { for(var i = 0; i < nodes.length; i++) { if(nodes[i].id === userID) { return true; } } return false; } /** * adds a person to the nodes list * * @param profileData */ function addPersonToGraph(profileData) { nodes.push( { id:profileData.id, name:profileData.login, shape: 'circularImage', image:profileData.avatar_url }); } /** * Adds the followers/following of a person * to the graph * * @param username * @param apiPath * @returns {Promise} */ function addFriends(username) { updateProgress(); return new Promise((resolve, reject)=> { getFriendsAPI(username, (data)=> { for(var i = 0; i < data.length; i++) { if(!alreadyInGraph(data[i].id)) { addPersonToGraph(data[i]); } } resolve(); }, (error)=> { reject(error); }) }); } /** * Greedy function which checks to see if a edge is in the graphs * * @param id1 * @param id2 * @returns {boolean} */ function edgeInGraph(id1, id2) { for(var i = 0;i < edges.length; i++) { if(edges[i].from === id1 && edges[i].to === id2) { return true; } if(edges[i].to === id1 && edges[i].from === id2) { return true; } } return false; } /** * Adds a connection to the graph * * @param person1 * @param person2 */ function addConnection(person1, person2) { if(person1.id !== person2.id) { if(alreadyInGraph(person2.id) && !edgeInGraph(person1.id, person2.id)) { edges.push( { from: person1.id, to: person2.id }); } } } /** * Processes all the connections of a user and adds them to the graph * * @param user has .id and .name * @returns {Promise} */ function processUserConnections(user) { return new Promise(function(resolve, reject) { updateProgress(); getFriendsAPI(user.name, (data)=> { for(var i = 0; i < data.length; i++) { addConnection(user, data[i]) } resolve(); }, (error)=> { console.log(error); resolve(); }) }); } /** * Creates connections between all the nodes in * the graph. * * @returns {Promise} */ function createConnections() { return new Promise((resolve, reject)=> { var prom = []; for(var i = 0; i < nodes.length; i++) { prom.push(processUserConnections(nodes[i])); } Promise.all(prom).then(function() { resolve(); }).catch(function(error) { console.log(error); resolve(); }); }); } /** * Updates progress bar for loading the JS graph */ function updateProgress() { indexed++; const percent = parseInt((indexed/total)*100); $("#" + progressID).html("
\n" + "
\n" + "
"); } /** * Adds the base person to the graph. * * @param username * @returns {Promise} */ function addSelfToGraph(username) { return new Promise((resolve, reject)=> { queryAPIByUser("", username, (data)=> { baseID = data.id; total = (data.followers + data.following); addPersonToGraph(data); resolve(); }, (error)=> { reject(error); }); }); } /** * Used for the on graph click event * * @param github id */ function bringUpProfileView(id) { for(var i = 0; i < nodes.length; i++) { if(nodes[i].id === id) { profileGen(nodes[i].name, "profileGen"); } } } /** * Creates a graph * @param username * @param containerName * @param progressBarID */ function createFriendsGraph(username, containerName, progressBarID) { progressID = progressBarID; nodes = []; edges = []; addSelfToGraph(username).then(()=> { addFriends(username).then(()=> { createConnections().then(()=> { $("#" + progressID).html(""); var container = document.getElementById(containerName); var data = { nodes: nodes, edges: edges }; var network = new vis.Network(container, data, options); network.on("click", function (params) { if(Number(this.getNodeAt(params.pointer.DOM)) !== NaN) { bringUpProfileView(Number(this.getNodeAt(params.pointer.DOM))); } }); }); }) }).catch((error)=> { $("#" + graphsTitle).html("Error Fetching Data From API"); alert("Invalid User"); }); }