Samuele E. Locatelli
89 lines
3.9 KiB
Plaintext
89 lines
3.9 KiB
Plaintext
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="mod_sequencerStatiJS.ascx.cs" Inherits="MP_SITE.WebUserControls.mod_sequencerStatiJS" %>
|
|
|
|
<div id='tlArea_<%=UniqueID.Replace("$","_") %>'></div>
|
|
<div id='tlGruppi_<%=UniqueID.Replace("$","_") %>'></div>
|
|
<asp:HiddenField runat="server" ID="hfNumSplit" />
|
|
<asp:HiddenField runat="server" ID="hfIdxMacc" />
|
|
<asp:HiddenField runat="server" ID="hfDataFrom" />
|
|
<asp:HiddenField runat="server" ID="hfDataTo" />
|
|
|
|
<div id="spinner" class="text-center">
|
|
<h2>Caricamento Dati</h2>
|
|
<i class="fa fa-refresh fa-pulse fa-3x fa-fw"></i>
|
|
<p><i>Ricalcolo periodo</i></p>
|
|
<%--<div class="row justify-content-md-center">
|
|
<div class="col-6">
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
// vedere: http://visjs.org/docs/timeline/
|
|
|
|
//$('<%=hfDataFrom.ClientID %>').change(reloadData());
|
|
//$('#<%=hfDataFrom.ClientID %>').change(reloadData());
|
|
//$('<%=hfDataFrom.ClientID %>').change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
//$("#<%=hfDataFrom.ClientID %>").change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
//$('<%=hfIdxMacc.ClientID %>').change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
//$('<%=hfDataTo.ClientID %>').change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
|
|
//$(document).ready(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
//$('<%=hfIdxMacc.ClientID %>').change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
//$('<%=hfDataFrom.ClientID %>').change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
|
|
//Sys.WebForms.PageRequestManager.getInstance().add_endRequest( reloadData_<%=UniqueID.Replace("$","_") %>() );
|
|
|
|
function pageLoad() {
|
|
$(function () {
|
|
$('#<%=hfDataFrom.ClientID %>').change(reloadData_<%=UniqueID.Replace("$","_") %>());
|
|
});
|
|
}
|
|
|
|
|
|
// (ri)caricamento dati
|
|
function reloadData_<%=UniqueID.Replace("$","_") %>() {
|
|
// recupero valori hidden...
|
|
var numSplit = document.getElementById('<%=hfNumSplit.UniqueID.Replace("ctl00$","").Replace("$","_") %>').value;
|
|
var idxMacc = document.getElementById('<%=hfIdxMacc.UniqueID.Replace("ctl00$","").Replace("$","_") %>').value;
|
|
var dataFrom = document.getElementById('<%=hfDataFrom.UniqueID.Replace("ctl00$","").Replace("$","_") %>').value;
|
|
var dataTo = document.getElementById('<%=hfDataTo.UniqueID.Replace("ctl00$","").Replace("$","_") %>').value;
|
|
if (idxMacc != null && dataFrom != null && dataTo != null && dataFrom != '' && dataTo != '') {
|
|
// load e draw timeline
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "WS/MPData.asmx/seqStati?idxMacch=" + idxMacc + "&dataFrom='" + dataFrom + "'&dataTo='" + dataTo + "'&numSplit=" + numSplit,
|
|
contentType: "application/json; charset=utf-8",
|
|
dataType: "json",
|
|
beforeSend: showSpinner_<%=UniqueID.Replace("$","_") %>,
|
|
complete: hideSpinner_<%=UniqueID.Replace("$","_") %>,
|
|
success: plotSeqStati_<%=UniqueID.Replace("$","_") %>,
|
|
error: plotSeqStati_<%=UniqueID.Replace("$","_") %>
|
|
});
|
|
}
|
|
}
|
|
function showSpinner_<%=UniqueID.Replace("$","_") %>(response) {
|
|
$('#spinner').css("display", "block");
|
|
}
|
|
function hideSpinner_<%=UniqueID.Replace("$","_") %>(response) {
|
|
$('#spinner').css("display", "none");
|
|
}
|
|
|
|
function plotSeqStati_<%=UniqueID.Replace("$","_") %>(response) {
|
|
// recupero il container grafici
|
|
var container = document.getElementById('tlArea_<%=UniqueID.Replace("$","_") %>');
|
|
|
|
//console.log(response);
|
|
var output = response.responseText.replace("{\"d\":null}", "");
|
|
//console.log(output);
|
|
var tlData = JSON.parse(output);
|
|
//console.log(tlData);
|
|
|
|
// Crea la Timeline
|
|
var timeline = new vis.Timeline(container, tlData.Items, tlData.Groups, tlData.Options);
|
|
}
|
|
|
|
</script>
|