src/app/modules/profile/contracts.detail/contracts.ts
Детальный просмотр договора
selector | profile-contracts-detail |
styleUrls | contracts.scss |
templateUrl | ./contracts.html |
Properties |
Methods |
constructor(commonService: CommonService, route: ActivatedRoute)
|
|||||||||
Конструктор
Parameters :
|
ngOnInit |
ngOnInit()
|
Получение данных
Returns :
void
|
contract |
contract:
|
Type : any
|
Договор |
header |
header:
|
Type : string
|
Default value : Договоры
|
Заголовок |
loading |
loading:
|
Type : boolean
|
Индикатор загрузки основных данных |
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params } from '@angular/router';
import { CommonService } from 'glx.ui/components/kernel/services/common.service';
/**
* Детальный просмотр договора
*/
@Component({
selector: 'profile-contracts-detail',
templateUrl: './contracts.html',
styleUrls: ['./contracts.scss']
})
export class ProfileContractsDetailComponent implements OnInit {
/**
* Заголовок
* @type {string}
*/
header: string = 'Договоры';
/**
* Договор
*/
contract: any;
/**
* Индикатор загрузки основных данных
* @type {boolean}
*/
loading: boolean;
/**
* Конструктор
* @param {CommonService} commonService
* @param {ActivatedRoute} route
*/
constructor(private commonService: CommonService, private route: ActivatedRoute) {
}
/**
* Получение данных
*/
ngOnInit() {
this.loading = true;
this.route.parent.params.subscribe(params => {
this.route.params
.switchMap((params: Params) => this.commonService.getById('contracts', +params['id']))
.subscribe((data: any) => {
this.contract = data;
this.header = 'Договор ' + data.number + ' от ' + data.date;
},
error => {
console.error(error);
},
() => {
this.loading = false;
});
});
}
}
<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-contract-detail
*ngIf="!loading && contract"
[data]="contract"
></glx-contract-detail>
</div>