Mr.Combet Webshell 🔥

View File Name : BankInfoCreate.cshtml



@{
    ViewBag.Title = "BankInfoCreate";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    #isRegistered {
        width: 23px;
    }

    #Contracted {
        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>Bank Information - Create</b></label>
                    <hr />
                    <form id="CreateBankInfo">
                        <input type="hidden" name="Id" value="0" />
                        <div class="row">
                            @*   <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"></select>
            </div>*@
                            <div class="form-group col-md-3">
                                <label><strong>Bank Name</strong></label>
                                <select type="text" class="form-control required clear" name="BankName" id="BankName" data-api="/banks/select"></select>
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Name of Bank Manager/Representative</strong></label>
                                <input type="text" class="form-control required clear" style="text-transform:capitalize;" id="BusinessNature" name="BankManager"/>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Contact </strong></label>
                                <input class="form-control required clear" pattern="\d*" oninput="validity.valid||(value='');" id="ContactNo" name="ContactNo" type="number" maxlength="10" />
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Address </strong></label>
                                <input type="text" class="form-control required clear" id="Address" name="Address" />
                            </div>

                        </div>




                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Contracted</strong></label>
                                <input type="checkbox" class="form-control  clear" id="Contracted" name="Contract" onclick="alterDivs()" />
                            </div>
                            <div id="ci" class="form-group col-md-3" hidden>
                                <label><strong>Contract id</strong></label>
                                <input type="text" class="form-control required clear" id="ContractId" name="ContractId" />
                            </div>
                        </div>





                        @*
        <div class="row">
            <div class="form-group col-md-12">
                <label style="font-size: medium"><b><u>Last Year</u></b></label>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label><strong>Purchase Quantity</strong></label>
                        <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="PurchaseQuantity" name="PurchaseQuantity" type="number" />
                    </div>
                    <div class="form-group col-md-3">
                        <label><strong>Purchase Amount</strong></label>
                        <div class="inputWithIcon">
                            <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="PurchaseAmount" name="PurchaseAmount" type="number" />
                            <span><strong>MVR</strong></span>
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label><strong>Sales Quantity</strong></label>
                        <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="SalesQuantity" name="SalesQuantity" type="number" />
                    </div>
                    <div class="form-group col-md-3">
                        <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" />
                            <span><strong>MVR</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 clear" id="InvestmentOptionId" name="InvestmentOptionId" data-api="/traders/investment-option/select">

        </select>-->
                        @*<select type="text" class="form-control" id="InvestmentOptionId" name="InvestmentOptionId" disabled>
            <option selected="selected">
                Windows 2 and Window 3
            </option>
        </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" 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 gt" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="CompanyContribution" name="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 gt" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="Samriddhi" name="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 gt" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="PalikaO" name="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" 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="/bankinfo" class="btn btn-primary" id="save">Back</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<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');

        $("#save").off("click").on("click", function () {

            debugger;


            const model = getModel();
            console.log(model);
            $.validator.unobtrusive.parse(getForm());

            if (!getForm().valid()) {
                return false;
            };

       /*     if (model.Trader.isRegistered == true) {
                if (model.RegistrationNo == "") {
                    ShowMessage("error", "Please Fill Registration Number");
                    return false;
                }
                if (model.Trader.RegistrationLocation == "") {
                    ShowMessage("error", "Please Fill Registration Location");
                    return false;
                }

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

            WorkForce.loader.show();

            ajax.done(function (response) {
                WorkForce.loader.hide();
                $(".clear").val("");
                /*     $('#isRegistered')[0].checked = false;*/
                $('#Contracted')[0].checked = false;
                alterDivs();
                showNotification("success");
                window.location = "/bankinfo";
            });

            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 alterDivs() {
        var val = $('#Contracted')[0].checked;
        if (val == true) {
            $("#rs").show();
            $("#rp").show();
            $("#ci").show();
        }
        else {
            $("#ContractWith").val("");
            $("#ContractNature").val("");
            $("#ContractId").val("");
            $("#rs").hide();
            $("#rp").hide();
            $("#ci").hide();


        }
    }



 /*   function openVaModelPopUp(vaId, firstname, lastname, province, district, municapilaty) {
        window.initializeSelectApis2();
        $('.select22').select2();
        $('.searchSelect').select2({
            dropdownParent: $('.parentElem')
        });
        $('#viewIndividualVaData').modal('show');
        var fullname = firstname + ' ' + lastname;
        $("#fullname").text(fullname);
        $("#province").text(province);
        $("#district").text(district);
        $("#municapilaty").text(municapilaty);

        $("#saveGroup").off("click").on("click", function () {

            ChangeGroups(vaId);

            $('#viewIndividualVaData').modal('hide');
            showNotification("success");
            location.reload();

        });

    }*/
  /*  function alterSelect() {
        var val = $('#Contracted')[0].checked;
        if (val == true) {
            $("#rs").show();
            $("#rp").show();
        }
        else {
            $("#ContractWith").val("");
            $("#ContractNature").val("");
            $("#rs").hide();
            $("#rp").hide();
        }
    }*/






 /*   function alterSelect() {
        var selectElement = document.getElementById("ContractNature");
        var selectedValue = selectElement.value;
        console.log(selectedValue);

        if (selectedValue === "1") {
            $("#ci").show();

        } else {
            $("#ci").hide();
        }
    }*/



    function getForm() {
        return $("#CreateBankInfo");
    }
    function getModel() {
        const form = $("#CreateBankInfo");
        const model = window.serializeForm(form);

        /*  model.isRegistered = $('#isRegistered')[0].checked;*/
      
        model.Contract = $('#Contracted')[0].checked;
        return ({
            BankInfo: 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() {
        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);
    }
</script>