Samuele E. Locatelli
480 lines
20 KiB
Plaintext
480 lines
20 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MachineUnload.aspx.cs" Inherits="NKC_WF.MachineUnload" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
|
|
<%-- <asp:UpdatePanel runat="server" ID="uplTavola">
|
|
<ContentTemplate>
|
|
<asp:Timer runat="server" ID="timReloadCss" Interval="1000"></asp:Timer>
|
|
<link href="getDynCss" rel="stylesheet" />
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>--%>
|
|
<%-- <asp:UpdatePanel runat="server" ID="uplTavola">
|
|
<ContentTemplate>
|
|
<asp:Timer runat="server" ID="timReloadCss" Interval="1000"></asp:Timer>
|
|
<link href="api/getMUCss" rel="stylesheet" />
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>--%>
|
|
<div id="uplTavola">
|
|
<link href="api/getMUCss" rel="stylesheet" id="dynCss" />
|
|
</div>
|
|
<script type="text/javascript">
|
|
lastVal = 0;
|
|
setInterval("my_function();", 900);
|
|
function my_function() {
|
|
$.ajax({
|
|
url: "api/getMUCssRev"
|
|
}).then(function (data) {
|
|
// se è cambiato...
|
|
if (data != lastVal) {
|
|
$('#uplTavola').load(location.href + ' #dynCss');
|
|
lastVal = data;
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<asp:UpdatePanel runat="server" ID="upnlDrawings">
|
|
<ContentTemplate>
|
|
<div class="mx-0">
|
|
<div class="card text-center" style="width: 100%;">
|
|
<h4 class="card-header bg-secondary text-light"><%: traduci("MachineUnload") %></h4>
|
|
<div class="card-body py-1 bg-dark">
|
|
<div class="row mt-2">
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-primary text-light">BINS</h5>
|
|
<div class="card-body py-1">
|
|
<table class="table table-sm mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">WAIT</th>
|
|
<th scope="col">WIP</th>
|
|
<th scope="col">DONE</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-danger">12</td>
|
|
<td class="text-warning">3</td>
|
|
<td class="text-success">5</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-info">B20190916.0</h5>
|
|
<div class="card-body py-1">
|
|
<table class="table table-sm mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">DONE</th>
|
|
<th scope="col">TOT</th>
|
|
<th scope="col">RATIO</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-success">2</td>
|
|
<td class="text-warning">5</td>
|
|
<td class="text-success">40%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1">
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-secondary text-light">ST00000A2</h5>
|
|
<div class="card-body py-1">
|
|
<table class="table table-sm mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">DONE</th>
|
|
<th scope="col">TOT</th>
|
|
<th scope="col">RATIO</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-success">3</td>
|
|
<td class="text-warning">12</td>
|
|
<td class="text-success">25%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1">
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-warning">SH00000123</h5>
|
|
<div class="card-body py-1">
|
|
<table class="table table-sm mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">DONE</th>
|
|
<th scope="col">TOT</th>
|
|
<th scope="col">RATIO</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-success">5</td>
|
|
<td class="text-warning">25</td>
|
|
<td class="text-success">20%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-success">CARTS</h5>
|
|
<div class="card-body py-1">
|
|
<table class="table table-sm mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">WAIT</th>
|
|
<th scope="col">WIP</th>
|
|
<th scope="col">DONE</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-danger">24</td>
|
|
<td class="text-warning">2</td>
|
|
<td class="text-success">6</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header bg-primary text-light">BINS</h5>
|
|
<div class="card-body py-1">
|
|
<div class="row">
|
|
<div class="col-12 px-0">
|
|
<table class="table table-sm table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Cod</th>
|
|
<th scope="col">D/T</th>
|
|
<th scope="col">%</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="text-success">
|
|
<th scope="row">BIN00007</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">BIN00008</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">BIN00009</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">BIN00010</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">BIN00011</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-warning">
|
|
<th scope="row">BIN00012</th>
|
|
<td>12/50</td>
|
|
<td>24%</td>
|
|
</tr>
|
|
<tr class="text-warning">
|
|
<th scope="row">BIN00013</th>
|
|
<td>10/50</td>
|
|
<td>20%</td>
|
|
</tr>
|
|
<tr class="text-warning">
|
|
<th scope="row">BIN00014</th>
|
|
<td>1/50</td>
|
|
<td>2%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00015</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00016</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00017</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00018</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00019</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00020</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00021</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00022</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00023</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00024</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00025</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">BIN00026</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-8 py-0 my-0">
|
|
<svg width="1420" height="710" viewBox='0 0 1420 710' xmlns='http://www.w3.org/2000/svg' runat="server" id="svgTable">
|
|
</svg>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header bg-success">CARTS</h5>
|
|
<div class="card-body py-1">
|
|
<div class="row">
|
|
<div class="col-12 px-0">
|
|
<table class="table table-sm table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Cod</th>
|
|
<th scope="col">D/T</th>
|
|
<th scope="col">%</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="text-success">
|
|
<th scope="row">CR00006</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">CR00007</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">CR00008</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">CR00009</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">CR00010</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-success">
|
|
<th scope="row">CR00011</th>
|
|
<td>50/50</td>
|
|
<td>100%</td>
|
|
</tr>
|
|
<tr class="text-warning">
|
|
<th scope="row">CR00012</th>
|
|
<td>12/50</td>
|
|
<td>24%</td>
|
|
</tr>
|
|
<tr class="text-warning">
|
|
<th scope="row">CR00013</th>
|
|
<td>10/50</td>
|
|
<td>20%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00014</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00015</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00016</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00017</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00018</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00019</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00020</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00021</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00022</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00023</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00024</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
<tr class="text-danger">
|
|
<th scope="row">CR00025</th>
|
|
<td>0/50</td>
|
|
<td>0%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-primary text-light">TO BIN</h5>
|
|
<div class="card-body py-1">
|
|
<div class="text-primary row">
|
|
<div class="col-5">
|
|
BIN00010
|
|
</div>
|
|
<div class="col-2">
|
|
<i class="fa fa-arrow-left" aria-hidden="true"></i>
|
|
</div>
|
|
<div class="col-5">
|
|
<b>IT000002</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
</div>
|
|
<div class="col-2">
|
|
</div>
|
|
<div class="col-2">
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-success text-light">TO CART</h5>
|
|
<div class="card-body py-1">
|
|
<div class="text-success row">
|
|
<div class="col-5">
|
|
<b>IT000001</b>
|
|
</div>
|
|
<div class="col-2">
|
|
<i class="fa fa-arrow-right" aria-hidden="true"></i>
|
|
</div>
|
|
<div class="col-5">
|
|
CR00007
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="card text-center mb-2" style="width: 100%;">
|
|
<h5 class="card-header py-1 bg-success text-light">TO CART</h5>
|
|
<div class="card-body py-1">
|
|
<div class="bg-warning text-danger row">
|
|
<div class="col-5">
|
|
<b>IT000003</b>
|
|
</div>
|
|
<div class="col-2">
|
|
<i class="fa fa-arrow-right" aria-hidden="true"></i>
|
|
</div>
|
|
<div class="col-5">
|
|
CR00012
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|