CMS3762\carminatini
223 lines
12 KiB
HTML
223 lines
12 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<title>Test HTML Javascript</title>
|
|
<script src="jquery-3.2.1.slim.min.js" ></script>
|
|
<script src="popper.min.js"></script>
|
|
<link rel="stylesheet" href="bootstrap.min.css" >
|
|
<script src="bootstrap.min.js" ></script>
|
|
<style>
|
|
#nc{
|
|
background-color: rgb(245, 245, 245);
|
|
width: 1024px;
|
|
height:768px;
|
|
|
|
}
|
|
|
|
#hover {
|
|
z-index: 10;
|
|
display: block;
|
|
position: absolute;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(168, 168, 168, 0.4);
|
|
}
|
|
</style>
|
|
<script lang="javascript">
|
|
|
|
$( document ).ready(function() {
|
|
|
|
//Paolo lo so che è fatto da schifo, ma è solo un esempio per vedere se funzionava tutto...
|
|
if(typeof cmsClient !== 'undefined')
|
|
{
|
|
|
|
$(".supp").show();
|
|
//Processi da lanciare sul client, con le relative icone in Base64
|
|
var obj = JSON.parse(cmsClient.getConfiguredProcesses());
|
|
TestHtml = "";
|
|
obj.forEach(function(element) {
|
|
TestHtml += "<div class=\"card col\" style=\"margin: 5px;\" >";
|
|
TestHtml += "<div class=\"card-body\">"
|
|
TestHtml += "<h4 class=\"card-title\"> <img class=\"card-img-top\" style=\"width: 32px; margin-right: 0.5em\" src=\""+element.IconBase64+"\">" + element.ShortName + "</h4>"
|
|
TestHtml += "<p class=\"card-text\">" + element.LongName + "</p>"
|
|
TestHtml += "<div class=\"card-text\"><button type=\"button\" class=\"btn btn-primary avviaapp\">Avvia</button> <button type=\"button\" class=\"btn btn-primary apriapp\">Apri ultima finestra aperta</button></div>"
|
|
TestHtml += "<div class=\"path\" style=\"display: none;\">" + element.Id + "</div>"
|
|
TestHtml += "</div>";
|
|
TestHtml += "</div>";
|
|
});
|
|
|
|
$('#cards').html(TestHtml);
|
|
|
|
$('.avviaapp').on('click', function () {
|
|
cmsClient.startNewProcess($(this).parent().parent().find(".path").html());
|
|
});
|
|
|
|
$('.apriapp').on('click', function () {
|
|
cmsClient.openOrStartProcess($(this).parent().parent().find(".path").html());
|
|
});
|
|
|
|
|
|
$('.test').click(function() {
|
|
alert("asd");
|
|
});
|
|
|
|
//Pulsanti gestione finestra
|
|
$( '#hideBTN' ).on('click',function() {
|
|
cmsClient.minimizeForm();
|
|
});
|
|
$( '#closeBTN' ).on('click',function() {
|
|
cmsClient.closeForm();
|
|
});
|
|
$( '#focusBTN' ).on('click',function() {
|
|
setTimeout(() => {
|
|
cmsClient.forceStepFocus();
|
|
}, 5000);
|
|
});
|
|
|
|
$('#Vers').val(cmsClient.getChromiumVersion());
|
|
$('#CliId').val(cmsClient.getClientID());
|
|
|
|
|
|
cmsClient.hideNcWindow();
|
|
|
|
//Pulsanti gestione NC
|
|
$( '#showNC' ).on('click',function() {
|
|
cmsClient.showNcWindow();
|
|
$('#hover').hide();
|
|
$('#NCRead').hide();
|
|
});
|
|
//Pulsanti gestione NC
|
|
$( '#hideNC' ).on('click',function() {
|
|
cmsClient.hideNcWindow();
|
|
$('#hover').show();
|
|
$('#NCRead').show();
|
|
});
|
|
|
|
$("#nav-profile").on("DOMAttrModified",function(){alert("visible");});
|
|
|
|
}
|
|
else
|
|
$(".unsopp").show();
|
|
|
|
});
|
|
|
|
setInterval(updateNc, 100);
|
|
function updateNc(){
|
|
$('#NCRead').attr("src", cmsClient.getScreenBase64());
|
|
}
|
|
|
|
function listDevices(){
|
|
var dev = JSON.parse(cmsClient.getDevices());
|
|
TestHtml ="<div class=\"list-group\">"
|
|
dev.forEach(
|
|
function(element)
|
|
{
|
|
TestHtml += "<div class=\"test list-group-item list-group-item-action flex-column align-items-start\">";
|
|
TestHtml += "<div class=\"d-flex w-100 justify-content-between\">"
|
|
TestHtml += "<h5 class=\"mb-1\">" + element.Letter + ":</h5>"
|
|
if(element.Type == 4)
|
|
TestHtml += "<small>NET</small>"
|
|
if(element.Type == 3)
|
|
TestHtml += "<small>HD</small>"
|
|
if(element.Type == 2)
|
|
TestHtml += "<small>USB</small>"
|
|
TestHtml += "</div><p class=\"mb-1\">" + element.Name + "</p>"
|
|
TestHtml += "</div>"
|
|
}
|
|
);
|
|
TestHtml += "</div>";
|
|
$('#devices').html(TestHtml);
|
|
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="container"> <br>
|
|
<div class="unsopp" style="display: none;"><h1>Unsupported Browser</h1></div>
|
|
<div class="supp" style="display: none;">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12"><h1>Javascript Test: CMS-Browser</h1></div>
|
|
</div>
|
|
|
|
<nav class="nav nav-tabs" id="myTab" role="tablist">
|
|
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</a>
|
|
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Nc</a>
|
|
</nav>
|
|
<div class="tab-content" id="nav-tabContent">
|
|
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"><br><br><br>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6>Info Browser</h6>
|
|
<form>
|
|
<div class="form-group row">
|
|
<label for="Vers" class="col-sm-2 col-form-label">Chromium Version: </label>
|
|
<div class="col-sm-10">
|
|
<input type="text" readonly class="form-control" id="Vers" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="CliId" class="col-sm-2 col-form-label">Client Id: </label>
|
|
<div class="col-sm-10">
|
|
<input type="text" readonly class="form-control" id="CliId" value="">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
<h6>Hotkey</h6>
|
|
<ul>
|
|
<li><b>ALT+F4:</b> Chiudi applicazione</li>
|
|
<li><b>ALT+F5:</b> Ricarica Pagina</li>
|
|
<li><b>ALT+F12:</b> Tool Sviluppo</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<h6>Gestione Finestra Browser</h6>
|
|
<form>
|
|
<div class="form-group row">
|
|
<button type="button" id="hideBTN" class="btn btn-primary">Riduci ad Icona</button>
|
|
</div>
|
|
<div class="form-group row">
|
|
<button type="button" id="closeBTN" class="btn btn-primary">Chiudi Browser</button><br>
|
|
</div>
|
|
<div class="form-group row">
|
|
<button type="button" id="focusBTN" class="btn btn-primary">Forza Fuoco <span class="badge">Dopo 5 secondi</span></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div><br><br>
|
|
<hr>
|
|
<h6>Gestione Processi sul PC <small>(Clicca sul Pannello per lanciare l'applicativo)</small></h6>
|
|
<div class="row" id="cards">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"><br><br><br>
|
|
<div class="row">
|
|
<div class="card col-sm-11 nccont"><div id="nc" ><img id="NCRead" src="" /><div id="hover"> </div></div></div>
|
|
<div class="col-sm-1">
|
|
<div class="form-group row">
|
|
<button type="button" id="showNC" class="btn btn-primary">Show Nc</button>
|
|
</div>
|
|
<div class="form-group row">
|
|
<button type="button" id="hideNC" class="btn btn-primary">Hide Nc</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<br />
|
|
</div>
|
|
</body>
|
|
</html>
|