File

src/app/modules/profile/contracts.detail/contracts.ts

Description

Детальный просмотр договора

Implements

OnInit

Metadata

selector profile-contracts-detail
styleUrls contracts.scss
templateUrl ./contracts.html

Index

Properties
Methods

Constructor

constructor(commonService: CommonService, route: ActivatedRoute)

Конструктор

Parameters :
Name Type Description
commonService CommonService
route ActivatedRoute

Methods

ngOnInit
ngOnInit()

Получение данных

Returns : void

Properties

contract
contract: any
Type : any

Договор

header
header: string
Type : string
Default value : Договоры

Заголовок

loading
loading: boolean
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>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""