222 lines
7.6 KiB
JavaScript
222 lines
7.6 KiB
JavaScript
|
var infoEl = $('tr.info').clone();
|
||
|
|
var strings = strings;
|
||
|
|
|
||
|
|
/* Formatting function for row details - modify as you need */
|
||
|
|
function format(d) {
|
||
|
|
var detail = infoEl.clone();
|
||
|
|
// show
|
||
|
|
$(detail).toggleClass('hidden');
|
||
|
|
// add data
|
||
|
|
var dec = d.decision;
|
||
|
|
// date
|
||
|
|
detail.find('.created-date')[0].append(date(dec.createdDate).toLocaleString());
|
||
|
|
// options & reminder
|
||
|
|
if (dec.options === 'ALWAYS') {
|
||
|
|
detail.find('.consent-reminder').parent().remove();
|
||
|
|
} else {
|
||
|
|
var unit = dec.reminderTimeUnit.toLowerCase();
|
||
|
|
detail.find('.consent-reminder span:not(.' + unit + ')').remove();
|
||
|
|
if (dec.reminder === 1) {
|
||
|
|
var _unit = detail.find('.consent-reminder span.' + unit);
|
||
|
|
_unit.html(_unit.text().slice(0, -1));
|
||
|
|
}
|
||
|
|
detail.find('.consent-reminder').prepend(dec.reminder);
|
||
|
|
}
|
||
|
|
detail.find('.consent-options span:not(.' + dec.options.toLowerCase().replace('_','-') + ')').remove();
|
||
|
|
// render attribute table
|
||
|
|
attributeTable(detail.find('.consent-attributes'),d.attributes);
|
||
|
|
// enable tooltip
|
||
|
|
detail.find('.consent-options [data-toggle="tooltip"]').tooltip();
|
||
|
|
// setup delete button
|
||
|
|
var del = detail.find('.btn-danger');
|
||
|
|
var data = { 'id': dec.id, 'service': dec.service };
|
||
|
|
del.on('click', data, function (e) {
|
||
|
|
e.preventDefault();
|
||
|
|
confirm(e.data.id, e.data.service);
|
||
|
|
});
|
||
|
|
|
||
|
|
return detail;
|
||
|
|
}
|
||
|
|
|
||
|
|
function alertUser(message, alertType) {
|
||
|
|
$('#alertWrapper').append('<div id="alertdiv" class="alert alert-' + alertType + ' alert-dismissible">' +
|
||
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
||
|
|
'<span class="alertMessage">' + message + '</span></div>'
|
||
|
|
);
|
||
|
|
|
||
|
|
setTimeout(function () { // this will automatically close the alert and remove this if the users doesnt close it in 5 secs
|
||
|
|
$('#alertdiv').remove();
|
||
|
|
}, 5000);
|
||
|
|
}
|
||
|
|
|
||
|
|
function attributeTable(t, attributes) {
|
||
|
|
|
||
|
|
var table;
|
||
|
|
if ( $.fn.dataTable.isDataTable( t ) ) {
|
||
|
|
table = $(t).DataTable();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
table = $(t).DataTable( {
|
||
|
|
paging : false,
|
||
|
|
searching : false,
|
||
|
|
info: false
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
table.clear();
|
||
|
|
for (var property in attributes) {
|
||
|
|
if (attributes.hasOwnProperty(property)) {
|
||
|
|
table.row.add([
|
||
|
|
'<code>' + property + '</code>', '<code>' + attributes[property] + '</code>'
|
||
|
|
]).draw(false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function date(d) {
|
||
|
|
var date = new Date(d[0],d[1]-1,d[2],d[3],d[4],d[5]);
|
||
|
|
return date;
|
||
|
|
}
|
||
|
|
|
||
|
|
function confirm(decisionId, service) {
|
||
|
|
$('#confirmdiv').remove();
|
||
|
|
var svcStr = service.length > 70 ? service.substr(0,68) + '...' : service;
|
||
|
|
var message = strings.confirm.replace('{}', svcStr);
|
||
|
|
$('#alertWrapper').append('<div id="confirmdiv" class="alert alert-warning">' +
|
||
|
|
'<span class="alertMessage">' + message + '</span><br/>' +
|
||
|
|
'<button type="button" id="delete" class="btn btn-xs btn-danger" aria-label="Yes"><strong>' +
|
||
|
|
strings.yes + ' </strong></button>' +
|
||
|
|
'<button type="button" class="btn btn-xs btn-default" aria-label="No" value="' + decisionId + '"><strong>' +
|
||
|
|
strings.no + '</strong></button></div>'
|
||
|
|
);
|
||
|
|
$('#confirmdiv .btn').click(function() {
|
||
|
|
$('#confirmdiv').alert('close');
|
||
|
|
});
|
||
|
|
$('#delete').click(function() {
|
||
|
|
removeDecision(decisionId);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function removeDecision(decisionId) {
|
||
|
|
var factory = {};
|
||
|
|
factory.httpHeaders = {};
|
||
|
|
factory.httpHeaders[$('meta[name=\'_csrf_header\']').attr('content')] = $('meta[name=\'_csrf\']').attr('content');
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: 'post',
|
||
|
|
url: urls.delete,
|
||
|
|
data: {decisionId: decisionId},
|
||
|
|
headers: factory.httpHeaders,
|
||
|
|
dataType: 'json',
|
||
|
|
success: function (data) {
|
||
|
|
// Reinitialize the table data
|
||
|
|
$('#consentDecisions').DataTable().ajax.reload();
|
||
|
|
|
||
|
|
if (!data) {
|
||
|
|
alertUser(strings.error, 'danger');
|
||
|
|
} else {
|
||
|
|
alertUser(strings.success, 'success');
|
||
|
|
// Reload the page
|
||
|
|
location.reload();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function () {
|
||
|
|
alertUser('There appears to be an error. Please try your request again.', 'danger');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var consentDecisions = (function () {
|
||
|
|
var createDataTable = function () {
|
||
|
|
$('#consentDecisions').DataTable({
|
||
|
|
'order': [[0, 'desc']],
|
||
|
|
'initComplete': function (settings, json) {
|
||
|
|
if (!json || json.length == 0) {
|
||
|
|
$('#consent-decisons').hide();
|
||
|
|
$('#loadingMessage').hide();
|
||
|
|
$('#no-consent-decisions').show();
|
||
|
|
} else {
|
||
|
|
$('#loadingMessage').hide();
|
||
|
|
$('#no-consent-decisions').hide();
|
||
|
|
$('#consent-decisons').show();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
'language': strings.data,
|
||
|
|
'paging': false,
|
||
|
|
'ajax': {
|
||
|
|
'url': urls.getConsentDecisions,
|
||
|
|
'dataSrc': ''
|
||
|
|
},
|
||
|
|
'data': consentDecisions,
|
||
|
|
'columnDefs': [
|
||
|
|
{
|
||
|
|
'targets': 0,
|
||
|
|
'className': 'created-date',
|
||
|
|
'data': function (row) {
|
||
|
|
return date(row.decision.createdDate);
|
||
|
|
},
|
||
|
|
'render': function (data) {
|
||
|
|
var opts = { year: 'numeric', month: 'numeric' };
|
||
|
|
return '<div class="label label-primary"><span class="hidden">' + data.toISOString() +
|
||
|
|
'</span>' + data.toLocaleDateString('en', opts ) +
|
||
|
|
'</div>';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
'targets': 1,
|
||
|
|
'data': 'decision.service',
|
||
|
|
'className': 'col service-id',
|
||
|
|
'render': function (data) {
|
||
|
|
if ($(window).width() <= 855) {
|
||
|
|
return data.length > 70 ?
|
||
|
|
'<span title="' + data + '">' + data.substr(0, 68) + '...</span>' : data;
|
||
|
|
} else {
|
||
|
|
return data.length > 180 ?
|
||
|
|
'<span title="' + data + '">' + data.substr(0, 178) + '...</span>' : data;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
var addEventHandlers = function () {
|
||
|
|
|
||
|
|
/* Performs logout for consent application, no SLO */
|
||
|
|
$('#logout').click(function() {
|
||
|
|
var logout = window.location + '/logout';
|
||
|
|
window.location.assign(logout);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Add event listener for opening and closing details
|
||
|
|
$(document).on('click', '#consentDecisions > tbody > tr:not(.info)', function () {
|
||
|
|
var table = $('#consentDecisions').DataTable();
|
||
|
|
var tr = $(this);
|
||
|
|
var row = table.row(tr);
|
||
|
|
|
||
|
|
if (row.child.isShown()) {
|
||
|
|
// This row is already open - close it
|
||
|
|
row.child.hide();
|
||
|
|
tr.removeClass('shown');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
// Open this row
|
||
|
|
row.child(format(row.data()), 'info').show();
|
||
|
|
tr.addClass('shown');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
// initialization *******
|
||
|
|
(function init() {
|
||
|
|
createDataTable();
|
||
|
|
addEventHandlers();
|
||
|
|
})();
|
||
|
|
|
||
|
|
// Public Methods
|
||
|
|
return {
|
||
|
|
/**
|
||
|
|
* Not used
|
||
|
|
*/
|
||
|
|
};
|
||
|
|
})();
|