CMS3762\carminatini
133 lines
5.8 KiB
HTML
133 lines
5.8 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>
|
|
.card:hover{
|
|
background-color: #e6f0ff;
|
|
cursor: pointer;
|
|
|
|
}
|
|
.btn:hover{
|
|
cursor: pointer;
|
|
|
|
}
|
|
</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.getAvailableProcess());
|
|
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=\"path\" style=\"display: none;\">" + element.Path + "</div>"
|
|
TestHtml += "</div>";
|
|
TestHtml += "</div>";
|
|
});
|
|
|
|
$('#cards').html(TestHtml);
|
|
|
|
$( '.card' ).on('click',function() {
|
|
cmsClient.startProcess($( this ).find(".path").html());
|
|
});
|
|
|
|
//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());
|
|
}
|
|
else
|
|
$(".unsopp").show();
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
</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>
|
|
<br><br>
|
|
<h6>Info Browser</h6>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<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><br><br>
|
|
<hr>
|
|
<h6>Hotkey</h6>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<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><br><br>
|
|
<hr>
|
|
<h6>Gestione Finestra Browser</h6>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<button type="button" id="hideBTN" class="btn btn-primary">Riduci ad Icona</button>
|
|
<button type="button" id="closeBTN" class="btn btn-primary">Chiudi Browser</button>
|
|
<button type="button" id="focusBTN" class="btn btn-primary">Forza Fuoco Browser dopo 5 secondi</button>
|
|
</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>
|
|
<br />
|
|
</div>
|
|
</body>
|
|
</html> |