No Description

school_student_result.blade.php 43KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032
  1. @extends('layouts.master')
  2. @section('navigation')
  3. @if($role==1)
  4. @include('local.managers.admins._new_navigation')
  5. @elseif($role==2)
  6. @include('local.managers.sCoords._new_navigation')
  7. @endif
  8. @stop
  9. @section('main')
  10. <a href="{{ action('SchoolsController@show', array($school->id)); }}" class="btn btn-primary pull-left" alt="print">Go to Performance by School Courses</a>
  11. <a href="{{ action('SchoolsController@print_school_students_report', array($school->id)); }}" class="btn btn-primary pull-right" alt="print"><span class="glyphicon glyphicon-print"></span></a>
  12. <br>
  13. <br>
  14. <ul id="resultsTabs" class="nav nav-tabs" role="tablist">
  15. <li role="presentation" class="active"><a href="#undergraduate_combined" aria-controls="undergraduate_combined" role="tab">Undergraduate Combined</a></li>
  16. <li role="presentation"><a href="#undergraduate_uncombined" aria-controls="undergraduate_uncombined" role="tab">Undergraduate Uncombined</a></li>
  17. <li role="presentation"><a href="#graduate_combined" aria-controls="graduate_combined" role="tab">Graduate Combined</a></li>
  18. <li role="presentation"><a href="#graduate_uncombined" aria-controls="graduate_uncombined" role="tab">Graduate Uncombined</a></li>
  19. </ul>
  20. <!--<div class="tab-content">-->
  21. <!-- <div class="tab-content"> -->
  22. <div role="tabpanel" class="tab-pane active" id="undergraduate_combined">
  23. <div class="row">
  24. <div class="col-md-12" id="graph2"></div>
  25. </div>
  26. <div class="row">
  27. <div class="col-md-12">
  28. <h3>Performance of {{ $school->name }} Undergrad Students by Combined Learning Outcome</h3>
  29. @if($outcomes->count()>0)
  30. <table class="table table-striped table-condensed datatable">
  31. <thead>
  32. <tr>
  33. <th>Learning Outcome</th>
  34. <th>Program</th>
  35. <th>Program Id</th>
  36. <th>Program Is Graduate</th>
  37. <th>Number Students</th>
  38. <th>Number Students that Achieved the Target</th>
  39. <th>Percentage of Students that Achieved the Target</th>
  40. <!--<th>Semesters</th>-->
  41. </tr>
  42. </thead>
  43. <tfoot>
  44. <tr class="column-search">
  45. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  46. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  47. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  48. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  49. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  50. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  51. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  52. <!-- <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>-->
  53. </tr>
  54. </tfoot>
  55. <tbody>
  56. @foreach($undergraduate_programs as $program)
  57. @foreach($outcomes_colap as $outcome)
  58. @if(isset($outcomes_undergrad_program_attempted_colap[$outcome->id][$program->id]))
  59. <tr>
  60. <td>{{ link_to_action('OutcomesController@show', $outcome->name, array($outcome->id), $attributes = array()) }}</td>
  61. <td>{{{ $program->name }}}</td>
  62. <td>{{{ $program->id }}}</td>
  63. <td>{{{ $program->is_graduate }}}</td>
  64. <td>{{{ $outcomes_undergrad_program_attempted_colap[$outcome->id][$program->id] }}}</td>
  65. @if(isset($outcomes_undergrad_program_achieved_colap[$outcome->id][$program->id]))
  66. <td>{{{ $outcomes_undergrad_program_achieved_colap[$outcome->id][$program->id] }}}</td>
  67. <td>
  68. @if($outcomes_undergrad_program_attempted_colap[$outcome->id][$program->id]!=0)
  69. {{{ round($outcomes_undergrad_program_achieved_colap[$outcome->id][$program->id] / $outcomes_undergrad_program_attempted_colap[$outcome->id][$program->id]*100, 2) }}}%
  70. @else
  71. N/M
  72. @endif
  73. </td>
  74. @else
  75. <td>0</td><td>0%</td>
  76. @endif
  77. {{--}}
  78. <td>
  79. @if(isset($outcomes_undergraduate_attempted_colap_semesters[$program->id][$outcome->id]))
  80. {{{ str_replace('"','',json_encode($outcomes_undergraduate_attempted_colap_semesters[$program->id][$outcome->id])) }}}
  81. @else
  82. N/M
  83. @endif
  84. </td>--}}
  85. </tr>
  86. @endif
  87. @endforeach
  88. @endforeach
  89. </tbody>
  90. </table>
  91. @else
  92. <p class="lead"> No courses assigned.</p>
  93. @endif
  94. </div>
  95. </div>
  96. </div>
  97. <div role="tabpanel" class="tab-pane" id="undergraduate_uncombined">
  98. <div class="row">
  99. <div class="col-md-12" id="graph"></div>
  100. </div>
  101. <div class="row">
  102. <div class="col-md-12">
  103. <h3>Performance of {{ $school->name }} Undergrad Students by Uncombined Learning Outcome</h3>
  104. @if($outcomes->count()>0)
  105. <table class="table table-striped table-condensed datatable">
  106. <thead>
  107. <tr>
  108. <th>Learning Outcome</th>
  109. <th>Program</th>
  110. <th>Program Id</th>
  111. <th>Program Is Graduate</th>
  112. <th>Number Students</th>
  113. <th>Number Students that Achieved the Target</th>
  114. <th>Percentage of Students that Achieved the Target</th>
  115. <!--<th>Semesters</th>-->
  116. </tr>
  117. </thead>
  118. <tfoot>
  119. <tr class="column-search">
  120. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  121. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  122. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  123. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  124. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  125. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  126. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  127. <!--<th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>-->
  128. </tr>
  129. </tfoot>
  130. <tbody>
  131. @foreach($outcomes as $outcome)
  132. @foreach($undergraduate_programs as $program)
  133. @if(isset($outcomes_undergrad_program_attempted_todo[$outcome->id][$program->id]))
  134. <tr>
  135. <td>{{ link_to_action('OutcomesController@show', $outcome->name, array($outcome->id), $attributes = array()) }}</td>
  136. <td>{{{ $program->name }}}</td>
  137. <td>{{{ $program->id }}}</td>
  138. <td>{{{ $program->is_graduate }}}</td>
  139. <td>{{{ $outcomes_undergrad_program_attempted_todo[$outcome->id][$program->id] }}}</td>
  140. @if((isset($outcomes_undergrad_program_achieved_todo[$outcome->id][$program->id])))
  141. <td>{{{ $outcomes_undergrad_program_achieved_todo[$outcome->id][$program->id] }}}</td>
  142. <td>
  143. @if($outcomes_undergrad_program_attempted_todo[$outcome->id][$program->id]!=0)
  144. {{{ round($outcomes_undergrad_program_achieved_todo[$outcome->id][$program->id] / $outcomes_undergrad_program_attempted_todo[$outcome->id][$program->id]*100, 2) }}}%
  145. @else
  146. N/M
  147. @endif
  148. </td>
  149. @else
  150. <td>0</td>
  151. <td>0%</td>
  152. @endif
  153. {{--}}
  154. <td>
  155. @if(isset($outcomes_undergraduate_attempted_semesters[$program->id][$outcome->id]))
  156. {{{ str_replace('"','',json_encode($outcomes_undergraduate_attempted_semesters[$program->id][$outcome->id])) }}}
  157. @else
  158. N/M
  159. @endif
  160. </td>--}}
  161. </tr>
  162. @endif
  163. @endforeach
  164. @endforeach
  165. </tbody>
  166. </table>
  167. @else
  168. <p class="lead"> No courses assigned.</p>
  169. @endif
  170. </div>
  171. </div>
  172. </div>
  173. <div role="tabpanel" class="tab-pane" id="graduate_combined">
  174. <div class="row">
  175. <div class="col-md-12" id="graph3"></div>
  176. </div>
  177. <div class="row">
  178. <div class="col-md-12">
  179. <h3>Performance of {{ $school->name }} Graduate Students by Combined Learning Outcome</h3>
  180. @if($outcomes->count()>0)
  181. <table class="table table-striped table-condensed datatable">
  182. <thead>
  183. <tr>
  184. <th>Learning Outcome</th>
  185. <th>Program</th>
  186. <th>Program Id</th>
  187. <th>Program Is Graduate</th>
  188. <th>Number Students</th>
  189. <th>Number Students that Achieved the Target</th>
  190. <th>Percentage of Students that Achieved the Target</th>
  191. <!--<th>Semesters</th>-->
  192. </tr>
  193. </thead>
  194. <tfoot>
  195. <tr class="column-search">
  196. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  197. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  198. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  199. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  200. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  201. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  202. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  203. <!--<th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>-->
  204. </tr>
  205. </tfoot>
  206. <tbody>
  207. @foreach($graduate_programs as $program)
  208. @foreach($outcomes_colap as $outcome)
  209. @if(isset($outcomes_grad_program_attempted_colap[$outcome->id][$program->id]))
  210. <tr>
  211. <td>{{ link_to_action('OutcomesController@show', $outcome->name, array($outcome->id), $attributes = array()) }}</td>
  212. <td>{{{ $program->name }}}</td>
  213. <td>{{{ $program->id }}}</td>
  214. <td>{{{ $program->is_graduate }}}</td>
  215. <td>{{{ $outcomes_grad_program_attempted_colap[$outcome->id][$program->id] }}}</td>
  216. @if((isset($outcomes_grad_program_achieved_colap[$outcome->id][$program->id])))
  217. <td>{{{ $outcomes_grad_program_achieved_colap[$outcome->id][$program->id] }}}</td>
  218. <td>
  219. @if($outcomes_grad_program_attempted_colap[$outcome->id][$program->id]!=0)
  220. {{{ round($outcomes_grad_program_achieved_colap[$outcome->id][$program->id] / $outcomes_grad_program_attempted_colap[$outcome->id][$program->id]*100, 2) }}}%
  221. @else
  222. N/M
  223. @endif
  224. </td>
  225. @else
  226. <td>
  227. 0</td>
  228. <td>0%</td>
  229. @endif
  230. {{--}}
  231. <td>
  232. @if(isset($outcomes_undergraduate_attempted_colap_semesters[$program->id][$outcome->id]))
  233. {{{ str_replace('"','',json_encode($outcomes_undergraduate_attempted_colap_semesters[$program->id][$outcome->id])) }}}
  234. @else
  235. N/M
  236. @endif
  237. </td>--}}
  238. </tr>
  239. @endif
  240. @endforeach
  241. @endforeach
  242. </tbody>
  243. </table>
  244. @else
  245. <p class="lead"> No courses assigned.</p>
  246. @endif
  247. </div>
  248. </div>
  249. </div>
  250. <div role="tabpanel" class="tab-pane" id="graduate_uncombined">
  251. <div class="row">
  252. <div class="col-md-12" id="graph4"></div>
  253. </div>
  254. <div class="row">
  255. <div class="col-md-12">
  256. <h3>Performance of {{ $school->name }} Graduate Students by Uncombined Learning Outcome</h3>
  257. @if($outcomes->count()>0)
  258. <table class="table table-striped table-condensed datatable">
  259. <thead>
  260. <tr>
  261. <th>Learning Outcome</th>
  262. <th>Program</th>
  263. <th>Program Id</th>
  264. <th>Program Is Graduate</th>
  265. <th>Number Students</th>
  266. <th>Number Students that Achieved the Target</th>
  267. <th>Percentage of Students that Achieved the Target</th>
  268. <!--<th>Semesters</th>-->
  269. </tr>
  270. </thead>
  271. <tfoot>
  272. <tr class="column-search">
  273. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  274. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  275. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  276. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  277. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  278. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  279. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  280. <!--<th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>-->
  281. </tr>
  282. </tfoot>
  283. <tbody>
  284. @foreach($graduate_programs as $program)
  285. @foreach($outcomes as $outcome)
  286. @if(isset($outcomes_grad_program_attempted_colap[$outcome->id][$program->id]))
  287. <tr>
  288. <td>{{ link_to_action('OutcomesController@show', $outcome->name, array($outcome->id), $attributes = array()) }}</td>
  289. <td>{{{ $program->name }}}</td>
  290. <td>{{{ $program->id }}}</td>
  291. <td>{{{ $program->is_graduate }}}</td>
  292. <td>{{{ $outcomes_grad_program_attempted_colap[$outcome->id][$program->id] }}}</td>
  293. @if(isset($outcomes_grad_program_achieved_colap[$outcome->id][$program->id]))
  294. <td>{{{ $outcomes_grad_program_achieved_colap[$outcome->id][$program->id] }}}</td>
  295. <td>
  296. @if($outcomes_grad_program_attempted_colap[$outcome->id][$program->id]!=0)
  297. {{{ round($outcomes_grad_program_achieved_colap[$outcome->id][$program->id] / $outcomes_grad_program_attempted_colap[$outcome->id][$program->id]*100, 2) }}}%
  298. @else
  299. N/M
  300. @endif
  301. </td>
  302. @else
  303. <td>0</td>
  304. <td>
  305. 0%
  306. </td>
  307. @endif
  308. {{--}}
  309. <td>
  310. @if(isset($outcomes_undergraduate_attempted_colap_semesters[$program->id][$outcome->id]))
  311. {{{ str_replace('"','',json_encode($outcomes_undergraduate_attempted_colap_semesters[$program->id][$outcome->id])) }}}
  312. @else
  313. N/M
  314. @endif
  315. </td>--}}
  316. </tr>
  317. @endif
  318. @endforeach
  319. @endforeach
  320. </tbody>
  321. </table>
  322. @else
  323. <p class="lead"> No courses assigned.</p>
  324. @endif
  325. </div>
  326. </div>
  327. </div>
  328. <!--</div>-->
  329. <!-- ===== tabs ===== -->
  330. <div class="row">
  331. <!-- Nav tabs -->
  332. <!-- Tab panes -->
  333. <ul id="programTabs" class="nav nav-tabs" role="tablist">
  334. <li role="presentation" class="active"><a href="#courses" aria-controls="courses" role="tab">Courses</a></li>
  335. <li role="presentation"><a href="#contact" aria-controls="contact" role="tab">Contact Information</a></li>
  336. </ul>
  337. <div class="tab-content">
  338. <div role="tabpanel" class="tab-pane active" id="courses">
  339. <div class="row">
  340. <div class="col-md-12">
  341. <h3>Courses in this School</h3>
  342. @if(count($grouped_courses)>0)
  343. <table class="table table-striped table-condensed datatable">
  344. <thead>
  345. <tr>
  346. <th>Identifier</th>
  347. <th>Name</th>
  348. <th>Course Program</th>
  349. <th>Number of Students</th>
  350. </tr>
  351. </thead>
  352. <tfoot>
  353. <tr class="column-search">
  354. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  355. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  356. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  357. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  358. </tr>
  359. </tfoot>
  360. <tbody>
  361. @foreach($grouped_courses as $grouped_course)
  362. <tr>
  363. <td class="col-md-2">{{ HTML::linkAction('CoursesController@showGrouped', $grouped_course->code.$grouped_course->number.' ('.$grouped_course->semester->code.')', array($grouped_course->code, $grouped_course->number, $grouped_course->semester->code)) }}</td>
  364. <td class="col-md-4">{{{ $grouped_course->name}}}</td>
  365. <td class="col-md-2">{{{ $grouped_course->program->code}}}</td>
  366. <td class="col-md-3">{{{ $grouped_course->quantity }}}</td>
  367. </tr>
  368. @endforeach
  369. </tbody>
  370. </table>
  371. @else
  372. <p class="lead"> No courses assigned.</p>
  373. @endif
  374. </div>
  375. </div>
  376. </div>
  377. <div role="tabpanel" class="tab-pane" id="contact">
  378. <div class="row">
  379. <div class="col-md-12">
  380. <h3>Contact Information</h3>
  381. <table class="table table-striped datatable">
  382. <thead>
  383. <tr>
  384. <th>Name</th>
  385. <th>Role</th>
  386. <th>Program</th>
  387. <th>Email</th>
  388. <th>Office Phone</th>
  389. </tr>
  390. </thead>
  391. <tfoot>
  392. <tr class="column-search">
  393. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  394. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  395. <th><select class="column-search-select form-control"><option value=""></option></select></th>
  396. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  397. <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
  398. </tr>
  399. </tfoot>
  400. <tbody>
  401. @foreach($users as $user)
  402. <tr>
  403. <td>{{ $user->surnames }}, {{ $user->first_name }}</td>
  404. @if($user->role == 1)
  405. <td>Administrator</td>
  406. <td>All</td>
  407. @elseif($user->role == 2)
  408. <td>School Coordinator</td>
  409. <td>All in {{ $program->school->name }}</td>
  410. @elseif($user->role == 3)
  411. <td>Program Coordinator</td>
  412. <td>
  413. @foreach ($user->programs as $program)
  414. {{ $program->name }}&nbsp;
  415. @endforeach
  416. </td>
  417. @else
  418. <td>Professor</td>
  419. <td>
  420. @foreach ($user->programs as $program)
  421. {{ $program->name }}&nbsp;
  422. @endforeach
  423. </td>
  424. @endif
  425. <td>
  426. <a href="mailto:{{ $user->email }}">{{ $user->email }}</a>
  427. </td>
  428. <td>
  429. @if($user->office_phone)
  430. {{{ $user->office_phone }}}
  431. @if($user->office_extension)
  432. <span>ext.</span> {{{ $user->office_extension }}}
  433. @endif
  434. @else
  435. Not set
  436. @endif
  437. </td>
  438. </tr>
  439. @endforeach
  440. </tbody>
  441. </table>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447. <!-- ===== end tabs ===== -->
  448. @stop
  449. @section('included-js')
  450. <!-- HighCharts -->
  451. <script src="{{ asset('vendor/highcharts/highcharts.js') }}"></script>
  452. <!--script src="http://code.highcharts.com/modules/exporting.js"></script -->
  453. <!-- Datatables -->
  454. @include('global._datatables_js')
  455. @stop
  456. @section('javascript')
  457. $('#programTabs a').click(function (e) {
  458. e.preventDefault()
  459. $(this).tab('show');
  460. });
  461. $('#graph').highcharts({
  462. chart: {
  463. type: 'bar'
  464. },
  465. title: {
  466. text: 'Performance of {{ $school->name }} Undergraduate Students by Uncombined Learning Outcome'
  467. },
  468. legend: {
  469. reversed: true,
  470. },
  471. xAxis: {
  472. categories: [
  473. @foreach($outcomes as $outcome)
  474. @if(isset($outcomes_undergraduate_attempted_todo[$outcome->id]) &&
  475. isset($outcomes_undergraduate_achieved_todo[$outcome->id]))
  476. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_undergraduate_attempted_todo[$outcome->id] }}}, {{{ $outcomes_undergraduate_achieved_todo[$outcome->id] }}})",
  477. @elseif(isset($outcomes_undergraduate_attempted_todo[$outcome->id]))
  478. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_undergraduate_attempted_todo[$outcome->id] }}}, 0)",
  479. @else
  480. "{{{ $outcome->name }}}<br>(N = 0, 0)",
  481. @endif
  482. @endforeach
  483. ],
  484. labels: {
  485. style: {
  486. fontSize:'11px'
  487. },
  488. step:1,
  489. useHTML:true,
  490. formatter: function() {
  491. return '<div style="width:200px; word-break:break; text-overflow:ellipsis; overflow:hidden;">'+this.value+'</div>';
  492. },
  493. }
  494. },
  495. yAxis: {
  496. min: 0,
  497. max: 100,
  498. title: {
  499. text: 'Percentage'
  500. },
  501. plotLines:[{
  502. value:70,
  503. color: '#000',
  504. width:3,
  505. zIndex:4,
  506. label:{
  507. text: 'Goal (70%)',
  508. style: {
  509. color: '#000',
  510. fontSize: '14px',
  511. }
  512. }
  513. }]
  514. },
  515. tooltip: {
  516. headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
  517. pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  518. '<td style="padding:0"><b>{point.y:.2f}</b></td></tr>',
  519. footerFormat: '</table>',
  520. shared: true,
  521. useHTML: true
  522. },
  523. plotOptions: {
  524. bar: {
  525. //grouping: false,
  526. shadow: false,
  527. borderWidth: 0,
  528. },
  529. series: {
  530. pointPadding: 0,
  531. groupPadding: 0.075
  532. },
  533. },
  534. series: [/*{
  535. name: 'Expected Value',
  536. color: '#555555',
  537. dataLabels: {
  538. enabled: true,
  539. fontSize: 8,
  540. color: '#fff',
  541. align: 'right',
  542. format: '{y:.1f}%',
  543. style: {
  544. //fontWeight: 'bold'
  545. },
  546. y:-1
  547. },
  548. data: [
  549. @foreach($outcomes as $index => $outcome)
  550. @if(
  551. is_array($outcomes_undergraduate_attempted_todo)
  552. && array_key_exists($outcome->id, $outcomes_undergraduate_attempted_todo)
  553. && $outcomes_undergraduate_attempted_todo[$outcome->id]!=0)
  554. @else
  555. 0,
  556. @endif
  557. @endforeach
  558. ]
  559. },*/{
  560. name: 'Obtained Value',
  561. color: '#e70033',
  562. dataLabels: {
  563. enabled: true,
  564. fontSize: 8,
  565. color: '#fff',
  566. align: 'right',
  567. format: '{y:.1f}%',
  568. style: {
  569. //fontWeight: 'bold'
  570. },
  571. y:-1
  572. },
  573. data:[
  574. @foreach($outcomes as $index => $outcome)
  575. @if(
  576. is_array($outcomes_undergraduate_attempted_todo)
  577. && array_key_exists($outcome->id, $outcomes_undergraduate_attempted_todo)
  578. && $outcomes_undergraduate_attempted_todo[$outcome->id]!=0
  579. && isset($outcomes_undergraduate_achieved_todo[$outcome->id]))
  580. {{{ ($outcomes_undergraduate_achieved_todo[$outcome->id]/$outcomes_undergraduate_attempted_todo[$outcome->id])*100 }}},
  581. @else
  582. 0,
  583. @endif
  584. @endforeach
  585. ]
  586. }]
  587. });
  588. $('#graph2').highcharts({
  589. chart: {
  590. type: 'bar'
  591. },
  592. title: {
  593. text: 'Performance of {{ $school->name }} Undergraduate Students by Combined Learning Outcome'
  594. },
  595. legend: {
  596. reversed: true,
  597. },
  598. xAxis: {
  599. categories: [
  600. @foreach($outcomes_colap as $outcome)
  601. @if(isset($outcomes_undergraduate_attempted_colap_todo[$outcome->id]) &&
  602. isset($outcomes_undergraduate_achieved_colap_todo[$outcome->id]))
  603. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_undergraduate_attempted_colap_todo[$outcome->id] }}}, {{{ $outcomes_undergraduate_achieved_colap_todo[$outcome->id] }}})",
  604. @elseif(isset($outcomes_undergraduate_attempted_colap_todo[$outcome->id]))
  605. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_undergraduate_attempted_colap_todo[$outcome->id] }}}, 0)",
  606. @else
  607. "{{{ $outcome->name }}}<br>(N = 0, 0)",
  608. @endif
  609. @endforeach
  610. ],
  611. labels: {
  612. style: {
  613. fontSize:'11px'
  614. },
  615. step:1,
  616. useHTML:true,
  617. formatter: function() {
  618. return '<div style="width:200px; word-break:break; text-overflow:ellipsis; overflow:hidden;">'+this.value+'</div>';
  619. },
  620. }
  621. },
  622. yAxis: {
  623. min: 0,
  624. max: 100,
  625. title: {
  626. text: 'Percentage'
  627. },
  628. plotLines:[{
  629. value:70,
  630. color: '#000',
  631. width:3,
  632. zIndex:4,
  633. label:{
  634. text: 'Goal (70%)',
  635. style: {
  636. color: '#000',
  637. fontSize: '14px',
  638. }
  639. }
  640. }]
  641. },
  642. tooltip: {
  643. headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
  644. pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  645. '<td style="padding:0"><b>{point.y:.2f}</b></td></tr>',
  646. footerFormat: '</table>',
  647. shared: true,
  648. useHTML: true
  649. },
  650. plotOptions: {
  651. bar: {
  652. //grouping: false,
  653. shadow: false,
  654. borderWidth: 0,
  655. },
  656. series: {
  657. pointPadding: 0,
  658. groupPadding: 0.075
  659. },
  660. },
  661. series: [/*{
  662. name: 'Expected Value',
  663. color: '#555555',
  664. dataLabels: {
  665. enabled: true,
  666. fontSize: 8,
  667. color: '#fff',
  668. align: 'right',
  669. format: '{y:.1f}%',
  670. style: {
  671. //fontWeight: 'bold'
  672. },
  673. y:-1
  674. },
  675. data: [
  676. @foreach($outcomes_colap as $index => $outcome)
  677. @if(
  678. is_array($outcomes_undergraduate_attempted_colap_todo)
  679. && array_key_exists($outcome->id, $outcomes_undergraduate_attempted_colap_todo)
  680. && $outcomes_undergraduate_attempted_colap_todo[$outcome->id]!=0)
  681. @else
  682. 0,
  683. @endif
  684. @endforeach
  685. ]
  686. },*/{
  687. name: 'Obtained Value',
  688. color: '#e70033',
  689. dataLabels: {
  690. enabled: true,
  691. fontSize: 8,
  692. color: '#fff',
  693. align: 'right',
  694. format: '{y:.1f}%',
  695. style: {
  696. //fontWeight: 'bold'
  697. },
  698. y:-1
  699. },
  700. data:[
  701. @foreach($outcomes_colap as $index => $outcome)
  702. @if(
  703. is_array($outcomes_undergraduate_attempted_colap_todo)
  704. && array_key_exists($outcome->id, $outcomes_undergraduate_attempted_colap_todo)
  705. && $outcomes_undergraduate_attempted_colap_todo[$outcome->id]!=0
  706. && isset($outcomes_undergraduate_achieved_colap_todo[$outcome->id]))
  707. {{{ ($outcomes_undergraduate_achieved_colap_todo[$outcome->id]/$outcomes_undergraduate_attempted_colap_todo[$outcome->id])*100 }}},
  708. @else
  709. 0,
  710. @endif
  711. @endforeach
  712. ]
  713. }]
  714. });
  715. $('#graph3').highcharts({
  716. chart: {
  717. type: 'bar'
  718. },
  719. title: {
  720. text: 'Performance of {{ $school->name }} Graduate Students by Combined Learning Outcome'
  721. },
  722. legend: {
  723. reversed: true,
  724. },
  725. xAxis: {
  726. categories: [
  727. @foreach($outcomes_colap as $outcome)
  728. @if(isset($outcomes_graduate_attempted_colap_todo[$outcome->id])
  729. && isset($outcomes_graduate_achieved_colap_todo[$outcome->id]))
  730. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_graduate_attempted_colap_todo[$outcome->id] }}}, {{{ $outcomes_graduate_achieved_colap_todo[$outcome->id] }}})",
  731. @elseif(isset($outcomes_graduate_attempted_colap_todo[$outcome->id]))
  732. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_graduate_attempted_colap_todo[$outcome->id] }}}, 0)",
  733. @else
  734. "{{{ $outcome->name }}}<br>(N = 0, 0)",
  735. @endif
  736. @endforeach
  737. ],
  738. labels: {
  739. style: {
  740. fontSize:'11px'
  741. },
  742. step:1,
  743. useHTML:true,
  744. formatter: function() {
  745. return '<div style="width:200px; word-break:break; text-overflow:ellipsis; overflow:hidden;">'+this.value+'</div>';
  746. },
  747. }
  748. },
  749. yAxis: {
  750. min: 0,
  751. max: 100,
  752. title: {
  753. text: 'Percentage'
  754. },
  755. plotLines:[{
  756. value:70,
  757. color: '#000',
  758. width:3,
  759. zIndex:4,
  760. label:{
  761. text: 'Goal (70%)',
  762. style: {
  763. color: '#000',
  764. fontSize: '14px',
  765. }
  766. }
  767. }]
  768. },
  769. tooltip: {
  770. headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
  771. pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  772. '<td style="padding:0"><b>{point.y:.2f}</b></td></tr>',
  773. footerFormat: '</table>',
  774. shared: true,
  775. useHTML: true
  776. },
  777. plotOptions: {
  778. bar: {
  779. //grouping: false,
  780. shadow: false,
  781. borderWidth: 0,
  782. },
  783. series: {
  784. pointPadding: 0,
  785. groupPadding: 0.075
  786. },
  787. },
  788. series: [/*{
  789. name: 'Expected Value',
  790. color: '#555555',
  791. dataLabels: {
  792. enabled: true,
  793. fontSize: 8,
  794. color: '#fff',
  795. align: 'right',
  796. format: '{y:.1f}%',
  797. style: {
  798. //fontWeight: 'bold'
  799. },
  800. y:-1
  801. },
  802. data: [
  803. @foreach($outcomes_colap as $index => $outcome)
  804. @if(
  805. is_array($outcomes_graduate_attempted_colap_todo)
  806. && array_key_exists($outcome->id, $outcomes_graduate_attempted_colap_todo)
  807. && $outcomes_graduate_attempted_colap_todo[$outcome->id]!=0
  808. )
  809. @else
  810. 0,
  811. @endif
  812. @endforeach
  813. ]
  814. },*/{
  815. name: 'Obtained Value',
  816. color: '#e70033',
  817. dataLabels: {
  818. enabled: true,
  819. fontSize: 8,
  820. color: '#fff',
  821. align: 'right',
  822. format: '{y:.1f}%',
  823. style: {
  824. //fontWeight: 'bold'
  825. },
  826. y:-1
  827. },
  828. data:[
  829. @foreach($outcomes_colap as $index => $outcome)
  830. @if(
  831. is_array($outcomes_graduate_attempted_colap_todo)
  832. && array_key_exists($outcome->id, $outcomes_graduate_attempted_colap_todo)
  833. && $outcomes_graduate_attempted_colap_todo[$outcome->id]!=0
  834. && isset($outcomes_graduate_achieved_colap_todo[$outcome->id]))
  835. {{{ ($outcomes_graduate_achieved_colap_todo[$outcome->id]/$outcomes_graduate_attempted_colap_todo[$outcome->id])*100 }}},
  836. @else
  837. 0,
  838. @endif
  839. @endforeach
  840. ]
  841. }]
  842. });
  843. $('#graph4').highcharts({
  844. chart: {
  845. type: 'bar'
  846. },
  847. title: {
  848. text: 'Performance of {{ $school->name }} Graduate Students by Uncombined Learning Outcome'
  849. },
  850. legend: {
  851. reversed: true,
  852. },
  853. xAxis: {
  854. categories: [
  855. @foreach($outcomes as $outcome)
  856. @if(isset($outcomes_graduate_attempted_todo[$outcome->id])
  857. && isset($outcomes_graduate_achieved_todo[$outcome->id]))
  858. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_graduate_attempted_todo[$outcome->id] }}}, {{{ $outcomes_graduate_achieved_todo[$outcome->id] }}})",
  859. @elseif(isset($outcomes_graduate_attempted_todo[$outcome->id]))
  860. "{{{ $outcome->name }}}<br>(N = {{{ $outcomes_graduate_attempted_todo[$outcome->id] }}}, 0)",
  861. @else
  862. "{{{ $outcome->name }}}<br>(N = 0, 0)",
  863. @endif @endforeach
  864. ],
  865. labels: {
  866. style: {
  867. fontSize:'11px'
  868. },
  869. step:1,
  870. useHTML:true,
  871. formatter: function() {
  872. return '<div style="width:200px; word-break:break; text-overflow:ellipsis; overflow:hidden;">'+this.value+'</div>';
  873. },
  874. }
  875. },
  876. yAxis: {
  877. min: 0,
  878. max: 100,
  879. title: {
  880. text: 'Percentage'
  881. },
  882. plotLines:[{
  883. value:70,
  884. color: '#000',
  885. width:3,
  886. zIndex:4,
  887. label:{
  888. text: 'Goal (70%)',
  889. style: {
  890. color: '#000',
  891. fontSize: '14px',
  892. }
  893. }
  894. }]
  895. },
  896. tooltip: {
  897. headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
  898. pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  899. '<td style="padding:0"><b>{point.y:.2f}</b></td></tr>',
  900. footerFormat: '</table>',
  901. shared: true,
  902. useHTML: true
  903. },
  904. plotOptions: {
  905. bar: {
  906. //grouping: false,
  907. shadow: false,
  908. borderWidth: 0,
  909. },
  910. series: {
  911. pointPadding: 0,
  912. groupPadding: 0.075
  913. },
  914. },
  915. series: [/*{
  916. name: 'Expected Value',
  917. color: '#555555',
  918. dataLabels: {
  919. enabled: true,
  920. fontSize: 8,
  921. color: '#fff',
  922. align: 'right',
  923. format: '{y:.1f}%',
  924. style: {
  925. //fontWeight: 'bold'
  926. },
  927. y:-1
  928. },
  929. data: [
  930. ]
  931. },*/{
  932. name: 'Obtained Value',
  933. color: '#e70033',
  934. dataLabels: {
  935. enabled: true,
  936. fontSize: 8,
  937. color: '#fff',
  938. align: 'right',
  939. format: '{y:.1f}%',
  940. style: {
  941. //fontWeight: 'bold'
  942. },
  943. y:-1
  944. },
  945. data:[
  946. @foreach($outcomes as $index => $outcome)
  947. @if(
  948. is_array($outcomes_graduate_attempted_todo)
  949. && array_key_exists($outcome->id, $outcomes_graduate_attempted_todo)
  950. && $outcomes_graduate_attempted_todo[$outcome->id]!=0
  951. && isset($outcomes_graduate_achieved_todo[$outcome->id]))
  952. {{{ ($outcomes_graduate_achieved_todo[$outcome->id]/$outcomes_graduate_attempted_todo[$outcome->id])*100 }}},
  953. @else
  954. 0,
  955. @endif
  956. @endforeach
  957. ]
  958. }]
  959. });
  960. // Include dummy graph for outcomes
  961. @include('global.dummy-outcomes')
  962. @stop