File

src/app/Views/profile/help-dialog/help-dialog.component.ts

Metadata

Index

Methods

Constructor

constructor()

Methods

close
close()
Returns : void
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-help-dialog',
  templateUrl: './help-dialog.component.html',
  styleUrls: ['./help-dialog.component.scss'],
})
export class HelpDialogComponent {
  constructor() {}

  close() {}
}
<div class="containeer">
  <h1 mat-dialog-title>How to add your Telegram account</h1>
  <div mat-dialog-content class="content">
    <span
      >To get your UserId, you have to write "/id" or "/auth" to the bot on
      Telegram. (<a href="https://t.me/projektaktienbot)"
        >https://t.me/projektaktienbot)</a
      >)</span
    >
  </div>
  <div mat-dialog-actions class="form-group footer-buttons">
    <div class="inner">
      <button
        id="okButton"
        class="btn btn-secondary btn-block"
        (click)="close()"
        [mat-dialog-close]="true"
      >
        Ok
      </button>
    </div>
  </div>
</div>

./help-dialog.component.scss

.footer-buttons {
  width: 100%;
  text-align: center;
}

.spacer {
  flex-grow: 1;
  width: 5%;
}

.inner {
  display: inline-block;
  width: 100%;
}

.content {
  height: 80%;
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""