215 lines
7.9 KiB
HTML
215 lines
7.9 KiB
HTML
<!doctype html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="resources/css/bootstrap.min.css" />
|
|
<!-- Icons CSS -->
|
|
<link rel="stylesheet" href="resources/css/fontawesome-all.min.css">
|
|
|
|
<style type="text/css">
|
|
.table > tbody > tr > td { vertical-align : middle !important; }
|
|
.card > .table { margin-bottom : 0 !important; }
|
|
fieldset > legend { font-size : 1.2rem !important; }
|
|
.overlaydiv {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 10000;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.grayRectangle {
|
|
position: absolute;
|
|
background-color: black;
|
|
opacity:0.6;
|
|
top: 30%;
|
|
left: 40%;
|
|
width: 20%;
|
|
height: 20%;
|
|
z-index: 100;
|
|
border-radius: 15px;
|
|
}
|
|
</style>
|
|
|
|
|
|
<title>Organizations Database</title>
|
|
|
|
</head>
|
|
|
|
<body ng-app="orgs" sec:authorize="isAuthenticated()">
|
|
|
|
<div id="spinnerdiv" class="overlaydiv">
|
|
<span class="grayRectangle"><!--The spinner is added on loading here--></span>
|
|
</div>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" ng-controller="menuCtrl">
|
|
<a class="navbar-brand" href="#"> <img
|
|
src="resources/images/openaire_logo_small.png" width="30" height="30" alt="OpenOrgs Database">
|
|
OpenOrgs Database
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
|
data-target="#navbarSupportedContent">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse w-100 order-1" id="navbarSupportedContent">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">Search</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#!/search">simple search</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#!/countries">browse by country</a>
|
|
<a class="dropdown-item" href="#!/types">browse by type</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown" sec:authorize="hasRole('ROLE_ADMIN') or hasRole('ROLE_NATIONAL_ADMIN')">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">Advanced</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item d-flex justify-content-between align-items-center" href="#!/pendings/_"><span class="pr-2">pending organizations</span><span class="badge badge-primary badge-pill">{{info.data.total.nPendingOrgs}}</span></a>
|
|
<a class="dropdown-item d-flex justify-content-between align-items-center" href="#!/duplicates/_"><span class="pr-2">duplicates</span><span class="badge badge-primary badge-pill">{{info.data.total.nDuplicates}}</span></a>
|
|
<a class="dropdown-item d-flex justify-content-between align-items-center" href="#!/conflicts/_"><span class="pr-2">conflicts</span><span class="badge badge-danger badge-pill">{{info.data.total.nConflicts}}</span></a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#!/new">new from scratch</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown" sec:authorize="hasRole('ROLE_USER')">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">Advanced</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item d-flex justify-content-between align-items-center" href="#!/duplicates/_"><span class="pr-2">duplicates</span><span class="badge badge-primary badge-pill">{{info.data.total.nDuplicates}}</span></a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#!/new">suggest a new organization</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item dropdown" sec:authorize="hasRole('ROLE_ADMIN') or hasRole('ROLE_NATIONAL_ADMIN')">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown"><i class="fa fa-cog"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#!/users">manage users</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown"><i class="fa fa-user"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<p class="px-4 pt-2 text-muted small">
|
|
<b>Logged as:</b><br /><span sec:authentication="name"></span><br />
|
|
<b>Role:</b><br /><span sec:authentication="principal.authorities"></span>
|
|
</p>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" th:href="@{/logout}">Logout</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item"><a class="btn btn-outline-secondary" href="doc" target="_blank">API</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="container-fluid small mt-4" ng-view></div>
|
|
|
|
<script sec:authorize="hasRole('ROLE_ADMIN')">
|
|
function superAdminMode() { return true; }
|
|
</script>
|
|
<script sec:authorize="!hasRole('ROLE_ADMIN')">
|
|
function superAdminMode() { return false; }
|
|
</script>
|
|
<script sec:authorize="hasRole('ROLE_ADMIN') or hasRole('ROLE_NATIONAL_ADMIN')">
|
|
function adminMode() { return true; }
|
|
</script>
|
|
<script sec:authorize="!hasRole('ROLE_ADMIN') and !hasRole('ROLE_NATIONAL_ADMIN')">
|
|
function adminMode() { return false; }
|
|
</script>
|
|
|
|
<script src="resources/js/jquery-3.4.1.min.js"></script>
|
|
<script src="resources/js/popper.min.js"></script>
|
|
<script src="resources/js/bootstrap.min.js"></script>
|
|
<script src="resources/js/angular.min.js"></script>
|
|
<script src="resources/js/angular-route.min.js"></script>
|
|
<script src='resources/js/checklist-model.js'></script>
|
|
<script src="resources/js/organizations.js"></script>
|
|
<script src="resources/js/spin.js"></script>
|
|
|
|
<script>
|
|
// Spinner show/hide methods ~ Andrea Mannocci
|
|
var spinnerOpts = {
|
|
lines: 15,
|
|
length: 16,
|
|
width: 5,
|
|
radius: 25,
|
|
color: '#eeeeee',
|
|
className: 'spinner',
|
|
top: '40%'
|
|
};
|
|
|
|
var spinnerTarget = document.getElementById('spinnerdiv');
|
|
|
|
var spinner;
|
|
|
|
function showSpinner() {
|
|
spinner = new Spinner(spinnerOpts).spin(spinnerTarget);
|
|
spinnerTarget.style.visibility = 'visible';
|
|
}
|
|
|
|
function hideSpinner() {
|
|
spinnerTarget.style.visibility = 'hidden';
|
|
spinner.stop();
|
|
}
|
|
|
|
function call_http_get($http, url, onSuccess) {
|
|
showSpinner();
|
|
$http.get(url).then(function successCallback(res) {
|
|
hideSpinner();
|
|
if((typeof res.data) == 'string') {
|
|
alert("Session expired !"); location.reload(true);
|
|
} else {
|
|
onSuccess(res);
|
|
}
|
|
}, function errorCallback(res) {
|
|
hideSpinner();
|
|
alert('ERROR: ' + res.data.error + ' (' + res.data.message + ')');
|
|
});
|
|
}
|
|
|
|
function call_http_post($http, url, obj, onSuccess) {
|
|
showSpinner();
|
|
$http.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8";
|
|
$http.post(url, obj).then(function successCallback(res) {
|
|
hideSpinner();
|
|
if ((typeof res.data) == 'string') {
|
|
alert("Session expired !"); location.reload(true);
|
|
} else {
|
|
onSuccess(res);
|
|
}
|
|
}, function errorCallback(res) {
|
|
hideSpinner();
|
|
alert('ERROR: ' + res.data.error + ' (' + res.data.message + ')');
|
|
});
|
|
}
|
|
|
|
function call_http_delete($http, url, onSuccess) {
|
|
showSpinner();
|
|
$http.delete(url).then(function successCallback(res) {
|
|
hideSpinner();
|
|
if ((typeof res.data) == 'string') {
|
|
alert("Session expired !"); location.reload(true);
|
|
} else {
|
|
onSuccess(res);
|
|
}
|
|
}, function errorCallback(res) {
|
|
hideSpinner();
|
|
alert('ERROR: ' + res.data.error + ' (' + res.data.message + ')');
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |