Skip to content
Snippets Groups Projects
item-bitstreams.component.html 3.05 KiB
Newer Older
<div class="item-bitstreams">
  <div class="button-row top d-flex">
    <button class="btn btn-danger ml-auto" *ngIf="!(isReinstatable() | async)"
            [disabled]="!(hasChanges() | async)"
            (click)="discard()"><i
      class="fas fa-times"></i>
      <span class="d-none d-sm-inline">&nbsp;{{"item.edit.bitstreams.discard-button" | translate}}</span>
    </button>
    <button class="btn btn-warning ml-auto" *ngIf="isReinstatable() | async"
            (click)="reinstate()"><i
      class="fas fa-undo-alt"></i>
      <span class="d-none d-sm-inline">&nbsp;{{"item.edit.bitstreams.reinstate-button" | translate}}</span>
    </button>
    <button class="btn btn-primary" [disabled]="!(hasChanges() | async)"
            (click)="submit()"><i
      class="fas fa-save"></i>
      <span class="d-none d-sm-inline">&nbsp;{{"item.edit.bitstreams.save-button" | translate}}</span>
    </button>
  </div>
  <table class="table table-responsive table-striped table-bordered">
    <tbody>
      <tr>
        <th>{{'item.edit.bitstreams.headers.name' | translate}}</th>
        <th>{{'item.edit.bitstreams.headers.description' | translate}}</th>
        <th class="text-center">{{'item.edit.bitstreams.headers.format' | translate}}</th>
        <th class="text-center">{{'item.edit.bitstreams.headers.actions' | translate}}</th>
      </tr>
      <ng-container *ngFor="let updatesItem of updatesMap | keyvalue">
        <tr>
          <th>{{'item.edit.bitstreams.headers.bundle' | translate}}: {{ updatesItem.key }}</th>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <ng-container *ngVar="((updatesItem.value | async) | dsObjectValues) as updateValues">
          <tr *ngFor="let updateValue of updateValues"
              ds-item-edit-bitstream
              [fieldUpdate]="updateValue"
              [url]="url"
              [ngClass]="{
                'table-warning': updateValue.changeType === 0,
                'table-danger': updateValue.changeType === 2,
                'table-success': updateValue.changeType === 1
              }">
          </tr>
        </ng-container>
      </ng-container>
    </tbody>
  </table>
  <div class="button-row bottom">
    <div class="float-right">
      <button class="btn btn-danger" *ngIf="!(isReinstatable() | async)"
              [disabled]="!(hasChanges() | async)"
              (click)="discard()"><i
        class="fas fa-times"></i>
        <span class="d-none d-sm-inline">&nbsp;{{"item.edit.bitstreams.discard-button" | translate}}</span>
      </button>
      <button class="btn btn-warning" *ngIf="isReinstatable() | async"
              (click)="reinstate()"><i
        class="fas fa-undo-alt"></i>
        <span class="d-none d-sm-inline">&nbsp;{{"item.edit.bitstreams.reinstate-button" | translate}}</span>
      </button>
      <button class="btn btn-primary" [disabled]="!(hasChanges() | async)"
              (click)="submit()"><i
        class="fas fa-save"></i>
        <span class="d-none d-sm-inline">&nbsp;{{"item.edit.bitstreams.save-button" | translate}}</span>
      </button>
    </div>
  </div>
lotte's avatar
lotte committed
</div>