Mr.Combet Webshell 🔥

View File Name : Details.cshtml

@model RER_Project.DataAccess.ViewModels.TraderVM.TraderVM

@{
    ViewBag.Title = "Trader Edit";
    var t = Model.Trader;
}

<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>Trader - Edit</b></label>
                    <hr />
                    <form id="CreateTrader">
                        <div class="row">
                            <input type="hidden" name="Id" value="@t.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="@t.FiscalYearId"></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" value="@t.Name" disabled />
                            </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>Nature of business</strong></label>
                                <select type="text" class="form-control  clear" style="text-transform:capitalize;" id="BusinessNature" name="BusinessNature" data-api="/business_nature/select" data-api-selected-value="@t.BusinessNature" disabled></select>
                            </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="@t.ContactNo" disabled />
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Address </strong></label>
                                <input type="text" class="form-control clear" id="Address" name="Address" value="@t.Address" disabled />
                            </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="@t.ProvinceId" onclick="loadCascade()" disabled></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" data-api-selected-value="@t.DistrictId" onclick="loadCascade()" 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" data-api-selected-value="@t.MunicipalityId" 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" value="@t.Ward" />
                                </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="isRegistered" name="isRegistered" value="@t.isRegistered" onclick="alterDivs()" disabled />
                            </div>
                            <div id="rs" class="form-group col-md-3" hidden>
                                <label><strong>Contracted With</strong></label>
                                <select type="text" class="form-control clear searchSelect" id="ContractWith" name="ContractedWith" data-api="/siftgroup/select" data-api-selected-value="@t.ContractedWith" disabled></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" data-api-selected-value="@t.ContractNature" onchange="alterSelect()" disabled></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" value="@t.ContractId"  disabled/>
                            </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');

        if(@t.isRegistered.ToString().ToLower() == true)
        {
          $('#isRegistered')[0].checked = true;
        }
        alterDivs();

        $('.searchSelect').select2();
        $("#save").off("click").on("click", function () {


            const model = getModel();

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

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

         

            WorkForce.loader.show();

         

            ajax.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });
        })
    })

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

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

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



    function alterDivs() {
        var val = $('#isRegistered')[0].checked;
        if (val == true) {
            $("#rs").show();
            $("#rp").show();
        }
        else {
            $("#ContractWith").val("");
            $("#ContractNature").val("");
            $("#ContractId").val("");
            $("#rs").hide();
            $("#rp").hide();
            $("#ci").hide();
        }
    }
    function getForm() {
        return $("#CreateTrader");
    }
    function getModel() {
        const form = $("#CreateTrader");
        const model = window.serializeForm(form);

        model.isRegistered = $('#isRegistered')[0].checked;
        return ({
            Trader: model,
        /*    Commodity: getCommodities()*/
        });
    }

    function loadCascade() {
         window.initializeCascadeLocation();
    }
</script>