StockMan/StockManMVC/Views/MagStatus/Index.cshtml

@model IEnumerable<StockManMVC.Models.vLocationVal>

@{
    ViewBag.Title = "Valorizzazione Stock Giacenze";
    decimal grandTotal = 0;
}

<div class="row" style="margin-top: 0.5em;">
    <div class="col-sm-10 col-sm-offset-1">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-xs-12 col-sm-3 col-md-4 loc-lg-9">
                        <strong>Valorizzazione Stock Giacenze</strong>
                    </div>
                    <div class="col-xs-12 col-sm-9 col-md-8 loc-lg-3">
                        <div class="row">
                            <div class="col-xs-4 text-right">
                                <a class="btn btn-sm btn-success" href='@ViewBag.UrlReportGiacenza' target="_blank"><i class="glyphicon glyphicon-book"></i> Giacenza Magazzino</a>
                            </div>
                            <div class="col-xs-4 text-right">
                                <a class="btn btn-sm btn-danger" href='@ViewBag.UrlReportOut' target="_blank"><i class="glyphicon glyphicon-book"></i> Uscita Magazzino</a>
                            </div>
                            <div class="col-xs-4 text-right">
                                <a class="btn btn-sm btn-info" href='@ViewBag.UrlReportMov' target="_blank"><i class="glyphicon glyphicon-book"></i> Movimenti Magazzino</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <table class="table table-condensed table-responsive table-striped" id="tabMag">
                    <tr>
                        <th></th>
                        <th>
                            @Html.DisplayNameFor(model => model.Location.Descr)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.NumArt)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.TotCurr)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.TotPend)
                        </th>
                        <th class="text-right">
                            @Html.DisplayNameFor(model => model.TotVal)
                        </th>
                        <th></th>
                    </tr>
                    @foreach (var item in Model)
                    {
                        grandTotal += (decimal)item.TotVal;
                        <tr id="@("row_"+item.LocationID)" class="singleRow">
                            <td class="text-center" style="width: 4em;">
                                <button class="btn btn-xs btn-info" title="Seleziona SX" onclick="LoadSx('@item.LocationID');"><i class="glyphicon glyphicon-search"></i></button>
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.Location.Descr)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.NumArt)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.TotCurr)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.TotPend)
                            </td>
                            <td class="text-right">
                                @Html.DisplayFor(modelItem => item.TotVal)
                            </td>
                            <td class="text-center" style="width: 4em;">
                                <button class="btn btn-xs btn-primary" title="Seleziona DX" onclick="LoadDx('@item.LocationID');"><i class="glyphicon glyphicon-search"></i></button>
                            </td>

                        </tr>
                    }
                    <tr>
                        <td colspan="5"></td>
                        <td class="text-right">tot: <b>@grandTotal.ToString("C2")</b></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="row" style="margin-top: 0.5em;">
    <div class="col-sm-5 col-sm-offset-1 small">
        <div class="panel panel-info">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-xs-2">
                        <strong>Locazione</strong>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-inline">
                            <div class="form-group">
                                <div class="col-md-10">
                                    @Html.DropDownList("LocationID_SX", null, "-- Selezionare --", htmlAttributes: new { @class = "form-control" })
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <button class="btn btn-warning form-control" onclick="scambiaSel();">Scambia <i class="glyphicon glyphicon-retweet"></i></button>
                    </div>
                </div>
            </div>
            <div class="panel-body" id="divLocationSX">
                @Html.Action("StockByLocation", new { LocationID = @ViewBag.SelSX, LocationIDTo = @ViewBag.SelDX, ShowMove = true })
            </div>
        </div>
    </div>
    <div class="col-sm-5 small">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-xs-2">
                        <strong>Locazione</strong>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-inline">
                            <div class="form-group">
                                <div class="col-md-10">
                                    @Html.DropDownList("LocationID_DX", null, "-- Selezionare --", htmlAttributes: new { @class = "form-control" })
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body" id="divLocationDX">
                @Html.Action("StockByLocation", new { LocationID = @ViewBag.SelDX, LocationIDTo = @ViewBag.SelSX })
            </div>
        </div>
    </div>

    <script type="text/javascript">

        function refreshSelectedData() {
            var LocationIdSx = $("#LocationID_SX").val();
            var LocationIdDx = $("#LocationID_DX").val();
            $("#divLocationSX").load('@(Url.Action("StockByLocation", "MagStatus",null, Request.Url.Scheme))?LocationId=' + LocationIdSx + '&LocationIdTo=' + LocationIdDx + '&ShowMove=true');
            $("#divLocationDX").load('@(Url.Action("StockByLocation", "MagStatus",null, Request.Url.Scheme))?LocationId=' + LocationIdDx + '&LocationIdTo=' + LocationIdSx + '&ShowMove=false');

            // modifico URL!
            history.replaceState('LocationID_SX=' + LocationIdSx + '&LocationID_DX=' + LocationIdDx, 'MagStatus', '?LocationID_SX=' + LocationIdSx + '&LocationID_DX=' + LocationIdDx)
        }
        $(document).ready(function () {
            $("#LocationID_SX").change(function () {
                refreshSelectedData();
            });
            $("#LocationID_DX").change(function () {
                refreshSelectedData();
            });
        });
        function scambiaSel() {
            var LocationIdSx = $("#LocationID_SX").val();
            var LocationIdDx = $("#LocationID_DX").val();
            $("#LocationID_SX").val(LocationIdDx);
            $("#LocationID_DX").val(LocationIdSx);
            refreshSelectedData();
        }
        function updateSelect() {
            refreshSelectedData();
            $(".singleRow").removeClass("bg-info");
            $("#row_" + ID).addClass("bg-info");
        }

        function LoadSx(ID) {
            $("#LocationID_SX").val(ID);
            updateSelect();
        }
        function LoadDx(ID) {
            $("#LocationID_DX").val(ID);
            updateSelect();
        }

    </script>
</div>