change-submitter-page.component.html

<div class="container pt-2 pb-4" *ngVar="submitter | async as sub">
  <div *ngVar="item | async as item" >
    <h3>{{'share.submission.page.title' | translate}}</h3>
    <div *ngIf="sub">
      <span>{{'change.submitter.page.message' | translate}}</span>
      <span class="font-weight-bold">{{getName(sub)}}</span>
      <span class="font-weight-bold"> ({{sub?.email}})</span>
    </div>
    <div *ngIf="sub == null">
      <span>{{'change.submitter.page.cannot.see.submitter.message' | translate}}</span>
    </div>

    <div>
      <span>{{'change.submitter.page.items.handle.message' | translate}}</span>
      <span class="font-weight-bold">{{item?.handle}}</span>
    </div>
    <div>
      <span>{{'change.submitter.page.items.name.message' | translate}}</span>
      <span class="font-weight-bold">{{getName(item)}}</span>
    </div>

    <div class="pt-4">
      <button class="btn btn-info" (click)="changeSubmitter()">
        <span *ngIf="changeSubmitterSpinner"
              class="spinner-border spinner-border-sm spinner-button mr-1" role="status" aria-hidden="true">
        </span>
        <span>{{'change.submitter.page.button.take-it' | translate}}</span>
      </button>
    </div>
  </div>
</div>