Mr.Combet Webshell 🔥

View File Name : _GALSTabPopUp.cshtml

<div class="modal inmodal" id="ViewGALSData" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 820px">
        <div class="modal-content animated ">


            <div class="modal-body" id="modelBodyTabCollectiona">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">

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

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

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




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

</div>

<script type="text/javascript">

    function getGALSData(memberId) {

        debugger;
        getGALSOfMemberId(memberId);
    }

    function getGALSOfMemberId(memberId) {
        const ajax = requestGALS();
        debugger;
        function requestGALS() {

            const url = '/gals/member/' + memberId + '/all_fiscal_year';

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


        ajax.done(function (response) {
            console.log(response);
            $('#tab-lista').empty();
            $('#tab-contenta').empty();
       
            assignDynamicNavNameForGALS(response);
            console.log(response);
        })
    }
    function assignDynamicNavNameForGALS(response) {
        if (response.length > 0) {
            $('#ViewGALSData').modal('show');

            //const grouped = groupBy(response, res => res.fiscal_year);
            console.log(response);
            const groupedPeople = groupBy(response, 'fiscal_year');

            var result = Object.values(groupedPeople);
            console.log(result);
            var tabId = 0;
            for (var i = 0; i < result.length; i++) {
                 ++tabId;
               var header = '<li class=' + (tabId == 1 ? 'active' : '') + '><a href="#tab' + tabId + 'a' + '" role="tab" data-toggle="tab"><span>' + result[i][0].fiscal_year_name_nepali + '</a></li>';


                $('#tab-lista').append(header);
                header = '';
               
                //var html = `<div class="tab-pane fade ${tabId === 1 ? 'active in' : ''}" id="tab${tabId}a"><br><br><strong><strong>Total Point :  </strong><span id="totalPoints${tabId}"></span><br>`;

                    var html = `<div class="tab-pane fade ${tabId === 1 ? 'active in' : ''}" id="tab${tabId}a"><br>`;
                 var total = 0;
                for (var j = 0; j < result[i].length; j++) {
                   
                    var serialNo = j + 1;
                   
                    total += result[i][j].points;
                    console.log(total);
                    html += `<br><div class="row">
                            
                            <div class="form-group col-md-12">
                            <label style="color:black;font-size:14px">${serialNo}.  ${result[i][j].question}</label><br>
                            <i class="fa fa-hand-o-right" aria-hidden="true"></i> <b>${result[i][j].answers} (${result[i][j].points})</b>
                            </div>
                            </div>`;


                  

                    if (j === 13 ) {
                        debugger;
                        $(`#totalPoints${tabId}`).val(total);

                        html += '</div>';
                        $('#tab-contenta').append(html);
                        html = '';
                        break;
                    }
                }
            }
        }
        else {
            alert("No data Found");
        }

    }
          


function groupBy(objectArray, property) {
   return objectArray.reduce((acc, obj) => {
      const key = obj[property];
      if (!acc[key]) {
         acc[key] = [];
      }
      acc[key].push(obj);
      return acc;
   }, {});
}
 
</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>