Mr.Combet Webshell 🔥

View File Name : Create.cshtml

@using RER_Project.BusinessLayer.BusinessService
@model RER_Project.DataAccess.ViewModels.GroupMembers.GroupMembersViewModel
@{
    var meta = AppUserService.GetCurrent();
    ViewBag.Title = "IFF Member Create";
}

<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">
                @if (Model.Groups == null)
                {
                    <strong>Create Individual IFF Member</strong>
                }
                else
                {
                    <strong>IFF Members of @Model.Groups.GroupName</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="CreateForm">
                        <div id="eror_msg"></div>
                        <div class="row">
                            @if (Model.Groups == null)
                            {
                                <input type="hidden" id="GroupId" value="0" />
                            }
                            else
                            {
                                <input type="hidden" id="GroupId" value="@Model.GroupId" />
                            }
                            @if (Model.Groups == null)
                            {
                                <div class="form-group col-md-2">
                                    <label><strong>Province</strong></label>
                                    <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/user_wise/province/select">
                                    </select>

                                    @*   <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Groups.ProvinceId" />*@
                                </div>
                                <div class="form-group col-md-2">
                                    <label><strong>Atoll</strong></label>
                                    <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled="">
                                        <option value="">All</option>
                                    </select>
                                    @*   <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select"></select>*@
                                    @*  <input type="hidden" id="DistrictId" name="DistrictId" value="@Model.Groups.DistrictId" />*@
                                </div>
                                <div class="form-group col-md-2">
                                    <label><strong>Island </strong></label>
                                    <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled="" name="MunicipalityId">
                                        <option value="">All</option>
                                    </select>
                                    @*<select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select"></select>*@
                                    @*  <input type="hidden" id="MunicipalityId" name="MunicipalityId" value="@Model.Groups.MunicipalityId" />*@
                                </div>
                            }
                            else
                            {
                                <div class="form-group col-md-2">
                                    <label><strong>Province</strong></label>
                                    <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" data-api-selected-value="@Model.Groups.ProvinceId" disabled></select>
                                    <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Groups.ProvinceId" />
                                </div>
                                <div class="form-group col-md-2">
                                    <label><strong>Atoll</strong></label>
                                    <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" data-api-selected-value="@Model.Groups.DistrictId" disabled></select>
                                    <input type="hidden" id="DistrictId" name="DistrictId" value="@Model.Groups.DistrictId" />
                                </div>
                                <div class="form-group col-md-2">
                                    <label><strong>Island </strong></label>
                                    <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" data-api-selected-value="@Model.Groups.MunicipalityId" disabled=""></select>
                                    <input type="hidden" id="MunicipalityId" name="MunicipalityId" value="@Model.Groups.MunicipalityId" />
                                </div>
                            }


                            @*<div class="form-group col-md-2">
                                    <label><strong>Ward No</strong></label>
                                    <input type="text" class="required form-control" pattern="\d*" oninput="validity.valid||(value='');" id="WardNo" name="WardNo" />
                                </div>*@
                            <div class="form-group col-md-2">
                                <label><strong>First Name</strong></label>
                                <input type="text" class="required form-control" id="FirstName" name="FirstName" minlength="2" />
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Last Name</strong></label>
                                <input type="text" class="required form-control" id="LastName" name="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-2">
                                <label><strong>Gender</strong></label>
                                <select type="text" class="form-control required" name="Gender" id="Gender" data-api="/genders/select"></select>
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Age</strong></label>
                                <input type="text" pattern="\d*" oninput="validity.valid||(value='');" class="required form-control" id="Age" name="Age" />
                            </div>
                            @*<div class="form-group col-md-2">
                                    <label><strong>Origin</strong></label>
                                    <select type="text" class="form-control required" name="Origin" id="Origin" data-api="/origin/select"></select>
                                </div>*@
                            @*<div class="form-group col-md-2">
                                    <label><strong>Religion</strong></label>
                                    <select type="text" class="form-control required" name="ReligionId" id="ReligionId" data-api="/religion/select"></select>
                                </div>*@
                            @*<div class="form-group col-md-2">
                                    <label><strong>Ethnicity</strong></label>
                                    <select type="text" class="form-control required" name="EthnicityId" id="EthnicityId" data-api="/ethnicity/select"></select>
                                </div>*@
                            @*<div class="form-group col-md-2">
                                    <label><strong>Migration Status</strong></label>
                                    <select type="text" class="form-control required" name="MigrationId" id="MigrationId" data-api="/migration-status/select"></select>
                                </div>*@
                            @*</div>

                                <div class="row">*@
                            <div class="form-group col-md-2">
                                <label><strong>Positions</strong></label>
                                <select type="text" class="form-control required" name="PositionId" id="PositionId" data-api="/positions/select"></select>
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Contact No</strong></label>
                                <input type="text" class="form-control" pattern="\d*" step="1" maxlength="10" oninput="validity.valid||(value='');" id="ContactNo" name="ContactNo" />
                            </div>
                            @*<div class="form-group col-md-2">
                                    <label><strong>Group No</strong></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-2">
                                <label><strong>Commodity</strong></label>
                                @Html.ListBox("Commodity", null, new { @multiple = "multiple", @style = "display:none", @class = "form-control required clear", @onchange = "getCommodities()" })
                                @*<input type="hidden" id="Commodity" name="Commodity" value="@Model.Groups.CommodityId" />*@
                            </div>
                            @*<div class="form-group col-md-2">
                                    <label><strong>Married Year</strong></label>
                                    <input type="number" min="1900" class="required form-control" id="MarriedYear" placeholder="yyyy" name="MarriedYear" max="9999" />
                                </div>
                                <div class="form-group col-md-2">
                                    <label><string>Landlord Name</string></label>
                                    <input type="text" class="required form-control" id="LandlordName" name="LandlordName" />
                                </div>*@
                            @*</div>*@
                            <div class="row">
                                @*<div class="form-group col-md-2">
                                        <label><strong>House No</strong></label>
                                        <input type="text" class="required form-control" id="HouseNo" name="HouseNo" />
                                    </div>*@
                                @*<div class="form-group col-md-2">
                                        <label><strong>Family Migrant</strong></label>
                                        <select type="text" class="form-control " name="FamilyMigrant" id="FamilyMigrant" data-api="/relation-with-household-head/select"></select>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label><strong>Family Migrant Returnee</strong></label>
                                        <select type="text" class="form-control " name="FamilyMigrantReturnee" id="FamilyMigrantReturnee" data-api="/relation-with-household-head/select"></select>
                                    </div>*@
                                @*<div class="form-group col-md-2 gals-div" style="padding-top:30px;">
                                        <label> <input type="checkbox" class="i-checks" id="isGALS" name="isGALS"> Is GALS </label>
                                    </div>*@

                                <div class="form-group col-md-2">
                                    <label class="align-label-btm">&nbsp;&nbsp;</label>
                                    <a class="btn btn-primary btn-xl" id="btnAdd" onclick="addMember()" title="Add">
                                        <i class="fa fa-plus"></i>
                                    </a>
                                </div>
                            </div>
                    </form>
                    <div class="table-responsive" style="margin-top: 16px;">
                        <table class="table table-bordered table-hover" name="tblMember" id="tblMember">
                            <thead>
                                <tr>
                                    <th>Province</th>
                                    <th>Atoll</th>
                                    <th>Island</th>
                                    @*<th>Ward No</th>*@
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Gender</th>
                                    <th>Age</th>
                                    @*<th>Origin</th>
                                        <th>Religion</th>
                                        <th>Ethnicity</th>*@
                                    @*<th>Migration</th>*@
                                    <th>Positions</th>
                                    <th>Contact No</th>

                                    <th>Commodity</th>
                                    @*<th>Married Year</th>
                                        <th>Landlord Name</th>*@
                                    @*<th>House No</th>*@
                                    @*<th>FamilyMigrant</th>
                                        <th>FamilyMigrant Returnee</th>*@
                                    @* <th>Is GALS</th>*@
                                    <th>Action</th>
                                </tr>

                            </thead>
                            <tbody id="tblMemberBody">
                                @*@foreach (var item in Model.MemberDetailViews)
                                    {
                                    <tr>
                                        <td><input type="hidden" id="ProvinceId" name="ProvinceId" value="@item.ProvinceId" />@item.Province</td>
                                        <td><input type="hidden" id="DistrictId" name="DistrictId" value="@item.DistrictId" />@item.District</td>
                                        <td><input type="hidden" id="MunicipalityId" name="MunicipalityId" value="@item.MunicipalityId" />@item.Municipality</td>
                                        <td>@item.WardNo</td>
                                        <td>@item.FirstName</td>
                                        <td>@item.LastName</td>
                                        <td>@item.Gender</td>
                                        <td>@item.Age</td>
                                        <td>@item.Origin</td>
                                        <td><input type="hidden" id="ReligionId" name="ReligionId" value="@item.ReligionId" />@item.ReligionName</td>
                                        <td><input type="hidden" id="EthnicityId" name="EthnicityId" value="@item.EthnicityId" />@item.Ethinicity</td>
                                        <td><input type="hidden" id="MigrationId" name="MigrationId" value="@item.MigrationId" />@item.Migration</td>
                                        <td><input type="hidden" id="PositionId" name="PositionId" value="@item.PositionId" />@item.Positions</td>
                                        <td>@item.ContactNo</td>
                                        <td>@item.GroupNo</td>
                                        <td><input type="hidden" id="Commodity" name="Commodity" value="@item.Commodity" />@item.CommodityName</td>
                                        <td>@item.MarriedYear</td>
                                        <td>@item.LandlordName</td>
                                        <td>@item.HouseNo</td>
                                        <td><input type="hidden" id="FamilyMigrant" name="FamilyMigrant" value="@item.FamilyMigrant" />@item.FamilyMigrantType</td>
                                        <td><input type="hidden" id="FamilyMigrantReturnee" name="FamilyMigrantReturnee" value="@item.FamilyMigrantReturnee" />@item.FamilyMigrantReturneeType</td>

                                        <td class="columnToHide">
                                            <input type="hidden" id="Id" name="Id" value="@item.Id" />
                                        </td>
                                        <td>
                                            <a class="btn btn-default btn-xs" href="@("/group-members/edit?groupId="+Model.GroupId+"&memberId="+item.Id)" title="Edit"><i class="fa fa-edit"></i></a>

                                        </td>
                                    </tr>
                                    }*@
                            </tbody>
                        </table>

                        <div class="pull-right">
                            <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" />
                            @if (Model.Groups == null)
                            {

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



    <div class="modal inmodal" id="approve" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated fadeIn">
                <div class="modal-header" style="padding:8px">
                    <strong>Are you sure you want to approve this group ?</strong>
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                </div>
                <div class="modal-body">
                    <p>
                        <div class="row">

                            <div class="form-group col-md-12">
                                <label for="title" style="display:block"><strong>Remarks :</strong>  </label>
                                <textarea rows="4" style="width:100%;resize:none" name="Remarks" id="Remarks"></textarea>
                            </div>
                        </div>

                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>

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


</div>

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


    $(document).ready(function () {
        var initailgroupid = $("#GroupId").val();
        if (initailgroupid ==0) {
            window.initializeSelectApis2();
            window.initializeCascadeLocation2();
        } else {
            window.initializeSelectApis();
        }

        $('.columnToHide').hide();
        $('.gals-div').hide();
        $('#Commodity').multiselect({
            includeSelectAllOption: true, buttonWidth: "100%", search: true, enableFiltering: true,
            enableCaseInsensitiveFiltering: true, maxHeight: 300, buttonWidth: '100%', width: 420
        });
        @*$('#Commodity option:first-child').prop('disabled', true);
        $('#Commodity').multiselect('select', '23');*@
        $('.multiselect').css('max-width', '840px');
        $('.multiselect').css('overflow', 'hidden');
        //window.initializeCascadeLocation();
    });

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

    function addMember() {
        //var count = getMemberList().length;
        @*alert(' @(Model.Groups.BeneficiariesNo - Model.GroupMembers.Count) ');
        alert(count)*@
        @*if (count < @(Model.Groups.BeneficiariesNo - Model.GroupMembers.Count)) {*@
        var table = $("#tblMember tbody");
        const province = $("#ProvinceId option:selected");
        const district = $("#DistrictId option:selected");
        const municipality = $("#MunicipalityId option:selected");
        const gender = $("#Gender option:selected");
        @*const origin = $("#Origin option:selected");
        const religion = $("#ReligionId option:selected");
        const ethnicity = $("#EthnicityId option:selected");*@
        //const migration = $("#MigrationId option:selected");
        const position = $("#PositionId option:selected");
        debugger;
        const commodityName = $("#Commodity option:selected");
        const commodity = getCommodities().toString();
        //const familyMigrant = $("#FamilyMigrant option:selected");
        //const familyMigrantReturnee= $("#FamilyMigrantReturnee option:selected");
        //var isGALS = document.getElementById("isGALS").checked;

        const form = $("#CreateForm");
        $.validator.unobtrusive.parse(form);

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

        const el = $("#tblMember tbody");

            const model = window.serializeForm(form);

        var row = "<tr>";
        row += "<td>" + province.text() +
            "<input type=hidden name='ProvinceId' value=" + province.val() +
            "></td>";
        row += "<td>" + district.text() +
            "<input type=hidden name='DistrictId' value=" + district.val() +
            "></td>";
        row += "<td>" + municipality.text() +
            "<input type=hidden name='MunicipalityId' value=" + municipality.val() +
            "></td>";
        @*row += "<td>" + model.WardNo + "</td>";*@
        row += "<td>" + model.FirstName + "</td>";
        row += "<td>" + model.LastName + "</td>";
            row += "<td>" + gender.text() +
                "<input type=hidden name='GenderId' value=" + gender.val() +
        "></td>";
        row += "<td>" + model.Age + "</td>";
        @*row += "<td>" + origin.text() + "</td>";
        row += "<td>" + religion.text() +
            "<input type=hidden name='ReligionId' value=" + religion.val() +
        "></td>";
        row += "<td>" + ethnicity.text() +
            "<input type=hidden name='EthnicityId' value=" + ethnicity.val() +
            "></td>";*@
        @*row += "<td>" + migration.text() +
            "<input type=hidden name='MigrationId' value=" + migration.val() +
            "></td>";*@
        row += "<td>" + position.text() +
            "<input type=hidden name='PositionId' value=" + position.val() +
            "></td>";
        row += "<td>" + model.ContactNo + "</td>";

        row += "<td>" + commodityName.text() +
            "<input type=hidden name='Commodity' value=" + commodity +
                "></td>";

        //row += "<td>" + model.HouseNo + "</td>";
        //row += "<td>" + familyMigrant.text() +
        //"<input type=hidden name='FamilyMigrant' value=" + familyMigrant.val() +
        //    "></td>";
        //row += "<td>" + familyMigrantReturnee.text() +
        //"<input type=hidden name='FamilyMigrantReturnee' value=" + familyMigrantReturnee.val() +
        //    "></td>";
        //row += "<td>" + isGALS + "</td>";
        row += "<td><a class='btn btn-default btn-xs' onclick='deleteRow(this)' title='Delete'><i class='fa fa-remove' style='color: red;'></i></a></td>"
        table.append(row);
            clearAll();
        @*}
        else {
             ShowMessage("error", "Sorry You Can't Add Members More Than Defined Beneficieries");
        }*@
    };

    function deleteRow(e) {
        $(e).closest("tr").remove();
    };

    function clearAll() {
        //$("#CreateForm").clearForm();
        @*$("#WardNo").val('');*@
        $('#FirstName').val('');
        $('#LastName').val('');
        $('#Age').val('');
        $('#ContactNo').val('');
        $('#Gender').val('');
        $('#Origin').val('');
        $('#EthnicityId').val('');
        @*$('#ProvinceId').val('');
        $('#MunicipalityId').val('');
        $('#DistrictId').val('');*@
        $('#PositionId').val('');
        $('#ReligionId').val('');
        $('#MarriedYear').val('');
        $('#LandlordName').val('');
        $('#FamilyMigrant').val('');
        $('#FamilyMigrantReturnee').val('');
    };

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

        WorkForce.loader.show();
        var groupId = $("#GroupId").val();

        function getModel() {
            return ({
                GroupMembers: getMemberList(),
                GroupId: groupId
                @*Commodity: getCommodities()*@
            });
        };

        const model = getModel();

        const ajax = request(model);
        ajax.done(function (response) {
            WorkForce.loader.hide();
            debugger;
            showNotification("success");
            if (groupId != 0){
                window.location = "/group-members?groupId=" + groupId;
            }
            else {
                window.location = "/individualfarmers";

            }
             });

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

    function getMemberList() {
        var memberList = [];

        $("#tblMember tbody tr").each(function () {
            const provinceId = $(this).find("td:eq(0)").find("input[type='hidden']").val();
            const districtId = $(this).find("td:eq(1)").find("input[type='hidden']").val();
            const municpalityId = $(this).find("td:eq(2)").find("input[type='hidden']").val();
           @* const ward = $(this).find("td:eq(3)").html();*@
            const firstname = $(this).find("td:eq(3)").html();
            const lastname = $(this).find("td:eq(4)").html();
            const gender = $(this).find("td:eq(5)").find("input[type='hidden']").val();
            const age = $(this).find("td:eq(6)").html();
            @*const origin = $(this).find("td:eq(8)").html();
            const religion = $(this).find("td:eq(9)").find("input[type='hidden']").val();
            const ethnicity = $(this).find("td:eq(10)").find("input[type='hidden']").val();*@
            //const migration = $(this).find("td:eq(7)").find("input[type='hidden']").val();
            const position = $(this).find("td:eq(7)").find("input[type='hidden']").val();
            const contactNo = $(this).find("td:eq(8)").html();
            const commodity = $(this).find("td:eq(9)").find("input[type='hidden']").val();
            let commodityArray = commodity.split(",");
            debugger;
            //const marriedyear = $(this).find("td:eq(16)").html();
            //const landlordname = $(this).find("td:eq(17)").html();
            //const houseno = $(this).find("td:eq(15)").html();
            const familymigrant = $(this).find("td:eq(16)").find("input[type='hidden']").val();
            const familymigrantreturnee = $(this).find("td:eq(17)").find("input[type='hidden']").val();
            const isGALS = $(this).find("td:eq(18)").html();//.find("input[type='checkbox']").val();
            const id = $(this).find("td:eq(19)").find("input[type='hidden']").val();
            debugger;
            memberList.push({
                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,
                //GroupNo: groupno,

                @*Commodity: commodity,*@
                Commodity: commodityArray,

                //MarriedYear: marriedyear,
                //LandlordName: landlordname,
                //HouseNo: houseno,
                FamilyMigrant: familymigrant,
                FamilyMigrantReturnee:familymigrantreturnee,
                isGALS: isGALS,
                Id: id,
                IsActive:true
            });
        })

        return memberList;
    };

</script>