oauthcodes.html

<div class="oauthcodes">
<h3>OAuth Codes</h3>
<div class="panel panel-default">
  <div class="panel-heading">Issued to me</div>
  <div class="panel-body">
	<div class="alert alert-info">Codes that can be used by this user to access resources on other servers</div>
	<div class="noAcquired ih">There are no acquired codes yet</div>
	<table class="table outCodesTable">
		<thead>
			<tr>
				<th>Application</th>
				<th>Actions<th>
			</tr>
		</thead>
		<tbody></tbody>
	</table>
  </div>
</div>
<div class="panel panel-default">
	<div class="panel-heading">Issued by me</div>
	<div class="panel-body">
		<div class="alert alert-info">Codes that other servers can use to access resources (such as projects, internal services etc...) on this server owned by the current user</div>
		<div class="noIssued ih">There are no issued codes yet</div>
		<table class="table issuedCodesTable">
			<thead>
				<tr>
					<th></th>
					<th>Application name</th>
					<th>Issued on</th>
					<th>Authorization</th>
					<th>Actions<th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
	</div>
</div>
</div>
<script>
function OAuthCodes(cd) {
	var o = this;
	
	this.revokeClick = function(){
		var oid = $(this).parents("tr").attr("oid");
		Global.bimServerApi.call("OAuthInterface", "revokeAuthorization", {oid: oid}, function(){
			o.load();
		});
	};
	
	this.load = function(){
		Global.bimServerApi.call("OAuthInterface", "listAuthorizationCodes", {}, function(codes){
			cd.find(".outCodesTable").toggle(codes.length != 0);
			cd.find(".noAcquired").toggle(codes.length == 0);
			cd.find(".outCodesTable tbody tr").remove();
			codes.forEach(function(code){
				var serverId = code.oauthServerId;
				var tr = $("<tr>");
				tr.attr("oid", code.oid);
				Global.bimServerApi.call("OAuthInterface", "getOAuthServerById", {oid: serverId}, function(server){
					tr.append("<td>" + server.registrationEndpoint + "</td>");
				});
				tr.append("<td>" + code.code + "</td>");
				cd.find(".outCodesTable tbody").append(tr);
	
				var td = $("<td>");
				var revokeLink = $("<a>revoke</a>");
				revokeLink.click(o.revokeClick);
				td.append(revokeLink);
				tr.append(td);
			});
		});
	
		Global.bimServerApi.call("OAuthInterface", "listIssuedAuthorizationCodes", {}, function(codes){
			cd.find(".issuedCodesTable").toggle(codes.length != 0);
			cd.find(".noIssued").toggle(codes.length == 0);
			cd.find(".issuedCodesTable tbody tr").remove();
			codes.forEach(function(code){
				var serverId = code.oauthServerId;
				var tr = $("<tr>");
				tr.attr("oid", code.oid);
				cd.find(".issuedCodesTable tbody").append(tr);
				
				var authorizationTd = $("<td>");
				var clientNameTd = $("<td>");
				var iconTd = $("<td>");
				tr.append(iconTd);
				tr.append(clientNameTd);
				tr.append("<td>" + formatDateTime(new Date(code.issued)) + "</td>");
				tr.append(authorizationTd);
				
				Global.bimServerApi.call("OAuthInterface", "getOAuthServerById", {oid: code.oauthServerId}, function(server){
					var icon = $("<img>");
					icon.attr("src", "data:image/png;base64, " + server.clientIcon);
					iconTd.append(icon);
					clientNameTd.append(server.clientName);
				});
				
				var td = $("<td>");
				var revokeLink = $("<a>revoke</a>");
				revokeLink.click(o.revokeClick);
				td.append(revokeLink);
				tr.append(td);
				
				Global.bimServerApi.call("OAuthInterface", "getAuthorizationById", {oid: code.authorizationId}, function(authorization){
					if (authorization.__type == "SSingleProjectAuthorization") {
						authorizationTd.append("Single Project Authorization (" + authorization.projectId + ")");
					} else if (authorization.__type == "SRunServiceAuthorization") {
						authorizationTd.append("Run Service Authorization");
						Global.bimServerApi.call("PluginInterface", "getInternalServiceById", {
							oid: authorization.serviceId
						}, (service) => {
							authorizationTd.append(" (" + service.name + ")");
						});
					} else {
						console.log(authorization);
					}
				});
			});
		});
	};
	
	this.load();
	
	this.show = function(){};
	this.close = function(){};
}
</script>