ok
Direktori : /home2/selectio/public_html/bharath/application/views/user/syllabus/ |
Current File : /home2/selectio/public_html/bharath/application/views/user/syllabus/status.php |
<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-header"> <h1> <i class="fa fa-flask"></i> <?php echo ('Lesson_plan --r'); ?> </h1> </section> <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['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; ?> <?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; ?> <?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['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+"</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>