Mr.Combet Webshell 🔥

View File Name : _MddwTabPopUp.cshtml

@model  List<RER_Project.DataAccess.Functions.FnMddwDetailsMemberWise>
    
<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" style="width: 765px">
                <div class="row">
                    <div class="col-md-12">

                        <ul id="tab-list" class="nav nav-tabs" role="tablist">
                            
                            <li></li>
                        </ul>

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

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




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

<script type="text/javascript">
    console.log(@Model)
    function getVaData(id) {
        debugger;

        getVaOfMemberId(id);
    }


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

        function request() {

            const url = '/va/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) {
            $('#ViewVaData').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 VA Value : ${x.total_points}</h4>
                         </div>
                        <div class="form-group col-md-12">
                            <label style="color:black;font-size:14px">1.How is your marital life? </label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.maritial} <b>(${x.maritial_point})</b>
                         </div>


                        <div class="form-group col-md-12">
                            <label style="color:black;font-size:14px">2.What is the state of women violence?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.womenviolence} <b>(${x.women_violence_point})</b>
                        </div>

                    <div class="form-group col-md-12">
                           <label style="color:black;font-size:14px">3.What is your daily routine?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.dailyactivities} <b>(${x.dailyactivities_point})</b>
                        </div>

                    <div class="form-group col-md-12">
                             <label style="color:black;font-size:14px">4.How do you make monetary resource available to fulfill your needs?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.income} <b>(${x.income_point})</b>
                        </div>

                        <div class="form-group col-md-12">
                              <label style="color:black;font-size:14px">5.Do you have an ownership of a land or a house?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.property} <b>(${x.property_point})</b>
                        </div>


                        <div class="form-group col-md-12">
                             <label style="color:black;font-size:14px">6.Do you have a bank A/c?</label> <br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.bank} <b>(${x.bank_point})</b>
                        </div>

                    <div class="form-group col-md-12">
                              <label style="color:black;font-size:14px">7.Are you involved in any cooperative group?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.cooperative} <b>(${x.cooperative_point})</b>
                        </div>

  <div class="form-group col-md-12">
                              <label style="color:black;font-size:14px">8.Who takes the decision in your house?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.decision} <b>(${x.decision_point})</b>
                        </div>


  <div class="form-group col-md-12">
                          <label style="color:black;font-size:14px">9. What is your first priority among these?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.priority} <b>(${x.priority_point})</b>
                        </div>

                        <div class="form-group col-md-12">
                         <label style="color:black;font-size:14px">10.What do you wish to do in order to improvise your current situation?</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ${x.improve} <b>(${x.improve_point})</b>
                        </div>

                        </div>

                    </div>`));



            })

        }
        else {
            alert("VA 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>