src/app/modules/profile/contracts.simple/contracts.ts
Список договоров
selector | profile-contracts-simple |
styleUrls | contracts.scss |
templateUrl | ./contracts.html |
Properties |
Methods |
constructor(commonService: CommonService)
|
||||||
Конструктор
Parameters :
|
getData |
getData()
|
Получение списка договоров
Returns :
void
|
ngOnInit |
ngOnInit()
|
Получение данных
Returns :
void
|
onViewContract | ||||||
onViewContract(event: )
|
||||||
Просмотр детальной карточки договора
Parameters :
Returns :
void
|
contract |
contract:
|
Type : any
|
Договор (для слайдера) |
contracts |
contracts:
|
Type : any
|
Договоры |
header |
header:
|
Type : string
|
Default value : Договоры
|
Заголовок |
loading |
loading:
|
Type : boolean
|
Индикатор загрузки основных данных |
import { Component, OnInit } from '@angular/core';
import { CommonService } from 'glx.ui/components/kernel/services/common.service';
/**
* Список договоров
*/
@Component({
selector: 'profile-contracts-simple',
templateUrl: './contracts.html',
styleUrls: ['./contracts.scss']
})
export class ProfileContractsSimpleComponent implements OnInit {
/**
* Заголовок
* @type {string}
*/
header: string = 'Договоры';
/**
* Договоры
*/
contracts: any;
/**
* Договор (для слайдера)
*/
contract: any;
/**
* Индикатор загрузки основных данных
* @type {boolean}
*/
loading: boolean;
/**
* Конструктор
* @param {CommonService} commonService
*/
constructor(private commonService: CommonService) {
}
/**
* Получение данных
*/
ngOnInit() {
this.getData();
}
/**
* Просмотр детальной карточки договора
* @param event
*/
onViewContract(event) {
this.contract = event;
}
/**
* Получение списка договоров
*/
getData() {
let loaderTimeout = setTimeout(() => {
this.loading = true;
}, 200);
this.commonService.get('contracts')
.subscribe(
data => {
this.contracts = 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="contracts-wrapper">
<glx-loading-banner
[loading]="loading"
[svg]="true"
text="Подождите, идет загрузка..."
></glx-loading-banner>
<glx-contracts-simple-viewer
*ngIf="!loading && contracts"
[data]="contracts"
[contract]="contract"
(onViewContract)="onViewContract($event)"
></glx-contracts-simple-viewer>
</div>