From ff22fa1f71d2af2c861df6e90b339bcfdb41f7db Mon Sep 17 00:00:00 2001
From: Bryce Murphy <brshmurphy@gmail.com>
Date: Sun, 17 Feb 2019 07:35:54 -0500
Subject: [PATCH] tidying up

---
 public/OrgRepoGraph.html   |  3 +++
 public/js/createOrgInfo.js | 20 ++++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 public/js/createOrgInfo.js

diff --git a/public/OrgRepoGraph.html b/public/OrgRepoGraph.html
index bc566d3..fee6086 100644
--- a/public/OrgRepoGraph.html
+++ b/public/OrgRepoGraph.html
@@ -18,6 +18,7 @@
     <script src="js/utilities.js"></script>
     <script src="js/profileGen.js"></script>
     <script src="js/createOrgTable.js"></script>
+    <script src="js/createOrgInfo.js"></script>
 
     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
     <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.js"></script>
@@ -66,6 +67,7 @@
             <div class="col-md-6 col-12">
                 <h2 id="graphLabel"></h2>
                 <div id="myGraph" class="w-100"></div>
+                <div id="organizationInfo"></div>
                 <pre id="eventSpan"></pre>
             </div>
             <div class="col-md-4 col-12 bg-light">
@@ -95,6 +97,7 @@
 
                 createOrgRepoGraph(orgname, "myGraph", "graphLoading");
                 createOrgTable(orgname, 'repositoryTable');
+                createOrgInfo(orgname, 'organizationInfo')
             }
         
             if(findGetParameter("name") !== null) {
diff --git a/public/js/createOrgInfo.js b/public/js/createOrgInfo.js
new file mode 100644
index 0000000..8b224fc
--- /dev/null
+++ b/public/js/createOrgInfo.js
@@ -0,0 +1,20 @@
+function createOrgInfo(orgName, container) {    
+    queryAPIByOrg("", orgName, (orgData) => {
+        console.log("called");
+        var html = 
+        "<div class=\"card\" style=\"w-100;\"> \
+            <div class=\"card-body\"> \
+                <div class=\"card-header\"><h3 class=\"card-title\">"+orgData.name+"</h3></div> " +
+                (orgData.description != null ? "<div class=\"card-text\"><p>"+orgData.description+"</p></div>" : "") + " \
+            </div> \
+            <ul class=\"list-group list-group-flush\">"+
+                (orgData.location !=null ? "<li class=\"list-group-item\">Location: "+orgData.location+"</li>" : "") + " \
+            </ul> \
+        </div>"
+
+        $("#" + container).html(html);
+        $('#dataTable').DataTable();   
+    }, function(error) {
+        console.log("Unable to load table data");
+    });
+}
\ No newline at end of file