Skip to content
This repository was archived by the owner on Mar 18, 2019. It is now read-only.

Vaughn Sinclair #9

Open
Vaughn180 wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Vaughn Sinclair #9

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
acde483
CoInvestor project
Vaughn180 Apr 16, 2018
8425f38
coinvestor
Vaughn180 Apr 16, 2018
ba4cf56
Merge pull request #1 from Vaughn180/Vaughn180-vaughnSinclair
Vaughn180 Apr 16, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
174 changes: 174 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
<!DOCTYPE html>
<html>
<head>
<title>CoInvestor Database</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<style type="text/css">
body {
color: black;
background-color:SlateBlue;
}

h1{
color:black;
background-color:white ;
text-align:center;
font-family: verdana;
border:2px solid Black;
}
table,td{
color:black;
background-color: white;
padding: 15px;
text-align:center;
border: 2px solid black;

}
td:hover{
color:SlateBlue;
}

th{
background-color:SlateBlue;
}
img{
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
</style>
</head>
<body>
<h1>CoInvestor Fund Managers</h1>
<img src = "Coinvestor-logo.jpg" alt="co-logo" width ="300" height ="200">
<br/>
<table id="table">
<tr>
<th>Name</th>
<th>Address</th>
<th>Website</th>
<th>Logo</th>
<th>Primary Sponsor Types</th>
<th>Other Sponsor Types</th>
</tr>
</table>
</body>
<script type="text/javascript">
console.log("Started!");
var Data;
// GET THE JSON DATA FROM THE API
$.getJSON('https://api.coinvestor.co.uk/v2/company/sponsor', function(data)
{
$.each(data['data'], function(key, s)
{
//console.log(s['links'].self);
//Get the indiviual companies data
$.getJSON(s['links'].self+'?include=communications,latestLogo,marketingDetail,primarySponsorType,otherSponsorTypes', function(innerData)
{
//SORT THROUGH THE DATA AND APPEND TO THE TABLE
// $.each(innerData, function(innerKey, S)
// {
//console.log(innerData);
var tr = "<tr>";

// Add Name
tr += "<td>"+innerData['data']['attributes'].name+"</td>"

// Add email address, website
for (var i = innerData['included'].length - 1; i >= 0; i--)
{
if (innerData['included'][i].type == "company_communication")
{
//email
tr += "<td><a href=\"mailto:"+innerData['included'][i]['attributes'].email+"\">"+innerData['included'][i]['attributes'].email+"</a></td>"
//website
tr += "<td><a href=\""+innerData['included'][i]['attributes'].website+"\">"+innerData['included'][i]['attributes'].website+"</td>"
}
}

// Add Logo
for (var i = innerData['included'].length - 1; i >= 0; i--)
{
if (innerData['included'][i].type == "file_manager")
{
//logo
tr += "<td><img width=\"50\" src=\""+innerData['included'][i]['attributes'].path+"\"></img></td>"
}
}

// Add Primary sponsor value
for (var i = innerData['included'].length - 1; i >= 0; i--)
{
if (innerData['included'][i].type == "sponsor_type")
{
if(innerData['included'][i].id == innerData['data']['relationships']['primarySponsorType']['data'].id)
{
//sponsor type
tr += "<td>"+innerData['included'][i]['attributes'].value+"</td>"
}

}
}

// Other Sponsors
var otherSponsors = "";
for (var i = innerData['included'].length - 1; i >= 0; i--)
{
if (innerData['included'][i].type == "sponsor_type")
{
if(innerData['included'][i].id != innerData['data']['relationships']['primarySponsorType']['data'].id)
{
//sponsor type
if (innerData['included'][i]['attributes'].value != "undefined")
otherSponsors += innerData['included'][i]['attributes'].value+", ";
}

}
}
tr += "<td>"+otherSponsors.slice(0, -2)+"</td>"+
"</tr>"
$(tr).appendTo("#table");
});
});
});
console.log("Finished");
</script>
</html>


<!-- https://api.coinvestor.co.uk/v2/company/sponsor/1?include=marketingDetail, primarySponsorType, communications, otherSponsorTypes -->

<!-- latestLogo
marketingDetail
primarySponsorType
communications
otherSponsorTypes
You would then access them via calling a URL like

Example

https://api.coinvestor.co.uk/v2/company/sponsor?include=communications -->



<!-- <body>
<h1> CoInvestor Fund Managers</h1>

<br>

<table id="table">
<tr>
<th>Name</th>
<th>Address</th>
<th>Website</th>
<th>Logo</th>
<th>Primary Sponsor Types</th>
<th>Other Sponsor Types</th>
</tr>
</table>

<br>
<br> -->