src/app/modules/profile/marks/marks.ts
Список оценок
(устаревший)
selector | profile-marks |
styleUrls | marks.scss |
templateUrl | ./marks.html |
Properties |
Methods |
constructor(commonService: CommonService)
|
||||||
Defined in src/app/modules/profile/marks/marks.ts:28
|
||||||
Конструктор
Parameters :
|
ngOnInit |
ngOnInit()
|
Defined in src/app/modules/profile/marks/marks.ts:40
|
Получение данных
Returns :
void
|
header |
header:
|
Type : string
|
Default value : Зачетная книжка
|
Defined in src/app/modules/profile/marks/marks.ts:19
|
Заголовок |
loading |
loading:
|
Type : boolean
|
Defined in src/app/modules/profile/marks/marks.ts:28
|
Индикатор загрузки основных данных |
marks |
marks:
|
Type : any
|
Defined in src/app/modules/profile/marks/marks.ts:23
|
Оценки |
import { Component, OnInit } from '@angular/core';
import { CommonService } from 'glx.ui/components/kernel/services/common.service';
/**
* Список оценок
*
* (устаревший)
*/
@Component({
selector: 'profile-marks',
templateUrl: './marks.html',
styleUrls: ['./marks.scss']
})
export class ProfileMarksComponent implements OnInit {
/**
* Заголовок
* @type {string}
*/
header: string = 'Зачетная книжка';
/**
* Оценки
*/
marks: any;
/**
* Индикатор загрузки основных данных
* @type {boolean}
*/
loading: boolean;
/**
* Конструктор
* @param {CommonService} commonService
*/
constructor(private commonService: CommonService) {
}
/**
* Получение данных
*/
ngOnInit() {
let loaderTimeout = setTimeout(() => {
this.loading = true;
}, 200);
this.commonService.get('marks')
.subscribe(
data => {
this.marks = data;
},
error => {
console.error(error);
},
() => {
clearTimeout(loaderTimeout);
this.loading = false;
});
setTimeout(() => {
clearTimeout(loaderTimeout);
this.loading = false;
}, 10000);
}
}
<glx-page-title-bx [header]="header"></glx-page-title-bx>
<div class="marks-wrapper">
<glx-loading-banner [loading]="loading" [svg]="true" text="Подождите, идет загрузка..."></glx-loading-banner>
<glx-marks-viewer [marks]="marks" *ngIf="!loading && marks"></glx-marks-viewer>
</div>