Mr.Combet Webshell 🔥

View File Name : Edit.cshtml

@using RER_Project.BusinessLayer.BusinessService
@using RER_Project.Core.Helpers
@model RER_Project.DataAccess.ViewModels.GroupMembers.GroupMembersViewModel
@{
    ViewBag.Title = "GroupMember: ' " + Model.Member.FirstName + Model.Member.LastName + "' Edit";
    var meta = AppUserService.GetCurrent();

    var currentWorkFlow = WorkFlowService.CurrentGroupWorkFlow(meta.RoleId, Model.GroupId);
}


<style>
    .btn {
        border-radius: 0px;
    }
</style>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-8">
        <ol class="breadcrumb">
            <li class="active">
                <strong>Group Member of @Model.Groups.GroupName  @Model.Member.Gender </strong>
            </li>
        </ol>

    </div>
</div>

<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">
                    <form id="EditForm" disabled>
                        <div id="eror_msg"></div>
                        <div class="row">
                            <input type="hidden" id="Id" name="Id" value="@Model.Member.Id" />
                            <input type="hidden" id="GroupMId" name="GroupMId" value="@Model.Member.GroupMId" />
                            <input type="hidden" id="MId" name="MId" value="@Model.Member.MId" />
                            <input type="hidden" id="GroupId" name="GroupId" value="@Model.GroupId" />
                            <div class="form-group col-md-6">
                                <label>Province</label>
                                <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" data-api-selected-value="@Model.Member.ProvinceId" disabled></select>
                                <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Member.ProvinceId" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>District</label>
                                <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" data-api-selected-value="@Model.Member.DistrictId" disabled></select>
                                <input type="hidden" id="DistrictId" name="DistrictId" value="@Model.Member.DistrictId" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Municipality</label>
                                <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" data-api-selected-value="@Model.Member.MunicipalityId" disabled></select>
                                <input type="hidden" id="MunicipalityId" name="MunicipalityId" value="@Model.Member.MunicipalityId" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>Ward No</label>
                                <input type="text" class="required form-control digits" id="WardNo" name="WardNo" value="@Model.Member.WardNo" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>First Name</label>
                                <input type="text" class="required form-control" id="FirstName" name="FirstName" value="@Model.Member.FirstName" onkeypress="return (event.charCode > 64 &&
                                event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)"  minlength="2"/>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Last Name</label>
                                <input type="text" class="required form-control" id="LastName" name="LastName" value="@Model.Member.LastName" onkeypress="return (event.charCode > 64 &&
                                event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)"  minlength="2"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Gender</label>
                                <select type="text" class="form-control required" name="Gender" onchange="showGALS(this)" id="Gender" data-api="/genders/select" data-api-selected-value="@Model.Member.Gender"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Age</label>
                                <input type="number" class="required form-control" id="Age" name="Age" value="@Model.Member.Age" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Origin</label>
                                <select type="text" class="form-control required" name="Origin" id="Origin" data-api="/origin/select" data-api-selected-value="@Model.Member.Origin"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Religion</label>
                                <select type="text" class="form-control required" name="ReligionId" id="ReligionId" data-api="/religion/select" data-api-selected-value="@Model.Member.ReligionId"></select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Ethnicity</label>
                                <select type="text" class="form-control required" name="EthnicityId" id="EthnicityId" data-api="/ethnicity/select" data-api-selected-value="@Model.Member.EthnicityId"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Migration Status</label>
                                <select type="text" class="form-control required" name="MigrationId" id="MigrationId" data-api="/migration-status/select" data-api-selected-value="@Model.Member.MigrationId"></select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Positions</label>
                                <select type="text" class="form-control required" name="PositionId" id="PositionId" data-api="/positions/select" data-api-selected-value="@Model.Member.PositionId"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Contact No</label>
                                <input type="number" pattern="\d*" oninput="validity.valid||(value='');" step="1" maxlength="10" class="required form-control" id="ContactNo" name="ContactNo" value="@Model.Member.ContactNo" />
                            </div>
                        </div>
                        <div class="row">
                            @*<div class="form-group col-md-6">
                                    <label>Group No</label>
                                    <input type="text" class="required form-control" id="GroupNo" name="GroupNo" value="@Model.Groups.GroupNo" disabled />
                                    <input type="hidden" id="GroupNo" name="GroupNo" value="@Model.Groups.GroupNo" />
                                </div>*@
                            <div class="form-group col-md-6">
                                <label>Commodity</label>
                                <select type="text" class="form-control required" name="Commodity" id="Commodity" data-api="/commodity/select" data-api-selected-value="@Model.Groups.CommodityId" disabled></select>
                                <input type="hidden" id="Commodity" name="Commodity" value="@Model.Groups.CommodityId" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Differently abled</strong></label>
                                <input type="hidden" value="@Model.Member.DifferentlyAbled" id="DifferentlyAbledData" />
                                <select type="text" class="form-control required" name="DifferentlyAbled" id="DifferentlyAbled" value="">
                                    <option>Select All</option>
                                    <option value="Yes">Yes</option>
                                    <option value="No">No</option>
                                </select>

                            </div>
                            
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Customer Id</strong></label>
                                <input type="text" class="form-control" name="CustomerId" id="CustomerId" value="@Model.Member.CustomerId"/>
                                @*<input type="hidden" id="Commodity" name="Commodity" value="@Model.Groups.CommodityId" />*@
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Account No</strong></label>
                                <input type="text" class="form-control" name="AccountNo" id="AccountNo" value="@Model.Member.AccountNo"/>
                                @*<input type="hidden" id="Commodity" name="Commodity" value="@Model.Groups.CommodityId" />*@
                            </div>
                        </div>
                        <div class="row">
                            
                            <div class="form-group col-md-6">
                                <label><strong>Branch</strong></label>
                                <select type="text" class="form-control" name="Branch" id="Branch" data-api="/Branch/selects?id=@Model.Groups.DistrictId" data-api-selected-value="@Model.Member.Branch"></select>
                                <input type="hidden" id="Branch" name="Branch" value="@Model.Member.Branch" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Product</strong></label>
                                @Html.ListBox("Product", null, new { @multiple = "multiple", @style = "display:none", @class = "form-control required clear", @onchange = "getProduct()" })
                                @*<select type="text" class="form-control required" name="Product" id="Product" data-api="/Product/select" onchange="getCommodities()"></select>*@
                                <input type="hidden" id="Commodity" name="Commodity" value="@Model.Groups.CommodityId" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="pull-right">
                                @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.MnEExpert || meta.RoleId == (int)EnumRoleHelper.Roles.SocioEconomicOfficer || meta.RoleId == (int)EnumRoleHelper.Roles.SupplyChainCoordinator || meta.RoleId == (int)EnumRoleHelper.Roles.SupplyChainOfficer)
                                {
                                    <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" /><span>&nbsp;&nbsp;</span>

                                }

                                <a href="@("/group-members?groupId="+Model.GroupId)" class="btn btn-default">Back </a>
                            </div>
                        </div>



                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="~/Scripts/app/bootstrap-multiselect.js"></script>
<script>

    $(document).ready(function () {
        window.initializeSelectApis();
        //window.initializeCascadeLocation();

        var id = $("#DifferentlyAbledData").val();
        if (id == "No" || id == "Yes") {
            if (id == "No") {
                $("#DifferentlyAbled").val('No');
            }
            else {
                $("#DifferentlyAbled").val('Yes');
            }

        } else { }

        $('#Product').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');

    });

    function getProduct() {
        debugger;
        var a = Array.from(document.getElementById("Product").options).filter(option => option.selected).map(option => option.value);
        console.log("a", a)
        return a;
    }

    function showGALS(data) {
        if (data.value == "Male") {
            $('.gals-div').hide();
            document.getElementById("isGALS").checked = false;
        }
        else {
            $('.gals-div').show();
        }
    }

    $("#SubmitButton").off("click").on("click", function () {
        function request(model) {
            const url = "/group-members/edit";
            const data = JSON.stringify(model);
            return window.getAjaxRequest(url, "POST", data);
        }

        const form = $("#EditForm");
        const groupId = $("#GroupId").val();
        $.validator.unobtrusive.parse(form);

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

        if (!window.confirmAction()) {
            return false;
        }

        WorkForce.loader.show();

        function getModel() {
            return ({
                GroupId: groupId,
                Member: getMemberList()
                @*Member: window.serializeForm(form)*@
            });
        }
        //const model = window.serializeForm(form);
        const model = getModel();
        if (model.Member.isGALS == "on") {
            model.Member.isGALS = true
        }

        const ajax = request(model);

        ajax.done(function (response) {
            WorkForce.loader.hide();
            showNotification("success");
            window.location = "/group-members?groupId=" + groupId;
        });

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

    function getMemberList() {

        const provinceId = $("#ProvinceId").val();
        const districtId = $("#DistrictId").val();
        const municpalityId = $("#MunicipalityId").val();
        const ward = $("#WardNo").val();
        const firstname = $('#FirstName').val();
        const lastname = $("#LastName").val();
        const gender = $("#Gender").val();
        const age = $("#Age").val();
        const origin = $("#Origin").val();
        const religion = $("#ReligionId").val();
        const ethnicity = $("#EthnicityId").val();
        const migration = $("#MigrationId").val();
        const position = $("#PositionId").val();
        const contactNo = $("#ContactNo").val();
        const commodity = $("#Commodity").val();
        const differently_abled = $("#DifferentlyAbled option:selected").val();
        const customerId = $("#CustomerId").val(); 
        const accountNo = $("#AccountNo").val();
        const branch = $("#Branch").val();
        const product = getProduct();
        const id = $("#Id").val();
        debugger;
        const memberList = {
            ProvinceId: provinceId,
            DistrictId: districtId,
            MunicipalityId: municpalityId,
            WardNo: ward,
            FirstName: firstname,
            LastName: lastname,
            Gender: gender,
            Age: age,
            Origin: origin,
            ReligionId: religion,
            EthnicityId: ethnicity,
            MigrationId: migration,
            PositionId: position,
            ContactNo: contactNo,
            Commodity: commodity,
            DifferentlyAbled: differently_abled,
            CustomerId: customerId,
            AccountNo: accountNo,
            Branch: branch,
            Product: product,
            Id: id,
            IsActive: true
        };

        return memberList;
    };

</script>