Added First version of Process Manager in Client App
Added Javascript TestPage in wwwroot
This commit is contained in:
CMS3762\carminatini
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,133 @@
|
||||
<!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>
|
||||
File diff suppressed because one or more lines are too long
+5
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user