198 lines
7.1 KiB
HTML
198 lines
7.1 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-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>
|
||
<div class="selector" *ngIf="this.uid == 'tvu'">
|
||
<mat-form-field appearance="outline">
|
||
<mat-label>انتخاب مرکز / دانشگاه</mat-label>
|
||
<mat-select [(ngModel)]="namespace" multiple (selectionChange)="subscribe()">
|
||
<mat-optgroup
|
||
*ngFor="let group of univeristygroups"
|
||
[label]="group.name"
|
||
[disabled]="group.disabled"
|
||
>
|
||
|
||
<mat-option
|
||
*ngFor="let university of group.universities"
|
||
[value]="university.value"
|
||
>
|
||
{{ university.viewValue }}
|
||
</mat-option>
|
||
</mat-optgroup>
|
||
</mat-select>
|
||
</mat-form-field>
|
||
</div>
|
||
|
||
|
||
<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);" *ngIf="element.waiting == 'reject'">رد شده</b>
|
||
<b style="color: rgb(1, 87, 27);" *ngIf="element.waiting == 'resolve'">تایید شده</b>
|
||
<b style="color: rgb(212, 176, 14);" *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>
|