Mr.Combet Webshell 🔥

View File Name : GetFinalizeFemaleMemberForGALS.cshtml

@model RER_Project.DataAccess.ViewModels.GroupMembers.GroupMembersViewModel

@using RER_Project.BusinessLayer.BusinessService


@{
    var meta = AppUserService.GetCurrent();
}

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-12">
        <div id="currentMemberId"></div>
        <strong><span style="font-size:medium">Female Member Information </span></strong><br />
        <br />
        <div class="row">
            <div class="col-lg-12">
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp;&nbsp;Group Name:<strong> @Model.FnShortGroupInformation.group_name</strong> <strong></strong>
                </span>

                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp;&nbsp;Province:<strong> @Model.FnShortGroupInformation.province</strong> <strong></strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; District: <strong>@Model.FnShortGroupInformation.district</strong><strong></strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; Municipality: <strong> @Model.FnShortGroupInformation.municipality</strong>
                </span>
            </div>
        </div>

        <br />
        <div class="row">
            <div class="col-lg-8">
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; Ward:<strong> @Model.FnShortGroupInformation.ward </strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp;&nbsp;Commodity:  <strong> @Model.FnShortGroupInformation.commodity</strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp;&nbsp;# of Beneficiaries:  <strong>@Model.FnShortGroupInformation.beneficiaries_no</strong>
                </span>
            </div>


        </div>
        <br />
        <div class="row">
            <div class="col-lg-12">
                @if (meta.RoleId == 8)
                {
                    <span style="font-size:100%;color:red" class="pull-right">
                        &nbsp;&nbsp;&nbsp;<strong> Note: Please check on the GALS member for making Final GALS Member </strong>
                    </span>
                }
            </div>
        </div>


    </div>


</div>
<div class="wrapper wrapper-content animated">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">

                    <table class="table table-striped dataTables" id="femaleMemberInList">

                        <thead>
                            <tr>
                                <th>SN.</th>
                                <th>Name</th>
                                <th>Ward</th>
                                <th>Gender</th>
                                <th>Origin</th>
                                <th>Ethnicity</th>

                                <th>Positions</th>
                                @* <th>Contact No</th>*@
                                <th>GALS Form and Score</th>
                                <th>Finalize GALS</th>

                                <th><center>Action</center></th>
                            </tr>
                        </thead>
                        <tbody>
                            @{ int serialNo = 1; }
                            @foreach (var item in Model.FnGroupMembersList)
                            {
                                <tr>
                                    <td>
                                        <label> @serialNo</label>
                                        @{ serialNo++; }
                                    </td>
                                    <td>@item.first_name @item.last_name  </td>
                                    <td>@item.ward_no</td>
                                    <td><span>Female</span> </td>
                                    <td>@item.origin</td>
                                    <td>@item.ethnicity</td>

                                    <td>@item.positions</td>

                                    <td>
                                        <a class='' style='font-size:14px;padding:5px' onclick="getGALSData('@item.id')"><i style='cursor:pointer;' class='fa fa-eye'></i></a>
                                        <a href="@("/gals?memberId=" + item.id)" title="GALS" style="font-size:15px;padding:5px">
                                            <span class="badge">
                                                <small>Count @item.total_gals</small>
                                            </span>
                                        </a>
                                    </td>
                                    <td>
                                        <center>
                                            @if (item.is_finalized_gals_member == true)
                                            {
                                                if (meta.RoleId != 8)
                                                {
                                                    <p class="text-center text-success"><i class="fa fa-check"></i></p>
                                                }
                                                else
                                                {

                                                        <input type="checkbox" name="memberId" value="@item.id" id="IsGals" checked>
  
                                                }


                                            }
                                            else
                                            {
                                                if (meta.RoleId != 8)
                                                {
                                                    <p class="text-center text-danger"><i class="fa fa-times"></i></p>
                                                }
                                                else
                                                {
                                                        <input type="checkbox" name="memberId" id="IsGals" value="@item.id">
                                                }
                                            }
                                        </center>
                                    </td>
                                    <td>
                                        <center> <a target="_blank" class="btn btn-default btn-xs" href="/group-members/group/@item.group_id/member/@item.id" title="View @item.first_name @item.last_name Details" style="color:dodgerblue"><i class="fa fa-eye"></i></a></center>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>

                    <div class="row">
                        <div class="col-lg-12">

                            @if (meta.RoleId == 8)
                            {


                                //var datas = Model.MemberDetailViews.Any(x => x.isGALS == true);

                                if (Model.FnShortGroupInformation.is_gals_group_finalized == false)
                                {
                                    @*<a class="btn btn-primary pull-right" id="Save">Save </a>*@
                                    <a class="btn btn-primary pull-right" id="CompleteGalsForm" style="margin-right:15px">Complete</a>
                                }
                            }
                            <a href="/female/groups" class="btn btn-default"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;Back</a>
                        </div>

                    </div>

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


    <div>
        @{ Html.RenderAction("ViewGALSData", "GALSGroup");}
    </div>
</div>
<link href="~/Content/datatables.min.css" rel="stylesheet" />
<script src="~/Scripts/datatables.min.js"></script>
<script>

    $(document).ready(function () {

            $('.dataTables').DataTable({
            stateSave: true,
            fixedHeader: true,
            pageLength: 15,
            dom: '<"html5buttons"B>lTfgitp',
            buttons: []
        });


        $("#Save").on("click", function () {

            var members = [];
              $("input:checkbox[name=memberId]:checked").each(function () {
                members.push($(this).val());
            });
             WorkForce.loader.show();

            var groupId = @Model.FnShortGroupInformation.group_id;

            var model = { memberIds: members, groupId: groupId };
            const ajax = request(model);
            ajax.done(function (response) {
                WorkForce.loader.hide();
                showNotification("success");
            });

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

        });

        function request(model) {
            const url = "/gals_members/save";
            const data = JSON.stringify(model);
            return window.getAjaxRequest(url, "POST", data);
        }


         $("#CompleteGalsForm").on("click", function () {

             let conf = confirm(`Are you sure you want to complete this GALS ? \n\n Note: Once you have complete you cannot check/uncheck this group make gals members`);
             if (!conf) {
                 return;
             } else {
                 var groupId = @Model.FnShortGroupInformation.group_id;

                 var model = { groupId: groupId };

                 const ajax = requestGroupForComplete(model);
                 ajax.done(function (response) {
                     if (response.value === true) {
                         $('#CompleteGalsForm').hide();
                           $('#Save').hide();
                     }
                     WorkForce.loader.hide();
                     showNotification("success");
                 });

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

          function requestGroupForComplete(model) {

            const url = "/gals_members/permanent";
            const data = JSON.stringify(model);
            return window.getAjaxRequest(url, "POST", data);
        }


    });

        $(":checkbox").change(function () {

            //alert(this.value)

            var memberId = (this).value;

           WorkForce.loader.show();

            var groupId = @Model.FnShortGroupInformation.group_id;

            var model = { memberId: memberId, groupId: groupId };

            const ajax = requestAMemberForFinalGalsMember(model);
            ajax.done(function (response) {
                WorkForce.loader.hide();
                showNotification("success");
            });

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


         function requestAMemberForFinalGalsMember(model) {
            const url = "/gals_members/finalize/one_to_one";
            const data = JSON.stringify(model);
            return window.getAjaxRequest(url, "POST", data);
        }

</script>

<style>
    table td, th {
        border: 1px solid #e7eaec;
    }

    input[type=checkbox] {
        transform: scale(1.5);
    }
</style>