File

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

Description

Список договоров

Implements

OnInit

Metadata

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

Index

Properties
Methods

Constructor

constructor(commonService: CommonService)

Конструктор

Parameters :
Name Type Description
commonService CommonService

Methods

getData
getData()

Получение списка договоров

Returns : void
ngOnInit
ngOnInit()

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

Returns : void
onViewContract
onViewContract(event: )

Просмотр детальной карточки договора

Parameters :
Name Type Description
event
Returns : void

Properties

contract
contract: any
Type : any

Договор (для слайдера)

contracts
contracts: any
Type : any

Договоры

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

Заголовок

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

results matching ""

    No results matching ""