<div class="row">
  <div id="classes" class="col">
    <h3>Your Classes</h3>
    <div *ngIf="classList.length <= 0">
      <h4>It appears you aren't enrolled anywhere!</h4>
    </div>
    <div *ngFor="let ompclass of classList; let i = index" [attr.data-index]="i">
      <div class="container">
        <span class="row">Class Code: {{ompclass.classCode}}</span>
        <span class="row">Class Name: {{ompclass.classname}}</span>
        <span class="row">Description: {{ompclass.description}}</span>
        <span class="row">Year: {{ompclass.year}}</span>
        <span class="row"><button (click)="goToClassView(ompclass.classCode)">View one-minute papers</button></span>
      </div>
    </div>
  </div>
  <div id="papers" class="col">
    <h3>Your Open One-minute Papers</h3>
    <div *ngIf="openPaperList.length <= 0">
      <h4>You have no open one-minute papers!</h4>
    </div>
    <div *ngFor="let paper of openPaperList; let i = index" [attr.data-index]="i">
      <div class="container">
        <span class="row">Class Code: {{paper.classCode}} </span>
        <span class="row">Minute-paper Topic: {{paper.topic}}</span>
        <span class="row">Opened: {{paper.creationDate}}</span>
        <span class="row"><button (click)="goToSubmissionView(paper.paperId)">Respond</button></span>
      </div>
    </div>
  </div>
</div>