Mr.Combet Webshell 🔥

View File Name : _PPITabPopUp.cshtml

<div class="modal-dialog" style="width: 820px">
    <div class="modal-content animated ">


        <div class="modal-body" id="modelBodyTabCollection">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                     
                        <ul id="tab-list" class="nav nav-tabs" role="tablist">
                        </ul>

                        <!-- Tab panes -->
                        <div id="tab-content" class="tab-content">

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




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

<script type="text/javascript">

    function getPPIData(id) {
        debugger;
       
        getPPIOfMemberId(id);
    }


    function getPPIOfMemberId(id) {
        const ajax = request();

        function request() {

            const url = '/ppi/member/' + id;

            return window.getAjaxRequest(url, "Get", id);
        }


        ajax.done(function (response) {
            $('#tab-list').empty();
            $('#tab-content').empty();
            assignDynamicNavName(response);
            debugger;
        })
    }

    function assignDynamicNavName(response) {
        if (response.length > 0) {
            $('#ViewPPIData').modal('show');

            var tabId = 0;
            response.forEach(function (x) {

                tabId++;
                $('#tab-list').append($('<li class=' + (tabId == 1 ? 'active' : '') + '><a href="#tab' + tabId + '" role="tab" data-toggle="tab"><span>' + x.fiscal_year + '</a></li>'));
                $('#tab-content').append(
                    $(`<div class="tab-pane fade ${tabId == 1 ? 'active in' : ''}" id="tab${tabId}">
                        <br>
                        <div class="row">

                         <div class="form-group col-md-12">
                            <h4>Total PPI Value ${x.total_points}</h4>
                         </div>
                        <div class="form-group col-md-12">
                            <label style="color:black;font-size:14px"> १. तपाईंको परिवारमा कति जना सदस्य छन्?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.family_members} <b>(${x.family_member_point})</b>
                         </div>
                     

                        <div class="form-group col-md-12">
                            <label style="color:black;font-size:14px">२. तपाईंको पुरुष परिवारमुलीले वा महिला परिवार मुलि भए निजको श्रीमानले बिगत ७ दिनमा रोजगारीको कुन क्षेत्रमा बढी घण्टा काम गर्यो?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.employment} <b>(${x.employment_point})</b>
                        </div>

                    <div class="form-group col-md-12">
                           <label style="color:black;font-size:14px">३. घर बहिरी भित्तामा प्रयोग भएको प्रमुख निर्माण सामाग्रीहरु:</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.wall} <b>(${x.wall_point})</b>
                        </div>

                    <div class="form-group col-md-12">
                             <label style="color:black;font-size:14px">४. घरको छाना मुख्य कुन निर्माण सामाग्रीले बनाईएको छ?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.roof} <b>(${x.roof_point})</b>
                        </div>

                        <div class="form-group col-md-12">
                              <label style="color:black;font-size:14px">५.तपाईंको घरमा सुत्ने कोठा कतिवटा छन्?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.bedroom} <b>(${x.bedroom_point})</b>
                        </div>


                        <div class="form-group col-md-12">
                             <label style="color:black;font-size:14px">६. के तपाईको घरमा छुट्टै भान्सा कोठा छ?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.kitchen} <b>(${x.kitchen_point})</b>
                        </div>

                    <div class="form-group col-md-12">
                              <label style="color:black;font-size:14px">७. तपाईको घरमा खाना पकाउनको लागि मुख्यता कुन प्रकारको चुल्हो प्रयोग गर्दछ?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.stove} <b>(${x.stove_point})</b>
                        </div>

  <div class="form-group col-md-12">
                              <label style="color:black;font-size:14px">८. तपाईको घरमा भएको शौचालय कस्तो प्रकारको छ?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.toilet} <b>(${x.toilet_point})</b>
                        </div>


  <div class="form-group col-md-12">
                          <label style="color:black;font-size:14px"> ९. तपाईको घरमा कतिवटा टेलिफोन सेट(तार सहित वा मोवाईल फोन) छन्?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.mobile} <b>(${x.mobile_point})</b>
                        </div>

                        <div class="form-group col-md-12">
                         <label style="color:black;font-size:14px">१०. के तपाईको परिवारको स्वामित्वमा वा अधिया वा बन्धकीमा खेतीपाती गर्ने जमिन छ? यदी छ भने ति मध्ये के कति सिंचित जमिन छ?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.irrigation} <b>(${x.irrigation_point})</b>
                        </div>

                        </div>

                    </div>`));



            })

        }
        else {
            alert("PPI Data not Found");
        }
    }


</script>


<style>
    .nav-tabs > li.active > a {
        background-color: gray !important;
        border: medium none;
        border-radius: 0;
        color: white;
    }

    .anim {
        transition: background 5s linear;
    }

    .highlight {
        background: gray;
    }

    .normal {
        background: transparent;
    }
</style>