kateb-panel/src/routes/panel/volunteer/table/table.component.html

132 lines
4.7 KiB
HTML

<mat-toolbar color="primary" class="card-over">
<mat-toolbar-row>
<span class="title">داوطلبین</span>
</mat-toolbar-row>
<mat-toolbar-row></mat-toolbar-row>
</mat-toolbar>
<mat-card>
<mat-toolbar>
<mat-form-field appearance="outline">
<mat-label>آموزشکده</mat-label>
<mat-select>
<mat-option value="فعلی"> فعلی </mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>جستجو بر اساس فیلد</mat-label>
<mat-select
[(ngModel)]="searchBy"
(selectionChange)="Get($event, 'search')"
>
<mat-option value="name"> نام </mat-option>
<mat-option value="lastname"> نام خانوادگی </mat-option>
<mat-option value="nationalcode"> کد ملی </mat-option>
<mat-option value="major"> رشته </mat-option>
<mat-option value="step"> مرحله </mat-option>
<mat-option value="militaryserviceStatus"> نظام وظیفه </mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>جستجو داوطلب</mat-label>
<input
matInput
[(ngModel)]="search"
type="text"
name="search"
(keyup)="Get($event, 'search')"
autocomplete="off"
/>
<button mat-icon-button matSuffix>
<mat-icon>search</mat-icon>
</button>
</mat-form-field>
<p style="padding-right: 10px; font-size: 14px" *ngIf="this.size > 0">
نتایج یافت شده : {{ this.size }}
</p>
<div class="flex-space"></div>
</mat-toolbar>
<mat-progress-bar
*ngIf="loading == true"
mode="indeterminate"
></mat-progress-bar>
<ng-container *ngIf="data != null">
<mat-divider></mat-divider>
<table matSort mat-table [dataSource]="data">
<ng-container matColumnDef="uid">
<th mat-header-cell *matHeaderCellDef mat-sort-header="uid">
شناسه سیستمی یا تلفن همراه
</th>
<td mat-cell *matCellDef="let element">{{ element.uid }}</td>
</ng-container>
<ng-container matColumnDef="firstname">
<th mat-header-cell *matHeaderCellDef mat-sort-header="name">نام</th>
<td mat-cell *matCellDef="let element">{{ element.firstname }}</td>
</ng-container>
<ng-container matColumnDef="lastname">
<th mat-header-cell *matHeaderCellDef mat-sort-header="lastname">
نام خانوادگی
</th>
<td mat-cell *matCellDef="let element">{{ element.lastname }}</td>
</ng-container>
<ng-container matColumnDef="fathername">
<th mat-header-cell *matHeaderCellDef mat-sort-header="fathername">
نام پدر
</th>
<td mat-cell *matCellDef="let element">{{ element.fathername }}</td>
</ng-container>
<ng-container matColumnDef="major">
<th mat-header-cell *matHeaderCellDef mat-sort-header="major">
رشته قبولی
</th>
<td mat-cell *matCellDef="let element">{{ element.major }}</td>
</ng-container>
<ng-container matColumnDef="nationalcode">
<th mat-header-cell *matHeaderCellDef mat-sort-header="nationalcode">
کد ملی
</th>
<td mat-cell *matCellDef="let element">{{ element.nationalcode }}</td>
</ng-container>
<ng-container matColumnDef="step">
<th mat-header-cell *matHeaderCellDef mat-sort-header="step">مرحله</th>
<td mat-cell *matCellDef="let element">{{ element.step }}</td>
</ng-container>
<ng-container matColumnDef="done">
<th mat-header-cell *matHeaderCellDef mat-sort-header="done">
تاریخ مراجعه حضوری
</th>
<td mat-cell *matCellDef="let element">
{{ element.done ? element.done : "هنوز نوبت نگرفته است" }}
</td>
</ng-container>
<ng-container matColumnDef="options">
<th mat-header-cell *matHeaderCellDef style="width: 25px"></th>
<td mat-cell *matCellDef="let element" style="width: 25px">
<a
mat-icon-button
href="https://kateb.rayda.ir/register?admin=true&uid={{
element.uid
}}&token={{ uuid }}"
target="”_blank”"
>
<mat-icon>arrow_back</mat-icon>
</a>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="columns"></tr>
<tr mat-row *matRowDef="let row; columns: columns"></tr>
</table>
<mat-paginator
[length]="size"
[pageSize]="10"
[pageSizeOptions]="[10, 20, 30]"
(page)="Get($event)"
>
</mat-paginator>
</ng-container>
</mat-card>