kateb-panel/src/routes/panel/dashboard/app/app.component.html

198 lines
5.5 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-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>