File: C:/laragon/www/newVip/CGC.html
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Docs - OKTAFONIA</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/Features-Centered-Icons-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.5/css/ui.jqgrid.min.css">
<link rel="stylesheet" href="assets/css/colors.css">
<script src="common/Vip3Frontend_CommonJS.js"></script>
<script src="common/Vip3Frontend_UtilityJS.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/theme.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.5/jquery.jqgrid.min.js"></script>
</head>
<body id="page-top">
<div id="wrapper">
<nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 main-color" id="navBarLaterale">
<div class="container-fluid d-flex flex-column p-0">
<a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#" onclick="reindirizzaMain()">
<div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
<div class="sidebar-brand-text mx-3"><span>OKTAFONIA</span></div>
</a>
<hr class="sidebar-divider my-0">
<ul class="navbar-nav text-light" id="accordionSidebar"></ul>
</div>
</nav>
<!-- Container -->
<div class="d-flex flex-column" id="content-wrapper">
<div id="content">
<!-- Menu -->
<nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top" style="color: var(--bs-black);">
<div class="container-fluid"><span>Okta - Documents</span>
<ul class="navbar-nav flex-nowrap ms-auto">
<li class="nav-item dropdown no-arrow mx-1">
<div class="shadow dropdown-list dropdown-menu dropdown-menu-end" aria-labelledby="alertsDropdown"></div>
</li>
<li class="nav-item" id="labelEmail" onclick="reindirizzaProfilo()"><a class="nav-link" style="color: var(--bs-navbar-brand-color);">Username</a></li>
<div class="d-none d-sm-block topbar-divider"></div>
<li class="nav-item" onclick="logout()"><a class="nav-link" style="color: var(--bs-navbar-brand-color);">Logout</a></li>
</ul>
</div>
</nav>
<!-- Menu Applicazioni -->
<div class="container" style="padding-bottom: 10px;">
<nav class="navbar navbar-light navbar-expand-md">
<div class="container-fluid"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav">
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item"></li>
</ul>
<div class="dropdown text-color" style="padding-right: 15px;padding-left: 15px;"><a class="dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" style="font-weight: bold;/*padding-right: 0px;*//*padding-left: 0px;*/" >Condizioni Approvate dall'utente</a>
<div class="dropdown-menu" style="width: 300px;" id="listaAvvisi">
</div>
</div>
</div>
</div>
</nav>
</div>
<br><br>
<div class="container-fluid">
<h3 class="text-dark mb-4"></h3>
<div class="row mb-3 w-100">
<div class="row" style="width: 100%">
<div class="col-12">
<div class="card shadow mb-3 w-100" id="cardInfo">
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<h3 class="text-dark mb-4"></h3>
<div class="row mb-3 w-100">
<div class="row" style="width: 100%">
<div class="col-12">
<div class="card shadow mb-3 w-100" id="addInfo">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-white sticky-footer" style="height: 40px;padding: 20px 0px;" id="footer">
</footer>
</div>
<a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a>
</div>
<script>
$(document).ready(function() {
verificaValiditàToken();
popolaListaAvvisi();
popolaFooter();
});
function pulisciSelect() {
var selectElement = document.getElementById(Select);
var i, L = selectElement.options.length - 1;
for(i = L; i >= 0; i--) {
selectElement.remove(i);
}
}
function popolaListaAvvisi(){
$.ajax({
url:"PHPgetApprovedNotifichePerUser.php",
data:{"token" : getParameterFromUrl("jwt")},
method: "POST",
dataType: 'JSON',
async : false,
success:function(result) {
var listaAvvisi = document.getElementById("listaAvvisi");
var avvisi = '';
result.forEach(function(object) {
avvisi += '<a class="dropdown-item" onclick="visualizzaAvviso('+object.idNotifica+')">'+object.oggetto+'</a>';
});
listaAvvisi.innerHTML = avvisi;
},
error: function(XMLHttpRequest, textStatus, errorThrown){
alert("Attenzione ! Permessi non sufficienti");
}
});
}
function visualizzaAvviso(idAvviso){
const list = document.getElementById("cardInfo");
list.innerHTML = '';
$.ajax({
url:"PHPgetApprovedNotifichePerUser.php",
data:{"token" : getParameterFromUrl("jwt")},
method: "POST",
dataType: 'JSON',
async : false,
success:function(result) {
result.forEach(function(object) {
if(Number(object.idNotifica) == Number(idAvviso)){
list.innerHTML =
'<div class="card-header py-3"><p class="text-primary m-0 fw-bold">'+object.oggetto+' </p></div>'+
' <div class="card-body">'+
' <div class="row">'+
' <div class="col-md-6 mb-3">'+object.testo+
' </div>'+
' </div>'+
' </div>';
}
});
},
error: function(XMLHttpRequest, textStatus, errorThrown){
alert("Attenzione ! Permessi non sufficienti");
}
});
}
</script>
</body>
</html>