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

183 lines
6.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<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-expansion-panel expanded>
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon style="margin-left: 5px">search</mat-icon>
فیلتر ها
</mat-panel-title>
<mat-panel-description> فیلتر ها و جستجو </mat-panel-description>
</mat-expansion-panel-header>
<mat-form-field appearance="outline">
<mat-label>آموزشکده</mat-label>
<mat-select [(ngModel)]="university">
<mat-option value="فعلی"> فعلی </mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>مقطع</mat-label>
<mat-select [(ngModel)]="grade" (selectionChange)="Get($event)">
<mat-option value="کاردانی"> کاردانی </mat-option>
<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-expansion-panel>
<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" (matSortChange)="Get($event, 'sort')">
<ng-container matColumnDef="position">
<th mat-header-cell *matHeaderCellDef mat-sort-header>ردیف</th>
<td mat-cell *matCellDef="let element; let i = index">
{{ page * limit + i + 1 }}
</td>
</ng-container>
<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="entrynumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header="entrynumber">
شماره داوطلبی
</th>
<td mat-cell *matCellDef="let element">{{ element.entrynumber }}</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="waiting">
<th mat-header-cell *matHeaderCellDef >وضعیت داوطلب</th>
<td mat-cell *matCellDef="let element">
<b style="color: rgb(151, 9, 9)(145, 142, 142);" *ngIf="element.waiting == 'reject'">رد شده</b>
<b style="color: rgb(1, 87, 27)(145, 142, 142);" *ngIf="element.waiting == 'resolve'">تایید شده</b>
<b style="color: rgb(212, 176, 14)(145, 142, 142);" *ngIf="element.waiting == 'wait'">در انتظار تایید</b>
</td>
</ng-container>
<ng-container matColumnDef="grade">
<th mat-header-cell *matHeaderCellDef mat-sort-header="grade">مقطع</th>
<td mat-cell *matCellDef="let element">
<b style="color: rgb(10, 8, 105);">
{{ element.grade }}
</b>
</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>