<modal-popup #loadingText (onDismissed)="dismiss()">
    <ng-container class="header">
        <header-title [title]="app.getResourse('loading.popup.textHeader')"></header-title>
    </ng-container>
    <ng-container class="content">
        <div class="justify-content-center align-self-center text-center">
            <b>{{text}}</b>
        </div>
    </ng-container>
    <ng-container class="buttons">
        <btn [statistic]="app.getStatistic('questionnaire.contactInfo.popup.rate.button')" (onClick)="submit()"></btn>
    </ng-container>
</modal-popup>

import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
import { ModalPopupComponent } from 'src/app/public/modal-popup/modal-popup.component';
import { ModalService } from 'src/app/views/app/modal/modal.service';
@Component({
selector: 'loading-text',
  templateUrl: './loading-text.component.html'
})
export class LoadingTextComponent {
  @Input() text: string;
  @ViewChild('loadingText') loadingText: ModalPopupComponent;
  constructor(private modal: ModalService) {}
  open = () => {
    this.loadingText.open();
  };
  submit = async () => {
    this.loadingText.dismiss('loading-text submit');
  };
  dismiss = async () => {
    this.modal.open('rate');
  };