Notes

<div id="grades-index" class="esg-page-wrapper">
<div id="student-grades" style="" data-bind="visible:true">
<!-- Spinner -->
<spinner params="isVisible: !retrieved(), message: stringGradeHomeLoadingDataSpinnerMessage"><div data-bind="visible: isVisible, css: wrapperClass" class="esg-spinner-container" style="display: none;">
<div class="esg-spinner-wrapper">
<div class="esg-spinner"></div>
</div>
<!-- ko if: showMessage -->
<div class="esg-spinner-container__message" data-bind="html: message">Loading grades...</div>
<!-- /ko -->
</div></spinner>


<section id="term-section" data-bind="visible: retrieved()" style="">

<div>
<a id="print-grades-link" class="float-right" href="#" data-bind="visible: StudentTermGrades().length > 0, click: openGradeDetailDialog" style="">
<span class="esg-button__icon--left esg-icon__container" aria-hidden="True">
<svg class="esg-icon esg-icon--small">
<use xlink:href="#icon-print"></use>
</svg>
</span><span id="print-grade-label" class="esg-icon__label">Print</span>
<span class="offScreen">Print student grades in a printer-friendly format.</span>
</a>
</div>

<modal-dialog id="print-grades" params="isVisible:isGradeDetailDialogVisible, title:Ellucian.Student.Grades.Resources.printModalHeading, content:$data, pureModal:true, buttons: [{ title: Ellucian.Student.Grades.Resources.printButtonLabel, callback: Ellucian.Student.Grades.printGrades, isPrimary: true }]"><!-- Copyright 2013-2021 Ellucian Company L.P. and its affiliates. -->
<!-- ko if: isVisible --><!-- /ko -->
<div class="esg-modal-overlay" style="display: none;" data-bind="click: pureModal()?null: toggle, style: {'display': overlayDisplay }"></div></modal-dialog>

<table id="student-programs-info" class="esg-table" data-bind="visible: studentInfoVisible()" style="display: none;">
<tbody class="esg-table-body">
<tr class="esg-table-body__row">
<td class="esg-table-body__td align-top">
<table class="student-personal-info">
<tbody>
<tr>
<td>
<span class="text-bold">Student Name:</span>
<p class="student-pref-name" data-bind="text: studentPreferredName">Jill E. Snyder</p>
</td>
</tr>
<tr>
<td>
<span class="text-bold">Student ID:</span>
<span><span data-bind="text: studentId">1178065</span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td>
<table class="student-program-details">
<tbody>
<tr>
<td class="align-top program-text">
<span class="text-bold">Program (s):</span>
</td>
<td class="program-names align-top">
<ul>
<li>
<div data-bind="foreach: studentProgramNames()">
<span class="program-list-item" data-bind="text:$data">Nursing - AS</span>
<br>

<span class="program-list-item" data-bind="text:$data">Nursing-Precode</span>
<br>

<span class="program-list-item" data-bind="text:$data">Non-CCAC VISITING Student</span>
<br>
</div>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr></tr>

</tbody>
</table>

<section id="student-grades-info" style="" data-bind="visible: retrieved()">


<div style="display:none;" id="EllucianLogo">
<img alt="logo" data-bind="attr:{src: '/Student/' + ReportLogoPath()}" src="/Student//Content/Images/ccaclogo.png">
</div>

<ul data-bind="visible: StudentTermGrades().length > 0, foreach: StudentTermGrades()" id="student-grades-ul" style="">
<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Fall Semester 2016">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-2-groupHeading" aria-controls="collapsible-2-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Fall Semester 2016 (8/22/2016-12/12/2016)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-2-collapseBody" aria-labelledby="collapsible-2-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-0">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-0">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-0">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-0">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-0">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-0" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-0">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">NUR-240-AC61</p>

<p data-bind="text:$data">8/22/2016 - 10/25/2016</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Cmplx Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">7</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">NUR-240C-AC63D</p>

<p data-bind="text:$data">8/22/2016 - 10/28/2016</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Cmplx Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">NUR-240L-AC64</p>

<p data-bind="text:$data">8/22/2016 - 12/12/2016</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Cmplx Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">NUR-250-AC62A</p>

<p data-bind="text:$data">11/1/2016 - 12/15/2016</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Ldrshp Mgt Hltcare Del</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data">P</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">NUR-250C-AC62A</p>

<p data-bind="text:$data">11/1/2016 - 12/15/2016</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Ldrshp Mgt Hltcare Del</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-240-AC61</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Cmplx Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">7</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-240C-AC63D</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Cmplx Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-240L-AC64</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Cmplx Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-250-AC62A</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Ldrshp Mgt Hltcare Del</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">P</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-250C-AC62A</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Ldrshp Mgt Hltcare Del</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Spring Semester 2016">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-3-groupHeading" aria-controls="collapsible-3-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Spring Semester 2016 (1/19/2016-5/9/2016)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle"></div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-3-collapseBody" aria-labelledby="collapsible-3-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-1">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-1">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-1">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-1">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-1">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-1" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-1">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-1">
<p data-bind="text:$data">NUR-240-AC01</p>

<p data-bind="text:$data">1/19/2016 - 4/3/2016</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-1">Cmplx Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-1">7</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-1">
<span data-bind="text:$data">W</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm1-1">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-240-AC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Cmplx Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">7</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">W</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Fall Semester 2015">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-4-groupHeading" aria-controls="collapsible-4-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Fall Semester 2015 (8/17/2015-12/7/2015)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 2.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-4-collapseBody" aria-labelledby="collapsible-4-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-2">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-2">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-2">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-2">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-2">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-2" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-2">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">NUR-220C-NC36</p>

<p data-bind="text:$data">8/17/2015 - 10/11/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Adlt Hlth Nur Pract</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">NUR-220L-NC37</p>

<p data-bind="text:$data">8/17/2015 - 10/11/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Adlt Hlth Nur Pract</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">NUR-220-NC36</p>

<p data-bind="text:$data">8/17/2015 - 10/11/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Adlt Hlth Nur Pract</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data">C</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">NUR-230C-NC36R</p>

<p data-bind="text:$data">10/8/2015 - 12/7/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Family Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">NUR-230L-NC36</p>

<p data-bind="text:$data">10/12/2015 - 12/7/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Family Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">NUR-230-NC35</p>

<p data-bind="text:$data">10/12/2015 - 12/7/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Family Hlth Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data">C</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-220C-NC36</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Adlt Hlth Nur Pract</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-220L-NC37</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Adlt Hlth Nur Pract</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-220-NC36</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Adlt Hlth Nur Pract</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">C</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-230C-NC36R</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Family Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-230L-NC36</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Family Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-230-NC35</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Family Hlth Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">C</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_First Summer 2015">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-5-groupHeading" aria-controls="collapsible-5-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">First Summer 2015 (5/18/2015-7/25/2015)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 4.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-5-collapseBody" aria-labelledby="collapsible-5-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-3">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-3">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-3">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-3">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-3">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-3" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-3">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-3">
<p data-bind="text:$data">NUR-210-NC86H</p>

<p data-bind="text:$data">5/18/2015 - 6/27/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-3">Prof Nursing Issues</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-3">2</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-3">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-3 CourseMidterm1-3">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-210-NC86H</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Prof Nursing Issues</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">2</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Spring Semester 2015">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-6-groupHeading" aria-controls="collapsible-6-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Spring Semester 2015 (1/12/2015-5/16/2015)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-6-collapseBody" aria-labelledby="collapsible-6-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-4">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-4">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-4">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-4">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-4">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-4" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-4">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-4">
<p data-bind="text:$data">NUR-130C-NC02</p>

<p data-bind="text:$data">1/12/2015 - 5/4/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-4">Bas Hlth Concepts</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-4">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-4">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-4 CourseMidterm1-4">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-4">
<p data-bind="text:$data">NUR-130L-NC62</p>

<p data-bind="text:$data">1/26/2015 - 5/3/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-4">Bas Hlth Concepts</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-4">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-4">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-4 CourseMidterm1-4">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-4">
<p data-bind="text:$data">NUR-130-NC01</p>

<p data-bind="text:$data">1/12/2015 - 5/4/2015</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-4">Bas Hlth Concepts</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-4">6</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-4">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-4 CourseMidterm1-4">
<span data-bind="text:Midterm1Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-130C-NC02</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Bas Hlth Concepts</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-130L-NC62</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Bas Hlth Concepts</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-130-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Bas Hlth Concepts</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">6</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Fall Semester 2014">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-7-groupHeading" aria-controls="collapsible-7-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Fall Semester 2014 (8/18/2014-12/8/2014)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 4.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-7-collapseBody" aria-labelledby="collapsible-7-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-5">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-5">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-5">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-5">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-5">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-5" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-5">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-5">
<p data-bind="text:$data">ENG-102-AIN5</p>

<p data-bind="text:$data">9/2/2014 - 12/8/2014</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-5">English Comp 2</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-5">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-5">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-5 CourseMidterm1-5">
<span data-bind="text:Midterm1Grade()">C</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ENG-102-AIN5</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">English Comp 2</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">C</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Spring Semester 2014">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-8-groupHeading" aria-controls="collapsible-8-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Spring Semester 2014 (1/13/2014-5/5/2014)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 1.333</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-8-collapseBody" aria-labelledby="collapsible-8-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-6">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-6">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-6">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-6">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-6">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-6" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-6">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-6">
<p data-bind="text:$data">NUR-130C-NC08</p>

<p data-bind="text:$data">1/13/2014 - 5/5/2014</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-6">Bas Hlth Concepts</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-6">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-6">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-6 CourseMidterm1-6">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-6">
<p data-bind="text:$data">NUR-130L-NC01</p>

<p data-bind="text:$data">1/13/2014 - 5/5/2014</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-6">Bas Hlth Concepts</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-6">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-6">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-6 CourseMidterm1-6">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-6">
<p data-bind="text:$data">NUR-130-NC01</p>

<p data-bind="text:$data">1/13/2014 - 5/5/2014</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-6">Bas Hlth Concepts</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-6">6</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-6">
<span data-bind="text:$data">D</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-6 CourseMidterm1-6">
<span data-bind="text:Midterm1Grade()">D</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-6">
<p data-bind="text:$data">NUR-140-NC01</p>

<p data-bind="text:$data">1/13/2014 - 5/5/2014</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-6">Evid Nur Drug Thrpy</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-6">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-6">
<span data-bind="text:$data">C</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-6 CourseMidterm1-6">
<span data-bind="text:Midterm1Grade()">D</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-130C-NC08</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Bas Hlth Concepts</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-130L-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Bas Hlth Concepts</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-130-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Bas Hlth Concepts</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">6</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">D</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">D</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-140-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Evid Nur Drug Thrpy</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">C</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">D</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Fall Semester 2013">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-9-groupHeading" aria-controls="collapsible-9-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Fall Semester 2013 (8/19/2013-12/9/2013)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 2.250</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-9-collapseBody" aria-labelledby="collapsible-9-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-7">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-7">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-7">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-7">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-7">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-7" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-7">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-7">
<p data-bind="text:$data">NUR-110C-NC01</p>

<p data-bind="text:$data">8/19/2013 - 12/9/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-7">Hlth Cncpt Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-7">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-7">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-7 CourseMidterm1-7">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-7">
<p data-bind="text:$data">NUR-110L-NC02</p>

<p data-bind="text:$data">8/19/2013 - 12/9/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-7">Hlth Cncpt Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-7">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-7">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-7 CourseMidterm1-7">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-7">
<p data-bind="text:$data">NUR-110-NC01</p>

<p data-bind="text:$data">8/19/2013 - 12/9/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-7">Hlth Cncpt Nur Prac</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-7">6</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-7">
<span data-bind="text:$data">C</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-7 CourseMidterm1-7">
<span data-bind="text:Midterm1Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-7">
<p data-bind="text:$data">NUR-120L-NC01</p>

<p data-bind="text:$data">8/19/2013 - 12/9/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-7">Hlth Assess Nur Prct</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-7">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-7">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-7 CourseMidterm1-7">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-7">
<p data-bind="text:$data">NUR-120-NC01</p>

<p data-bind="text:$data">8/19/2013 - 12/9/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-7">Hlth Assess Nur Prct</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-7">2</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-7">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-7 CourseMidterm1-7">
<span data-bind="text:Midterm1Grade()">A</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-110C-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Hlth Cncpt Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-110L-NC02</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Hlth Cncpt Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-110-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Hlth Cncpt Nur Prac</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">6</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">C</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-120L-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Hlth Assess Nur Prct</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">NUR-120-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Hlth Assess Nur Prct</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">2</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">A</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Spring Semester 2013">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-10-groupHeading" aria-controls="collapsible-10-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Spring Semester 2013 (1/14/2013-5/6/2013)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.571</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-10-collapseBody" aria-labelledby="collapsible-10-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-8">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-8">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-8">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-8">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-8">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-8" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-8">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-8">
<p data-bind="text:$data">ENG-101-AIN4</p>

<p data-bind="text:$data">1/28/2013 - 5/5/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-8">English Comp 1</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-8">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-8">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-8 CourseMidterm1-8">
<span data-bind="text:Midterm1Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-8">
<p data-bind="text:$data">MAT-108-NC03</p>

<p data-bind="text:$data">1/14/2013 - 5/6/2013</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-8">Interm Algebra</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-8">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-8">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-8 CourseMidterm1-8">
<span data-bind="text:Midterm1Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ENG-101-AIN4</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">English Comp 1</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">MAT-108-NC03</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Interm Algebra</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Fall Semester 2012">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-11-groupHeading" aria-controls="collapsible-11-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Fall Semester 2012 (8/20/2012-12/10/2012)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-11-collapseBody" aria-labelledby="collapsible-11-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-9">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-9">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-9">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-9">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-9">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-9" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-9">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-9">
<p data-bind="text:$data">BIO-162L-NC02</p>

<p data-bind="text:$data">8/20/2012 - 12/10/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-9">Anatomy &amp; Phys 2</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-9">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-9">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-9 CourseMidterm1-9">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-9">
<p data-bind="text:$data">BIO-162-NC02</p>

<p data-bind="text:$data">8/20/2012 - 12/10/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-9">Anatomy &amp; Phys 2</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-9">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-9">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-9 CourseMidterm1-9">
<span data-bind="text:Midterm1Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-9">
<p data-bind="text:$data">BIO-175L-NC03</p>

<p data-bind="text:$data">8/20/2012 - 12/10/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-9">Microbiology</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-9">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-9">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-9 CourseMidterm1-9">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-9">
<p data-bind="text:$data">BIO-175-NC03</p>

<p data-bind="text:$data">8/20/2012 - 12/10/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-9">Microbiology</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-9">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-9">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-9 CourseMidterm1-9">
<span data-bind="text:Midterm1Grade()">P</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BIO-162L-NC02</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Anatomy &amp; Phys 2</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BIO-162-NC02</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Anatomy &amp; Phys 2</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BIO-175L-NC03</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Microbiology</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BIO-175-NC03</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Microbiology</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">P</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Second Summer 2012">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-12-groupHeading" aria-controls="collapsible-12-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Second Summer 2012 (7/2/2012-8/11/2012)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 4.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-12-collapseBody" aria-labelledby="collapsible-12-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-10">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-10">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-10">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-10">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-10">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-10" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-10">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-10">
<p data-bind="text:$data">ART-137-NC81</p>

<p data-bind="text:$data">7/2/2012 - 8/11/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-10">Ceramics 1</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-10">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-10">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-10 CourseMidterm1-10">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-10">
<p data-bind="text:$data">PSY-108-NC41</p>

<p data-bind="text:$data">7/2/2012 - 8/11/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-10">Human Grwth/Dvlp</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-10">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-10">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-10 CourseMidterm1-10">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ART-137-NC81</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Ceramics 1</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">PSY-108-NC41</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Human Grwth/Dvlp</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_Spring Semester 2012">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-13-groupHeading" aria-controls="collapsible-13-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">Spring Semester 2012 (1/17/2012-5/7/2012)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.000</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-13-collapseBody" aria-labelledby="collapsible-13-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-11">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-11">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-11">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-11">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-11">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-11" colspan="1">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-11">1</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-11">
<p data-bind="text:$data">BIO-161L-NC01</p>

<p data-bind="text:$data">1/17/2012 - 5/7/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-11">Anatomy &amp; Phys 1</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-11">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-11">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-11 CourseMidterm1-11">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-11">
<p data-bind="text:$data">BIO-161-NC01</p>

<p data-bind="text:$data">1/17/2012 - 5/7/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-11">Anatomy &amp; Phys 1</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-11">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-11">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-11 CourseMidterm1-11">
<span data-bind="text:Midterm1Grade()">A</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-11">
<p data-bind="text:$data">MAT-090-NC06</p>

<p data-bind="text:$data">1/17/2012 - 5/7/2012</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-11">Algebra Fund</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-11">4</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-11">
<span data-bind="text:$data">C</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-11 CourseMidterm1-11">
<span data-bind="text:Midterm1Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BIO-161L-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Anatomy &amp; Phys 1</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BIO-161-NC01</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Anatomy &amp; Phys 1</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">A</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">MAT-090-NC06</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Algebra Fund</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">4</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">C</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>
</ul>
<message params="isVisible: StudentTermGrades().length == 0, message: noGradingTermsToShowMessage"><!-- Copyright 2020 Ellucian Company L.P. and its affiliates. -->
<!-- ko if: isVisible --><!-- /ko --></message>
</section>
</section>
</div>
</div>