1#@!#!123s

: / home / bmsnrajganj / public_html / erp / application / views / user / syllabus /
Filename : status.php
back
<style type="text/css">

    .table .pull-right {text-align: initial; width: auto}
    .chart canvas {}
    canvas#1_1001{fill: #000 !important}
</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>


<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
  
    <section class="content">
        <div class="box box-primary">

            <?php if (!empty($subjects_data)) {
                ?>


                <div class="row">
                    <div class="col-md-12">
                        <div class="box-header with-border">
                            <h3 class="box-title"><i class="fa fa-users"></i> <?php echo $this->lang->line('syllabus') . " " . $this->lang->line('status'); ?></h3>

                        </div>

                        <div class="box-body">
                            <div class="download_label"> <?php echo $this->lang->line('syllabus_status_report'); ?></div>
                            <div class="row">
                                <div class="text-center">
                                    <?php foreach ($subjects_data as $key => $value) {
                                        ?>

                                        <div class="col-md-2 col-xs-6 systatus">
                                            <b><?php echo $value['lebel'] ?></b> 
                                            <div class="chart ptt10">
                                                <canvas id="<?php echo $value['graph_id'] ?>" class="" style="width: 100%; height: 100%;"></canvas>
                                            </div>
                                            <span class="label lbcolor"><?php echo $this->lang->line('complete') . " " . $value['complete'] . " %"; ?></span>
                                        </div>
                                    <?php }
                                    ?>

                                </div>
                            </div>

                        </div>
                    </div>
                </div><!--./row-->


                <div class="box-body" id="transfee">
                    <div class="table-responsive"> 
                        <a class="btn btn-default btn-xs pull-right" id="print" onclick="printDiv()" ><i class="fa fa-print"></i></a> <a class="btn btn-default btn-xs pull-right" id="btnExport" onclick="fnExcelReport();"> <i class="fa fa-file-excel-o"></i> </a>			 
                        <table class="table table-bordered topicstaus" id="headerTable">
                            <tr class="hide" id="visible">
                                <td colspan="2"><center><b><?php echo $this->lang->line('syllabus') . " " . $this->lang->line('status'); ?></b></center></td>
                            </tr>
                            <tr>

                                <th width="100%"><?php echo $this->lang->line('subject') . " - " . $this->lang->line('lesson'); ?> - <?php echo $this->lang->line('topic'); ?>

                                    <span class="pull-right"><?php echo $this->lang->line('status'); ?></span></th>
                            </tr>
                            <?php
                            $s = 1;
                            foreach ($subjects_data as $key => $value) {
                                ?>
                                <tr>

                                    <td>
                                        <h4><?php echo $value['lebel']; ?><span><?php echo $value['complete']; ?>% <?php echo $this->lang->line('complete'); ?></span></h4>
                                        <ul class="topicstaus">
                                            <li>
                                                <?php
                                                if ($value['total'] > 0) {
                                                    $l = 1;
                                                    foreach ($value['lesson_summary'] as $teachers_summarykey => $teachers_summaryvalue) {
                                                        ?>
                                                        <ul class="topicstaus">

                                                            <li><h4><?php echo $l; ?> &nbsp;&nbsp;&nbsp; <?php echo $teachers_summaryvalue['name'] ?> <span><?php
                                                                        if ($teachers_summaryvalue['complete_percent'] == 0 && $teachers_summaryvalue['incomplete_percent'] == 0) {
                                                                            echo $this->lang->line('no_status');
                                                                        } else {
                                                                            echo $teachers_summaryvalue['complete_percent'];
                                                                            ?>% <?php echo $this->lang->line('complete');
                                                    }
                                                                        ?></span></h4>
                                                                <ul class="topicstaus">
                                                                    <?php
                                                                    $t = 1;
                                                                    foreach ($teachers_summaryvalue['topics'] as $topicskey => $topicsvalue) {
                                                                        ?>
                                                                        <li><h5><?php echo $l . "." . $t; ?> &nbsp;&nbsp;&nbsp; <?php echo $topicsvalue['name']; ?><i><?php
                                                                                    echo $status[$topicsvalue['status']];
                                                                                    if ($topicsvalue['status'] == 1) {
                                                                                        echo " (" . date($this->customlib->getSchoolDateFormat(), strtotime($topicsvalue['complete_date'])) . ")";
                                                                                    }
                                                                                    ?></i></h5></li>
                    <?php $t++;
                }
                ?>
                                                                </ul>
                                                            </li>

                                                        </ul>
                <?php
                $l++;
            }
        }
        ?>
                                            </li>
                                        </ul>
                                    </td>

                                    <td class="pull-right">

                                    </td>
                                </tr>
                    <?php $s++;
                }
                ?>

                        </table>
                    </div><!--./table-responsive-->   

                </div>
<?php }
?>

        </div>
    </section>
</div>
<script>
<?php foreach ($subjects_data as $key => $value) { ?>
        Chart.types.Doughnut.extend({
            name: "DoughnutTextInside",
            showTooltip: function () {
                this.chart.ctx.save();
                Chart.types.Doughnut.prototype.showTooltip.apply(this, arguments);
                this.chart.ctx.restore();
            },
            draw: function () {
                Chart.types.Doughnut.prototype.draw.apply(this, arguments);

                var width = this.chart.width,
                        height = this.chart.height;

                var fontSize = (height / 190).toFixed(2);
                this.chart.ctx.font = fontSize + "em Verdana";
                this.chart.ctx.textBaseline = "middle";

                var text = "",
                        textX = Math.round((width - this.chart.ctx.measureText(text).width) / 2),
                        textY = height / 2;

                this.chart.ctx.fillText(text, textX, textY);
            }
        });

    <?php
    $complete_percent = $value['complete'];
    $incomplete_percent = $value['incomplete'];
    if ($complete_percent == 0 && $incomplete_percent == 0) {
        $complete_percent = 0;
        $incomplete_percent = 100;
    }
    ?>

        var data = [{
                lebel: 'complete',
                value: <?php echo $complete_percent ?>,
                color: "#4CAF50"
            }, {
                value: <?php echo $incomplete_percent ?>,
                color: "#cfcfcf"
            }
        ];

        var DoughnutTextInsideChart = new Chart($('#<?php echo $value['graph_id'] ?>')[0].getContext('2d')).DoughnutTextInside(data, {
            responsive: true
        });
<?php } ?>
</script>




<!-- -->
<script>
    $(document).ready(function () {

        $(document).on('click', '.chk', function () {
            alert();
            var checked = $(this).is(':checked');
            var rowid = $(this).data('rowid');
            var role = $(this).data('role');
            if (checked) {
                if (!confirm('Are you sure you active account?')) {
                    $(this).removeAttr('checked');
                } else {
                    var status = "yes";


                }
            } else if (!confirm('Are you sure you deactive account?')) {
                $(this).prop("checked", true);
            } else {
                var status = "no";


            }
        });
    });
</script>
<script>
    $(document).ready(function (e) {

        getSectionByClass("<?php echo $class_id ?>", "<?php echo $section_id ?>", 'secid');

        getSubjectGroup("<?php echo $class_id ?>", "<?php echo $section_id ?>", "<?php echo $subject_group_id ?>", 'subject_group_id')
        getsubjectBySubjectGroup("<?php echo $class_id ?>", "<?php echo $section_id ?>", "<?php echo $subject_group_id ?>", "<?php echo $subject_id ?>", 'subid');

    });
    function getSectionByClass(class_id, section_id, select_control) {
        if (class_id != "") {
            $('#' + select_control).html("");
            var base_url = '<?php echo base_url() ?>';
            var div_data = '<option value=""><?php echo $this->lang->line('select'); ?></option>';
            $.ajax({
                type: "GET",
                url: base_url + "sections/getByClass",
                data: {'class_id': class_id},
                dataType: "json",
                beforeSend: function () {
                    $('#' + select_control).addClass('dropdownloading');
                },
                success: function (data) {
                    $.each(data, function (i, obj)
                    {
                        var sel = "";
                        if (section_id == obj.section_id) {
                            sel = "selected";
                        }
                        div_data += "<option value=" + obj.section_id + " " + sel + ">" + obj.section + "</option>";
                    });
                    $('#' + select_control).append(div_data);
                },
                complete: function () {
                    $('#' + select_control).removeClass('dropdownloading');
                }
            });
        }
    }
    $(document).on('change', '#secid', function () {
        var class_id = $('#searchclassid').val();
        var section_id = $(this).val();
        getSubjectGroup(class_id, section_id, 0, 'subject_group_id');
    });
    function getSubjectGroup(class_id, section_id, subjectgroup_id, subject_group_target) {
        if (class_id != "" && section_id != "") {

            var div_data = '<option value=""><?php echo $this->lang->line('select'); ?></option>';

            $.ajax({
                type: 'POST',
                url: base_url + 'admin/subjectgroup/getGroupByClassandSection',
                data: {'class_id': class_id, 'section_id': section_id},
                dataType: 'JSON',
                beforeSend: function () {
                    // setting a timeout
                    $('#' + subject_group_target).html("").addClass('dropdownloading');
                },
                success: function (data) {

                    $.each(data, function (i, obj)
                    {
                        var sel = "";
                        if (subjectgroup_id == obj.subject_group_id) {
                            sel = "selected";
                        }
                        div_data += "<option value=" + obj.subject_group_id + " " + sel + ">" + obj.name + "</option>";
                    });
                    $('#' + subject_group_target).append(div_data);
                },
                error: function (xhr) { // if error occured
                    alert("Error occured.please try again");

                },
                complete: function () {
                    $('#' + subject_group_target).removeClass('dropdownloading');
                }
            });
        }

    }


    $(document).on('change', '#subject_group_id', function () {
        var class_id = $('#searchclassid').val();
        var section_id = $('#secid').val();
        var subject_group_id = $(this).val();

        getsubjectBySubjectGroup(class_id, section_id, subject_group_id, 0, 'subid');

    });

    function getsubjectBySubjectGroup(class_id, section_id, subject_group_id, subject_group_subject_id, subject_target) {
        if (class_id != "" && section_id != "" && subject_group_id != "") {

            var div_data = '<option value=""><?php echo $this->lang->line('select'); ?></option>';

            $.ajax({
                type: 'POST',
                url: base_url + 'admin/subjectgroup/getGroupsubjects',
                data: {'subject_group_id': subject_group_id},
                dataType: 'JSON',
                beforeSend: function () {
                    // setting a timeout
                    $('#' + subject_target).html("").addClass('dropdownloading');
                },
                success: function (data) {
                    console.log(data);
                    $.each(data, function (i, obj)
                    {
                        var sel = "";
                        if (subject_group_subject_id == obj.id) {
                            sel = "selected";
                        }
                        div_data += "<option value=" + obj.id + " " + sel + ">" + obj.name + "</option>";
                    });
                    $('#' + subject_target).append(div_data);
                },
                error: function (xhr) { // if error occured
                    alert("Error occured.please try again");

                },
                complete: function () {
                    $('#' + subject_target).removeClass('dropdownloading');
                }
            });
        }
    }



</script>
<script>



    document.getElementById("print").style.display = "block";
    document.getElementById("btnExport").style.display = "block";

    function printDiv() {
        $("#visible").removeClass("hide");
        $(".pull-right").addClass("hide");

        document.getElementById("print").style.display = "none";
        document.getElementById("btnExport").style.display = "none";
        var divElements = document.getElementById('transfee').innerHTML;
        var oldPage = document.body.innerHTML;
        document.body.innerHTML =
                "<html><head><title></title></head><body>" +
                divElements + "</body>";
        window.print();
        document.body.innerHTML = oldPage;
        location.reload(true);
    }

    function fnExcelReport()
    {
        var tab_text = "<table border='2px'><tr >";
        var textRange;
        var j = 0;
        tab = document.getElementById('headerTable'); // id of table

        for (j = 0; j < tab.rows.length; j++)
        {
            tab_text = tab_text + tab.rows[j].innerHTML + "</tr>";            
        }

        tab_text = tab_text + "</table>";
        tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
        tab_text = tab_text.replace(/<img[^>]*>/gi, ""); // remove if u want images in your table
        tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");
        $("#visible").addClass("hide");
        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
        {
            txtArea1.document.open("txt/html", "replace");
            txtArea1.document.write(tab_text);
            txtArea1.document.close();
            txtArea1.focus();
            sa = txtArea1.document.execCommand("SaveAs", true, "Say Thanks to Sumit.xls");
        } else                 //other browser not tested on IE 11
            sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));

        return (sa);
    }
</script>