198 lines
5.5 KiB
HTML
198 lines
5.5 KiB
HTML
|
||
|
||
<mat-expansion-panel expanded style="width:100%">
|
||
<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="uid == 'tvu'">
|
||
<mat-form-field appearance="outline">
|
||
<mat-label>انتخاب مرکز / دانشگاه</mat-label>
|
||
<mat-select [formControl]="universityControl">
|
||
<mat-option value="all">تمامی مراکز</mat-option>
|
||
<mat-optgroup
|
||
*ngFor="let group of univeristygroups"
|
||
[label]="group.name"
|
||
[disabled]="group.disabled"
|
||
>
|
||
<mat-option [value]="group.value"
|
||
>تمامی مراکز {{ group.name }}</mat-option
|
||
>
|
||
<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)="subscribe()" multiple>
|
||
<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)]="entry" (selectionChange)="subscribe()" multiple>
|
||
<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)]="shift" (selectionChange)="subscribe()" multiple>
|
||
<mat-option value="روزانه"> روزانه </mat-option>
|
||
<mat-option value="شبانه"> شبانه </mat-option>
|
||
</mat-select>
|
||
</mat-form-field>
|
||
|
||
<mat-form-field appearance="outline" *ngIf="majorList.length > 0">
|
||
<mat-label>رشته</mat-label>
|
||
<mat-select [(ngModel)]="majors" (selectionChange)="subscribe()" multiple>
|
||
<mat-option *ngFor="let item of majorList" [value]="item._id"> {{item._id}} </mat-option>
|
||
</mat-select>
|
||
</mat-form-field>
|
||
|
||
<div class="flex-space"></div>
|
||
</mat-expansion-panel>
|
||
|
||
<section *ngIf="data.length > 0">
|
||
<div class="stats">
|
||
<mat-card>
|
||
<mat-card-header>
|
||
<mat-card-title>
|
||
<ng-container *ngFor="let dataset of data[0].datasets">
|
||
# {{ dataset.label }}
|
||
</ng-container>
|
||
</mat-card-title>
|
||
</mat-card-header>
|
||
<mat-card-content>
|
||
<ngx-chartjs
|
||
[data]="data[0]"
|
||
[type]="data[0].type"
|
||
[options]="options"
|
||
width="500"
|
||
height="250"
|
||
></ngx-chartjs>
|
||
</mat-card-content>
|
||
</mat-card>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<mat-card>
|
||
<mat-card-header>
|
||
<mat-card-title>
|
||
<ng-container *ngFor="let dataset of data[1].datasets">
|
||
# {{ dataset.label }}
|
||
</ng-container>
|
||
</mat-card-title>
|
||
</mat-card-header>
|
||
<mat-card-content>
|
||
<ngx-chartjs
|
||
[data]="data[1]"
|
||
[type]="data[1].type"
|
||
[options]="options"
|
||
width="500"
|
||
height="250"
|
||
></ngx-chartjs>
|
||
</mat-card-content>
|
||
</mat-card>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<mat-card>
|
||
<mat-card-header>
|
||
<mat-card-title>
|
||
<ng-container *ngFor="let dataset of data[2].datasets">
|
||
# {{ dataset.label }}
|
||
</ng-container>
|
||
</mat-card-title>
|
||
</mat-card-header>
|
||
<mat-card-content>
|
||
<ngx-chartjs
|
||
[data]="data[2]"
|
||
[type]="data[2].type"
|
||
[options]="options"
|
||
width="500"
|
||
height="250"
|
||
></ngx-chartjs>
|
||
</mat-card-content>
|
||
</mat-card>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<mat-card>
|
||
<mat-card-header>
|
||
<mat-card-title>
|
||
<ng-container *ngFor="let dataset of data[3].datasets">
|
||
# {{ dataset.label }}
|
||
</ng-container>
|
||
</mat-card-title>
|
||
</mat-card-header>
|
||
<mat-card-content>
|
||
<ngx-chartjs
|
||
[data]="data[3]"
|
||
[type]="data[3].type"
|
||
[options]="options"
|
||
width="500"
|
||
height="250"
|
||
></ngx-chartjs>
|
||
</mat-card-content>
|
||
</mat-card>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<mat-card>
|
||
<mat-card-header>
|
||
<mat-card-title>
|
||
<ng-container *ngFor="let dataset of data[4].datasets">
|
||
# {{ dataset.label }}
|
||
</ng-container>
|
||
</mat-card-title>
|
||
</mat-card-header>
|
||
<mat-card-content>
|
||
<ngx-chartjs
|
||
[data]="data[4]"
|
||
[type]="data[4].type"
|
||
[options]="options"
|
||
width="500"
|
||
height="250"
|
||
></ngx-chartjs>
|
||
</mat-card-content>
|
||
</mat-card>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<mat-card>
|
||
<mat-card-header>
|
||
<mat-card-title>
|
||
<ng-container *ngFor="let dataset of data[5].datasets">
|
||
# {{ dataset.label }}
|
||
</ng-container>
|
||
</mat-card-title>
|
||
</mat-card-header>
|
||
<mat-card-content>
|
||
<ngx-chartjs
|
||
[data]="data[5]"
|
||
[type]="data[5].type"
|
||
[options]="options"
|
||
width="500"
|
||
height="250"
|
||
></ngx-chartjs>
|
||
</mat-card-content>
|
||
</mat-card>
|
||
</div>
|
||
</section>
|