Newer
Older
<mat-sidenav #auditSideNav id="dars-report-container" mode="over" position="end">
<button id="audit-close" mat-button aria-label="Return to DARS audit list" color="primary" (click)="auditSideNav.close()">
<mat-icon>chevron_left</mat-icon>
Return to audit list
</button>
<div id="loading-audit" *ngIf="isLoading">
<img src="../../../assets/img/bucky-happy.svg" alt="Happy Bucky Badger">
<p>Loading your degree Audit</p>
<mat-spinner diameter="50"></mat-spinner>
</div>
<mat-card id="audit" *ngIf="auditId">
<header class="no-horizontal-padding">
<div class="audit-metadata">
<div>
<p>{{audit.header.preparedDate}}</p>
<p>{{audit.header.name}}</p>
<p>Program Code: {{audit.header.degreeProgram}}</p>
<p>{{auditId}}</p>
<p>{{audit.header.graduationDate}}</p>
<p>{{audit.header.graduationDateLabel}}</p>
</div>
</div>
<h3 class="text-align-center">
{{audit.header.clientDefinedMessage}}
</h3>
<div class="audit-section-controles">
<button mat-stroked-button color="primary">Open All Sections</button>
<button mat-stroked-button color="primary">Close All Sections</button>
</div>
</header>
<section>
<p class="tight faded">This audit was run using values not reflected in your current status. Parameters used when submitting this audit request:</p>
<br/>
<p class="tight faded">Honors Processing: Keep current status.</p>
<p class="tight faded">Courses Used: Using courses from Curse Guide Plan: (Plan name field blank in cobol program "stuinst.)</p>
</section>
<section *ngIf="audit.topText.length > 0">
<p *ngFor="let text of audit.topText" class="text-align-center pre-wrap">{{text}}</p>
</section>
<p class="text-align-center">{{audit.completeText}}</p>
</section>
<section *ngFor="let requirement of audit.requirements">
<h4>{{requirement.requirementName}}</h4>
<p>{{requirement.status.status}} - {{requirement.status.status}}</p>
<div *ngFor="let contentType of requirement.requirementLinesGroupedByContentType">
<h5>{{contentType.contentType}}</h5>
<p *ngFor="let line of contentType.lines">{{line}}</p>
<section *ngIf="audit.bottomText.length > 0">
<p *ngFor="let text of audit.bottomText" class="text-align-center pre-wrap">{{text}}</p>
</section>
<!-- Not sure where this info comes from? -->
<!-- <section class="text-align-center">
<h4 class="mat-h2 uppercase faded">At least one requirment has not been satisfied</h4>
<p class="mat-h2 faded">For more information about undergraduate L&S program see:</p>
<a href="#" mat-button color="primary">L&S Guide</a>
</mat-sidenav>
<!-- Main DARS Content -->
<div id="dars-main">
<h2 class="mat-h1">Completed Audit Requests</h2>
<div id="dars-header-bar">
<div>
<h3 class="mat-h2">Degree Audit</h3>
<p class="mat-body">See the progress towards your current program of study and degree plans.</p>
</div>
<div>
<button mat-raised-button aria-label="Run new degree audit" color="primary">Run new degree audit</button>
</div>
</div>
<div id="aduits">
<table class="audit-table" mat-table [dataSource]="dataSource">
<!-- View Column -->
<ng-container matColumnDef="view">
<th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let audit">
<button mat-raised-button color="primary" [disabled]="audit.pending" (click)="openAudit(3)">View</button>
<!-- School Column -->
<ng-container matColumnDef="school">
<th mat-header-cell *matHeaderCellDef>School/College</th>
<td mat-cell *matCellDef="let audit">{{audit.school}}</td>
</ng-container>
<!-- Program Column -->
<ng-container matColumnDef="program">
<th mat-header-cell *matHeaderCellDef>Program of Study</th>
<td mat-cell *matCellDef="let audit">{{audit.program}}</td>
</ng-container>
<!-- Honors Column -->
<ng-container matColumnDef="honors">
<th mat-header-cell *matHeaderCellDef>Honors Status</th>
<td mat-cell *matCellDef="let audit">Keep current status</td>
</ng-container>
<!-- Plan Column -->
<ng-container matColumnDef="plan">
<th mat-header-cell *matHeaderCellDef>Degree Plan</th>
<td mat-cell *matCellDef="let audit">Plan Title</td>
</ng-container>
<!-- Status Column -->
<ng-container matColumnDef="status">
<th mat-header-cell *matHeaderCellDef>Status</th>
<td mat-cell *matCellDef="let audit">Status goes here</td>
</ng-container>
<!-- Status Column -->
<ng-container matColumnDef="download">
<th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let audit">
<button mat-raised-button>
<mat-icon>vertical_align_bottom</mat-icon>
</button>
</td>
</ng-container>
<!-- Row definition -->
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<div style="text-align: center">
<button mat-stroked-button color="primary" style="margin: 20px auto; padding: 0 30px">Load More</button>
</div>
</div>
<div id="what-if-audits"></div>
</div>
</mat-sidenav-container>