Mr.Combet Webshell 🔥

View File Name : Create.cshtml


@{
    ViewBag.Title = "Create Trader";
}

<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>Traders/Suppliers - Create</b></label>
                    <hr />
                    <form id="CreateTrader">
                        <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>Name of business</strong></label>
                                <input type="text" class="form-control required clear" style="text-transform:capitalize;" id="Name" name="Name" />
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Nature of business</strong></label>
                                <select type="text" class="form-control required  clear" style="text-transform:capitalize;" id="BusinessNature" name="BusinessNature" data-api="/business_nature/select"></select>
                            </div>


                            <!--<div class="form-group col-md-3">
                            <label><strong>Commodity</strong></label>
                            <select typeof="text" class="form-control required clear" name="Commodity" data-api="/commodity/select"></select>-->
                            @*         @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 </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>Province</strong></label>
                                <select type="text" class="form-control required clear" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Atoll</strong></label>
                                <select type="text" class="form-control required clear" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled=""></select>
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Island</strong></label>
                                <select type="text" class="form-control required clear" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled=""></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" />
                                </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" />
                                </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" />
                                </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="isRegistered" onclick="alterDivs()" />
                            </div>
                            <div id="rs" class="form-group col-md-3" hidden>
                                <label><strong>Contracted With</strong></label><br />
                                <select type="text" style="width:277px;" class="form-control  clear searchSelect" id="ContractWith" name="ContractedWith" data-api="/siftgroup/select"></select>
                            </div>
                            <div id="rp" class="form-group col-md-3" hidden>
                                <label><strong>Nature of Contract</strong></label>
                                <select type="text" class="form-control  clear" id="ContractNature" name="ContractNature" data-api="/contract_type/select" onchange="alterSelect()"></select>
                            </div>

                            <div id="ci" class="form-group col-md-3" hidden>
                                <label><strong>Contract id</strong></label>
                                <input type="text" class="form-control  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="/trader/index" 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');
        debugger;


        $('.searchSelect').select2();

        $("#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 = "/trader/CreateTrader";
                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 = "/trader/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 alterDivs() {
        var val = $('#Contracted')[0].checked;
        if (val == true) {
            $("#rs").show();
            $("#rp").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 $("#CreateTrader");
    }
    function getModel() {
        const form = $("#CreateTrader");
        const model = window.serializeForm(form);

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