<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src = "https://developer.yodlee.com/assets/images/jquery/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $j = $.noConflict(true);
</script>
<link rel = "stylsheet" type = "text/css" href= "https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"/>
<script type= "text/javascript" src = "https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
</head>
<body>
<h2>Resource Model</h2>
<p>The Envestnet | Yodlee Resource Model explains the details of the entities that are provided in the response of REST APIs. This helps you define the entities to read the payload returned by our services. Here you can view the supported list of attributes, their data types and the valid set of values for an attribute.
</p>
<div class="tabs">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#Entities">Entities</a></li>
<li><a data-toggle="tab" href="#Enums">Enums</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="Entities">
<h4>Entity: Cobrand</h4>
<table id="event_resource" class="table table-bordered table-striped table-hover" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="137"><strong>Attribute Name</strong></td>
<td width="43"><strong>Type</strong></td>
<td width="420"><strong>Description</strong></td>
<td width="193"><strong>Endpoints</strong></td>
</tr>
<tr>
<td width="137">callbackUrl</td>
<td>string</td>
<td>URL to which the notification should be posted</td>
<td width="193">GET cobrand/config/notifications/events</td>
</tr>
<tr>
<td width="137">name</td>
<td>string</td>
<td width="420">Name of the event for which the customers must subscribe to receive notifications<br /> <strong>Valid Value:</strong> <a href="#EAN" goto="Enums">Notification_Events_Name</a></td>
<td width="193">GET cobrand/config/notifications/events</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane" id="Enums">
<h2>Resource: Cobrand</h2>
<h4><div>Notification Events Name</div></h4>
<div class ="table-responsive">
<table id="EAN" class="table table-bordered table-striped table-hover" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="157"><strong>Name</strong></td>
<td width="668"><strong>Description</strong></td>
</tr>
<tr>
<td>REFRESH</td>
<td>Events that happen during add, edit and update aggregated accounts processes.</td>
</tr>
<tr>
<td>DATA_UPDATES</td>
<td width="668">Data updates that happen on provider accounts, accounts, transactions and holdings data due to user actions or auto updates. This event is triggered to help the customer perform data extracts from Yodlee system to their system.</td>
</tr>
</tbody>
</table>
</div>
<a name="EAN"></a><h4>Notifications</h4>
<div class ="table-responsive">
<table id="EAN" class="table table-bordered table-striped table-hover" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="157"><strong>Name</strong></td>
<td width="668"><strong>Description</strong></td>
</tr>
<tr>
<td>REFRESH</td>
<td>Events that happen during add, edit and update aggregated accounts processes.</td>
</tr>
<tr>
<td>DATA_UPDATES</td>
<td width="668">Data updates that happen on provider accounts, accounts, transactions and holdings data due to user actions or auto updates. This event is triggered to help the customer perform data extracts from Yodlee system to their system.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
$(document).ready(function() {
var $tabContent = $(".tab-pane"),
$tabs = $("ul.tabs li"),
tabId;
$tabContent.hide();
$("ul.tabs li:first").addClass("active").show();
$tabContent.first().show();
$tabs.click(function() {
var $this = $(this);
$tabs.removeClass("active");
$this.addClass("active");
$tabContent.hide();
var activeTab = $this.find("a").attr("href");
$(activeTab).fadeIn();
//return false;
});
// Grab the ID of the .tab-content that the hash is referring to
tabId = $(window.location.hash).closest('.tab-pane').attr('id');
// Find the anchor element to "click", and click it
$tabs.find('a[href=#' + tabId + ']').click();
})
$('a').not('.tabs li a').on('click', function(evt) {
evt.preventDefault();
var whereTo = $(this).attr('goto');
$tabs = $("ul.tabs li");
$tabs.find('a[href=#' + whereTo + ']').trigger('click');
//alert(attr('name'));
//alert( $('#'+whereTo+' a').offset().top );
$('html, body').animate({
scrollTop: $('#'+whereTo+' a').offset().top
});
});
