Mr.Combet Webshell 🔥

View File Name : Edit.cshtml

@model RER_Project.DataAccess.ViewModels.ServiceProviderVM.ServiceProviderVM
@{
    ViewBag.Title = "Trader Edit";
    var sp = Model.ServiceProvider;
}


<style>
    #isRegistered {
        width: 23px;
    }
</style>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <label style="font-size: medium"><b>Service Provider - Edit</b></label>
                    <hr />
                    <form id="CreateServiceProvider">
                        <div class="row">
                            <input type="hidden" name="Id" value="@sp.Id" />
                            <div class="form-group col-md-3">
                                <label><strong>Fiscal Year</strong></label>
                                <select type="text" class="form-control required clear" name="FiscalYearId" id="FiscalYearId" data-api="/fiscal_year_unlocked/select" data-api-selected-value="@sp.FiscalYearId"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Name</strong></label>
                                <input type="text" class="form-control required clear" style="text-transform:capitalize;" id="Name" name="Name" value="@sp.Name" />
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Commodity</strong></label>
                                @Html.ListBox("Commodity", null, new { @multiple = "multiple", @style = "display:none", @class = "form-control required clear", @onchange = "getCommodities()" })
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Contact Number</strong></label>
                                <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="ContactNo" name="ContactNo" type="number" maxlength="10" value="@sp.ContactNo" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Province</strong></label>
                                <select type="text" class="form-control required clear" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" data-api-selected-value="@sp.ProvinceId" onclick="loadCascade()"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>District</strong></label>
                                <select type="text" class="form-control required clear" name="DistrictId" id="DistrictId" data-api="/districts/select" data-api-selected-value="@sp.DistrictId" onclick="loadCascade()"></select>
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Municipality</strong></label>
                                <select type="text" class="form-control required clear" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" data-api-selected-value="@sp.MunicipalityId"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Ward No</strong></label>
                                <input type="text" pattern="\d*" oninput="validity.valid||(value='');" class="required form-control required clear" id="WardNo" name="Ward" min="1" maxlength="2" value="@sp.Ward" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Registered</strong></label>
                                <input type="checkbox" class="form-control clear" id="isRegistered" name="isRegistered" onclick="alterDivs()" />
                            </div>
                            <div id="rs" class="form-group col-md-3" hidden>
                                <label><strong>Registration No</strong></label>
                                <input type="text" class="form-control clear" id="RegistrationNo" name="RegistrationNo" value="@sp.RegistrationNo" />
                            </div>
                            <div id="rp" class="form-group col-md-3" hidden>
                                <label><strong>Place of Registration</strong></label>
                                <input type="text" class="form-control clear" id="RegistrationLocation" name="RegistrationLocation" value="@sp.RegistrationLocation" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label style="font-size: medium"><b><u>Last Year</u></b></label>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label><strong>No of Farmers Receiving Service</strong></label>
                                        <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="NumberOfFarmers" name="NumberOfFarmers" type="number" value="@sp.NumberOfFarmers" />
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>Sales Amount</strong></label>
                                        <div class="inputWithIcon">
                                            <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="SalesAmount" name="SalesAmount" type="number" value="@sp.SalesAmount" />
                                            <span><strong>Rs</strong></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Investment Option</strong> </label>
                                <select type="text" class="form-control required" id="InvestmentOptionId" name="InvestmentOptionId" data-api="/investment-option/select" data-api-selected-value="4" disabled></select>
                            </div>
                        </div>
                        <div class="row">
                            @*<div class="form-group col-md-3">
                                    <label><strong>Proposed Grant</strong></label>
                                    <div class="inputWithIcon">
                                        <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="ProposedGrant" name="ProposedGrant" value="@sp.ProposedGrant" onchange="calcGrandTotal()"/>
                                        <span><strong>Rs</strong></span>
                                    </div>
                                </div>*@
                            <div class="form-group col-md-3">
                                <label><strong>Contrbution from Company</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="CompanyContribution" name="CompanyContribution" value="@sp.CompanyContribution" onchange="calcGrandTotal()" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Samriddhi Grant</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="Samriddhi" name="Samriddhi" value="@sp.Samriddhi" onchange="calcGrandTotal()" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Palika / O</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="PalikaO" name="PalikaO" value="@sp.PalikaO" onchange="calcGrandTotal()" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Proposed Grant</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="ProposedGrant" name="ProposedGrant" value="@sp.ProposedGrant" readonly="true" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="row">
                        <div class="pull-right">
                            <button class="btn btn-primary" id="save">Save</button>
                            <a href="/serviceprovider/index" class="btn btn-primary" id="save">Back</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@*<script src="~/Scripts/jquery.min.js"></script>*@
<script src="~/Scripts/app/bootstrap-multiselect.js"></script>

<script>
    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeLocation();
        $('#Commodity').multiselect({
            includeSelectAllOption: true, buttonWidth: "100%", search: true, enableFiltering: true,
            enableCaseInsensitiveFiltering: true, maxHeight: 300, buttonWidth: '100%', width: 420
        });
        $('.multiselect').css('max-width', '840px');
        $('.multiselect').css('overflow', 'hidden');
        if (@sp.isRegistered.ToString().ToLower() == true)
        {
          $('#isRegistered')[0].checked = true;
        }
        alterDivs();
        $("#save").off("click").on("click", function () {
            const model = getModel();

            $.validator.unobtrusive.parse(getForm());

            if (!getForm().valid()) {
                return false;
            };
            debugger
            if (model.ServiceProvider.isRegistered == true) {
                if (model.ServiceProvider.RegistrationNo == "") {
                    ShowMessage("error", "Please Fill Registration Number");
                    return false;
                }
                if (model.ServiceProvider.RegistrationLocation == "" || model.ServiceProvider.RegistrationLocation === undefined) {
                    ShowMessage("error", "Please Fill Registration Location");
                    return false;
                }

            }
            const ajax = request(model);
            function request(model) {
                const url = "/ServiceProvider/CreateServiceProvider";
                const data = JSON.stringify(model);
                return window.getAjaxRequest(url, "POST", data);
            }

            WorkForce.loader.show();

            ajax.done(function (response) {
                WorkForce.loader.hide();
                $(".clear").val("");
                //$('input[type="checkbox"]:checked').prop('checked', false);
                $('#isRegistered')[0].checked = false;
                alterDivs();
                showNotification("success");
                window.location = "/serviceprovider/index";
            });

            ajax.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });
        })
    })
    function alterDivs() {
        var val = $('#isRegistered')[0].checked;
        if (val == true) {
            $("#rs").show();
            $("#rp").show();
        }
        else {
            $("#RegistrationNo").val("");
            $("#RegistrationLocation").val("");
            $("#rs").hide();
            $("#rp").hide();
        }
    }
    function getForm() {
        return $("#CreateServiceProvider");
    }
    function getModel() {
        const form = $("#CreateServiceProvider");
        const model = window.serializeForm(form);
        model.isRegistered = $('#isRegistered')[0].checked;
        return ({
            ServiceProvider: model,
            Commodity: getCommodities()
        });
    }
    function getCommodities() {
        var a = Array.from(document.getElementById("Commodity").options).filter(option => option.selected).map(option => option.value);
        return a;
    }
        function calcGrandTotal() {
        debugger
        var sum = 0;
        //var a = parseInt($("#ProposedGrant").val());
        //if (isNaN(a)) {
        //    a = 0;
        //}
        var b = parseInt($("#CompanyContribution").val());
        if (isNaN(b)) {
            b = 0;
        }
        var c = parseInt($("#Samriddhi").val());
         if (isNaN(c)) {
            c = 0;
        }
        var d = parseInt($("#PalikaO").val());
         if (isNaN(d)) {
            d = 0;
        }
        sum =  b + c + d;

        $("#ProposedGrant").val(sum);
    }
        function loadCascade() {
         window.initializeCascadeLocation();
    }

</script>