mirror of
https://github.com/optim-enterprises-bv/databunker.git
synced 2025-10-30 01:22:28 +00:00
166 lines
7.9 KiB
HTML
166 lines
7.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>Data Bunker - List of data processing requests</title>
|
|
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
|
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
|
|
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
|
|
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
|
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
|
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
|
crossorigin="anonymous"></script>
|
|
<script src="site.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="row col-md-12">
|
|
<div style="width:100%;">
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<a class="navbar-brand" href="#">Menu</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
|
data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
|
<div class="navbar-nav">
|
|
<a class="nav-item nav-link" href="user-profile.html">Profile <span
|
|
class="sr-only">(current)</span></a>
|
|
<a class="nav-item nav-link" href="user-apps.html">Apps</a>
|
|
<a class="nav-item nav-link active" href="user-data-processing.html">Confirmations</a>
|
|
<a class="nav-item nav-link" href="user-audit.html">Audit</a>
|
|
<a class="nav-item nav-link" href="javascript:bunker_logout();">Logout</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="bigblock">
|
|
<h4>Data processing requests</h4>
|
|
<p id="msg">List of all user consents. You can allow and cancel your consent request here.</p>
|
|
<div id="data"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var xtoken = window.localStorage.getItem('xtoken');
|
|
var token = window.localStorage.getItem('token');
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('GET', "http://localhost:3000/v1/consent/token/" + token);
|
|
xhr.setRequestHeader("X-Bunker-Token", xtoken)
|
|
xhr.setRequestHeader('Content-type', 'application/json');
|
|
xhr.onload = function () {
|
|
if (xhr.status === 200) {
|
|
var data = JSON.parse(xhr.responseText);
|
|
if (data.status == "ok") {
|
|
//$('#msg').text("Access xtoken value: " + xtoken + " user: " + token)
|
|
console.log(data)
|
|
var index;
|
|
for (index = 0; index < data.rows.length; ++index) {
|
|
var row = data.rows[index];
|
|
//console.log("row", row)
|
|
$('#data').append(prepareRow(row));
|
|
//fetchApp(token, xtoken, app);
|
|
}
|
|
}
|
|
} else if (xhr.status > 400 && xhr.status < 500) {
|
|
document.location = "/";
|
|
}
|
|
}
|
|
xhr.send();
|
|
function cancelThis(brief) {
|
|
var heading = "Confirm action";
|
|
var question = "Are you sure?";
|
|
var cancelButtonTxt = "Close popup";
|
|
var okButtonTxt = "Cancel!";
|
|
var confirmModal =
|
|
$('<div class="modal fade" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content">' +
|
|
'<div class="modal-header">' +
|
|
'<h5 class="modal-title">' + heading + '</h5>' +
|
|
'<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
|
|
'<span aria-hidden="true">×</span></button>' +
|
|
'</div>' +
|
|
'<div class="modal-body">' +
|
|
'<p>' + question + '</p>' +
|
|
'</div>' +
|
|
'<div class="modal-footer">' +
|
|
'<a href="#" class="btn" data-dismiss="modal">' +
|
|
cancelButtonTxt +
|
|
'</a>' +
|
|
'<a href="#" id="okButton" class="btn btn-primary">' +
|
|
okButtonTxt +
|
|
'</a>' +
|
|
'</div>' +
|
|
'</div></div></div>');
|
|
|
|
confirmModal.find('#okButton').click(function (event) {
|
|
//callback();
|
|
cancelThisDo(brief);
|
|
confirmModal.modal('hide');
|
|
});
|
|
|
|
confirmModal.modal('show');
|
|
}
|
|
function cancelThisDo(brief) {
|
|
var params = 'brief=' + brief;
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('DELETE', "/v1/consent/token/" + token);
|
|
xhr.setRequestHeader("X-Bunker-Token", xtoken)
|
|
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
|
xhr.onload = function () {
|
|
if (xhr.status === 200) {
|
|
document.location.reload();
|
|
} else if (xhr.status > 400 && xhr.status < 500) {
|
|
document.location = "/";
|
|
}
|
|
}
|
|
xhr.send(params);
|
|
}
|
|
function acceptThis(brief) {
|
|
var params = 'brief=' + brief;
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('POST', "/v1/consent/token/" + token);
|
|
xhr.setRequestHeader("X-Bunker-Token", xtoken)
|
|
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
|
xhr.onload = function () {
|
|
if (xhr.status === 200) {
|
|
document.location.reload();
|
|
} else if (xhr.status > 400 && xhr.status < 500) {
|
|
document.location = "/";
|
|
}
|
|
}
|
|
xhr.send(params);
|
|
}
|
|
function prepareRow(row) {
|
|
var msg = row.brief;
|
|
if (row.message != "") {
|
|
msg = row.message;
|
|
}
|
|
var start = '<div class="d-flex flex-row bd-highlight mb-4">';
|
|
var d = '<div class="p-2 bd-highlight">When: ' + dateFormat(row.when) + '</div>'
|
|
var identity = '<div class="p-2 flex-fill bd-highlight">Identity: ' + row.who + ' (' + row.type + ')<br/>' + msg + '</div>'
|
|
var cancel = "<a href=\"javascript:cancelThis('" + row.brief + "');\">cancel</a>";
|
|
var accept = "<a href=\"javascript:acceptThis('" + row.brief + "');\">accept</a>";
|
|
var op = cancel;
|
|
if (row.status == 'cancel') {
|
|
op = accept;
|
|
}
|
|
var status = '<div class="p-2 bd-highlight">Current status: ' + row.status + '</br><center>' + op + '</center></div>'
|
|
return start + d + identity + status + '</div>';
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |