OpenSlides/client/src/app/site/assignments/assignment-list/assignment-list.component.html

<os-head-bar plusButton=true (plusButtonClicked)=onPlusButton()>
    <!-- Title -->
    <div class="title-slot">
        <h2 translate>Assignments</h2>
    </div>

    <!-- Menu -->
    <div class="menu-slot">
        <button type="button" mat-icon-button [matMenuTriggerFor]="assignmentMenu">
            <mat-icon>more_vert</mat-icon>
        </button>
    </div>
</os-head-bar>

<mat-table class='os-listview-table on-transition-fade' [dataSource]="dataSource" matSort>
    <!-- name column -->
    <ng-container matColumnDef="title">
        <mat-header-cell *matHeaderCellDef mat-sort-header> Title </mat-header-cell>
        <mat-cell *matCellDef="let assignment"> {{assignment.getTitle()}} </mat-cell>
    </ng-container>
    <ng-container matColumnDef="phase">
        <mat-header-cell *matHeaderCellDef mat-sort-header> Phase </mat-header-cell>
        <mat-cell *matCellDef="let assignment">
            <mat-chip-list>
                <mat-chip color="primary" selected>{{assignment.phase}} </mat-chip>
            </mat-chip-list>
        </mat-cell>
    </ng-container>
    <ng-container matColumnDef="candidates">
        <mat-header-cell *matHeaderCellDef mat-sort-header> Candidates </mat-header-cell>
        <mat-cell *matCellDef="let assignment">
            <mat-chip-list>
                <mat-chip color="accent" selected>{{assignment.candidateAmount}}</mat-chip>
            </mat-chip-list>
        </mat-cell>
    </ng-container>

    <mat-header-row *matHeaderRowDef="['title', 'phase', 'candidates']"></mat-header-row>
    <mat-row (click)='selectAssignment(row)' *matRowDef="let row; columns: ['title', 'phase', 'candidates']"></mat-row>
</mat-table>

<mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>

<mat-menu #assignmentMenu="matMenu">
    <button mat-menu-item (click)="downloadAssignmentButton()">
        <mat-icon>archive</mat-icon>
        <span translate>Export ...</span>
    </button>
</mat-menu>