step 2

      <div class="destination">
        <div class="select-container cls">
          <span class="caption" translate>feed.class</span>
          <nb-select fullWidth required [placeholder]="'feed.selectClass' | translate" formControlName="selectedClass"
            (selectedChange)="setClass($event)" [ngClass]="{'error': isClassInvalid()}">
            <nb-option *ngFor="let cls of classes" [value]="cls.uid">{{ cls.displayName
              }}</nb-option>
          </nb-select>
        </div>
        <nb-icon icon="book-outline" class="portfolio-icon"></nb-icon>
        <div class="select-container portfolio">
          <span class="caption" translate>feed.studentPortfolio</span>
          <nb-select multiple fullWidth required [placeholder]="'feed.selectStudents' | translate"
            formControlName="selectedStudents" [ngClass]="{'error': isStudentsInvalid()}">
            <nb-option *ngIf="students.length === 0 && this.postForm.get('selectedClass').value === ''" disabled
              translate>feed.selectClass</nb-option>
            <nb-option *ngIf="students.length === 0 && this.postForm.get('selectedClass').value !== ''" disabled
              translate>feed.noStudents</nb-option>
            <nb-option *ngFor="let stu of students" [value]="stu.userId">{{ stu.displayName
              }}</nb-option>
          </nb-select>
        </div>
        <div class="edit-post" (click)="removeContent()" [nbTooltip]="'feed.changeMedia' | translate"
          nbTooltipStatus="primary">
          <nb-icon icon="edit-outline"></nb-icon>
        </div>
      </div>