@extends('layouts.master') @section('navigation') @if($role==1) @include('local.managers.admins._navigation') @elseif($role==2) @include('local.managers.sCoords._navigation') @elseif($role==3) @include('local.managers.pCoords._navigation') @else @include('local.professors._navigation') @endif @stop @section('main') <!-- View criterion info --> <div class="modal fade" id="modal-view-criterion"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"></h4> </div> <div class="modal-body"> <table class="table table-bordered"> <thead> @foreach($rubric->titles as $i=>$title) <th>{{$title}} ({{1+($i*($rubric->max_score/$rubric->num_scales))}}-{{(1+$i)*($rubric->max_score/$rubric->num_scales)}})</th> @endforeach <th>Notes</th> </thead> <tbody> <tr></tr> </tbody> </table> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <div class="row"> <div class="col-md-12"> <div class="btn-group pull-right"> {{ HTML::linkAction('ActivitiesController@show', 'Back to Activity', array($activity->id), array('class'=>'btn btn-default btn-sm')) }} {{ HTML::linkAction('ActivitiesController@printAssessment', 'Print', array($activity->id), array('class'=>'btn btn-default btn-sm')) }} </div> <p id="course">Course: {{{ $course->code }}} {{{ $course->number }}}</p> <p id="section">Section: {{{ $course->section }}}</p> <p id="activity" data-activity-id="{{{ $activity->id }}}">Activity: {{{ $activity->name}}} </p> <p>Passing Criteria: <span id="expected_percentage">{{{ $rubric->expected_percentage }}}% of students must obtain at least </span><span id="expected_points">{{{$rubric->expected_points}}}</span> points </p> <table id="assessment-table" class="table table-striped table-condensed table-bordered"> <thead> <tr> <th> </th> @foreach ($rubric_criterion as $index => $criterion) <th data-criterion-id="{{{ $criterion->criterion_id }}}" id="weight-{{$index}}" data-weight = " {{$criterion->weight}}" data-activity-criterion-id="{{$criterion->activity_criterion_id}}"> Weight: {{$criterion->weight}} </th> @endforeach <th></th> <th></th> <th></th> </tr> <tr> <th>Student</th> @foreach ($rubric_criterion as $criterion) <th class="criterion-field" data-criterion-id="{{{ $criterion->criterion_id }}}"><div class="th-box">{{ $criterion->name}}</div></th> @endforeach <th>Student Percentage</th> <th>Student % Per Weight</th> <th>Comments</th> </tr> </thead> <tbody> <!-- If the activity was assessed, load the assessment. Otherwise load empty sheet --> @if(sizeof($assessments)!=0) <!-- For each assessment --> @foreach ($students as $student) <tr class="student-row"> <!-- Fetch student name --> <td class="student-field" data-student-id="{{ $student->id }}"> {{{ $student->name }}} </td> <!-- For each criterion in the rubric, there's a score field --> @for ($i = 0; $i<sizeof($rubric_criterion); $i++) <td class="score-field text-center"> @if(array_key_exists($student->id, $scores_array) && isset($scores_array[$student->id][$rubric_criterion[$i]->activity_criterion_id])) {{$scores_array[$student->id][$rubric_criterion[$i]->activity_criterion_id]}} @else N/A @endif </td> @endfor <td class="percentage text-center"></td> <td class="percentage-per-weight text-center"></td> <td class=""> <textarea class="comments full-textarea" placeholder="Max. 255 characters" maxLength="255" disabled > @if(array_key_exists($student->id, $scores_array)) {{ $scores_array[$student->id]["comments"] }} @endif </textarea> </td> </tr> @endforeach @endif </tbody> <tfoot> <tr> <td> <strong>Passed Criteria Percentage </strong> </td> @for ($i = 0; $i<sizeof($rubric_criterion); $i++) <td class="total text-center"><strong><span class="total-value"></span>%</strong> </td> @endfor <td></td> </tr> </tfoot> </table> </div> </div> <input type='hidden' value = {{$rubric->max_score}} id = "max"> <script> </script> @stop @section('included-js') <!-- StickyTableHeaders js --> <script src="{{ asset('vendor/stickyTableHeaders/js/jquery.stickytableheaders.min.js') }}"></script> @stop @section ('javascript') // -------------------------------------------------------------------------- // Page load // -------------------------------------------------------------------------- // Enable fixed headers $('table').stickyTableHeaders(); $('.total').each(function(index) { percentagePerCriterionPlain(index+1); }); $('.student-row').each(function(index) { percentagePerStudentPlain($(this)); }); // -------------------------------------------------------------------------- // Functions // -------------------------------------------------------------------------- // Calculate average of students that passed a specific criterion function percentagePerCriterionPlain(columnIndex) { // Object to hold the score sum of each criterion var sum = 0 ; var total = 0; columnIndex+=1; // Iterate through rows of column $('table tbody tr td:nth-child('+columnIndex+')').each(function( index ) { var val = parseInt($(this).text()); /* Check if number is integer. If N/A or 0 are chosen, they are ignored in the calculation. */ if(val % 1 === 0 && val!=0) { if(val >= parseInt($('#expected_points').text())) { sum+=1; } total+=1; } }); var percentage= (sum/total*100).toFixed(2); // If no criteria were assessed, set the percentage to 0. // This is to avoid show NaN% if(total==0) percentage="0.00"; $('.total:nth-child('+columnIndex+') span').html(percentage); } // Calculate total for a specific student function percentagePerStudentPlain(row) { /* // Object to hold the score student's total score var sum = 0 ; var total = 0; var percentage = 0; row.find('td.score-field').each(function(index) { var val = parseInt($(this).text()); if(val % 1 === 0) // Check if number is an integer { sum += val; total+=1; } }); percentage =((sum/(total*8))*100).toFixed(2); //If percentage is not a number, set it to 0. if(isNaN(percentage)) percentage="0.00"; row.find('.percentage').html('<strong>'+percentage+'%</strong>'); */ var sum = 0 ; var total = 0; var percentage = 0; var max_score = parseInt($('#max').val()); sum_of_weight = 0; per_of_weight =0; row.find('td.score-field').each(function(index) { var val = parseInt($(this).text()); if(val % 1 === 0) //If number is integer { sum += val; total+=1; per_of_weight += val * parseInt($('#weight-'+index).data("weight")); sum_of_weight += parseInt($('#weight-'+index).data("weight")); } }); percentage_per_weight = (100 *(per_of_weight/(max_score*sum_of_weight))).toFixed(2); percentage =((sum/(total*max_score))*100).toFixed(2); //If percentage is not a number, set it to 0. if(isNaN(percentage)) { percentage="N/A"; row.find('.percentage').html('<strong>'+percentage+'</strong>'); } else { row.find('.percentage').html('<strong>'+percentage+'%</strong>'); } if(isNaN(percentage_per_weight)){ percentage_per_weight="N/A"; row.find('.percentage-per-weight').html('<strong>'+percentage_per_weight+'</strong>'); } else{ row.find('.percentage-per-weight').html('<strong>'+percentage_per_weight+'%</strong>'); } } // -------------------------------------------------------------------------- // Events // -------------------------------------------------------------------------- // Criterion name is clicked $('.criterion-field').on('click', function() { $.ajax({ type: 'POST', url: "{{ URL::action('RubricsController@fetchRubricCriterion') }}", data: { criterion_id: $(this).data('criterion-id') }, success: function(data) { data = JSON.parse(data); $('.modal-title').html(data.criteria.name); descriptions = ''; $('.modal-body tbody tr').empty(); for(i =0; i<{{$rubric->num_scales}}; i++){ descriptions += '<td>'+data[i].description+'</td>' } $('.modal-body tbody tr').append ( descriptions ); if(data.criteria.notes!=null) $('.modal-body tbody tr').append('<td>'+data.criteria.notes+'</td>'); else $('.modal-body tbody tr').append('<td></td>'); }, async:true }); $('#modal-view-criterion').modal(); }); @stop