Mr.Combet Webshell 🔥

View File Name : Individualfarmers.cshtml


@using RER_Project.Core.Helpers
@using RER_Project.BusinessLayer.BusinessService
@model  RER_Project.DataAccess.Models.IndividualFarmers
@{
    ViewBag.Title = "Individualfarmers";
    var meta = AppUserService.GetCurrent();

    var status = false;
}

@if (meta.RoleId != 1 && meta.RoleId != 13)
{
    var getProvince = UserService.GetCurrentUserProvince(meta.UserId).FirstOrDefault();
    ViewBag.Province = getProvince.key;
}

<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><b>Individual Farmer List </b></label>
                    <a href="@("/group-members/create?groupId=" + 0)" class=" btn btn-primary showCreateBtn" style="float:right">Create</a>
                    <input type="hidden" id="CurrentPage" name="CurrentPage" />

                    @if (meta.RoleId == 4 && meta.RoleId == 1 && meta.RoleId == 13)
                    {
                        status = true;
                    }


                    <hr style="width:100%" />
                    <div class="form-horizontal">

                        @*<div class="form-group col-md-12">
                <label><strong>Group</strong></label>
                @Html.ListBox("Group", null, new { @multiple = "multiple", @style = "display:none", @class = "form-control", @onchange = "getCommodities()" })
            </div>*@

                        <div class="form-group">
                            <div class="col-md-1 control-label">
                                Member Id:
                            </div>
                            <div class="col-md-2">
                                <input type="text" pattern="\d*" maxlength="10" oninput="validity.valid||(value='');" step="1" id="MemberId" name="MemberId" class="form-control" />
                            </div>

                            <div class="col-md-1 control-label">
                                Member. Name:
                            </div>
                            <div class="col-md-2">
                                <input type="text" id="MemberName" name="MemberName" class="form-control" />
                            </div>


                            <div class="col-md-1 control-label">
                                Province:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/user_wise/province/select">
                                </select>

                            </div>
                            <div class="col-md-1 control-label">
                                Atoll:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled="">
                                    <option value="">All</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-1 control-label">
                                Island:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled="" name="MunicipalityId">
                                    <option value="">All</option>
                                </select>
                            </div>


                            <div class="col-md-1 control-label">
                                Commodity:
                            </div>
                            <div class="col-md-2">

                                <select type="text" class="form-control required" name="CommodityId" id="CommodityId" data-api="/commodity/select"></select>
                            </div>


                        </div>
                        <div class="form-group">

                            <div class="col-md-1">
                                <button type="button" id="searchGroup" name="searchGroup" class="btn btn-primary center-orientation"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div id="loadPartialView">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    $(document).ready(function () {
        
        window.initializeSelectApis2();
        window.initializeCascadeLocation2();
        $('.select2').select2();
    });

    $(function () {
        window.initializeSelectApis2();
        window.initializeCascadeLocation2();

        WorkForce.loader.show();
        document.getElementById('CurrentPage').value = 1;
        loadGroups();
    });

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

    function openVaModelPopUp(vaId,fullname,province,district,municapilaty) {
        window.initializeSelectApis2();
        $('.select22').select2();
        $('.searchSelect').select2({
            dropdownParent: $('.parentElem')
        });
        console.log(document.querySelector('.select22'));
        window.initializeCascadeLocation2();
        $("#output").text(fullname);
        $("#province").text(province);
        $("#district").text(district);
        $("#municapilaty").text(municapilaty);      
      
        $('#viewIndividualVaData').modal('show');
        $("#saveGroup").off("click").on("click", function () {
            ChangeGroups(vaId);
            loadGroups();
            $('#viewIndividualVaData').modal('hide');
            showNotification("success");
            location.reload();  
         
        });
       

    }


    $("#searchGroup").off("click").on("click", function () {
        document.getElementById('CurrentPage').value = 1;
        loadGroups();
    })


    function callSearchPagination(id) {
        document.getElementById('CurrentPage').value = id;
        loadGroups();
    }
    async function ChangeGroups(vaId) {

        var xhr = new XMLHttpRequest();
        var json = {
            groupchangeId: document.getElementById('GroupId').value,
            memberId: vaId
        };
        var urlSearchParamss = new URLSearchParams(json);
        xhr.open('POST', '/changegroup/detail', true);

        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhr.send(urlSearchParamss);

      


    }


    async function loadGroups() {
        WorkForce.loader.show();

        var xhr = new XMLHttpRequest();
        var jsonData = {
            ProvinceId: document.getElementById('ProvinceId').value,
            DistrictId: document.getElementById("DistrictId").value,
            MunicipalityId: document.getElementById("MunicipalityId").value,
            CommodityId: document.getElementById('CommodityId').value,
            MemberId: $("#MemberId").val(),
            MemberName: $("#MemberName").val(),
            CurrentPage: document.getElementById('CurrentPage').value
        };
        
        var urlSearchParams = new URLSearchParams(jsonData);

        xhr.open('POST', '/individualfarmers/search', true);
        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

        xhr.onload = function () {
            if (this.status == 200) {
                WorkForce.loader.hide();

                document.getElementById("loadPartialView").innerHTML = this.responseText;           

                window.initializeSelectApis();
                window.initializeCascadeLocation();
            }
        }
        xhr.send(urlSearchParams);
        WorkForce.loader.show();
    }


</script>

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

    .pagination {
        display: inline-block;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
        }

            .pagination a.active {
                background-color: #4CAF50;
                color: white;
                border: 1px solid #4CAF50;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }

    .td:nth-child(7) {
        min-width: 100px;
    }

    @@media(max-width:756px) {
        .dropdown-spacing {
            padding-bottom: 10px;
        }
    }
</style>