# All files / app/features features.component.ts

100% Statements 9/9
100% Branches 0/0
100% Functions 2/2
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    571x
    1x

    1x
    3x

    3x

    1x

     import { Component, signal } from '@angular/core';
    import { MatIcon } from '@angular/material/icon';

    export interface ProcessStep {
      number: string;
      icon: string;
      name: string;
      desc: string;
      time: string;
    }

    @Component({
      selector: 'app-features',
      standalone: true,
      templateUrl: './features.component.html',
      styleUrls: ['./features.component.css'],
      imports: [MatIcon],
    })
    export class FeaturesComponent {
      readonly process = signal<ProcessStep[]>([
        {
          number: '1',
          icon: 'library_books',
          name: 'Choose Your Card',
          desc: 'Select the perfect credit card based on your spending habits and lifestyle needs.',
          time: '2 mins',
        },
        {
          number: '2',
          icon: 'assured_workload',
          name: 'Complete Application',
          desc: 'Fill out our simple online form with your basic details and financial information.',
          time: '5 mins',
        },
        {
          number: '3',
          icon: 'check_circle',
          name: 'Instant Verification',
          desc: 'Get instant approval through our AI-powered assessment and video KYC process.',
          time: '10 mins',
        },
        {
          number: '4',
          icon: 'credit_card',
          name: 'Get your Virtual Rupay Card instantly',
          desc: 'Start using your virtual PNB RuPay card immediately for online transactions and UPI payments.',
          time: 'Instant',
        },
      ]);

      trackByStep = (_: number, step: ProcessStep) => step.number;

      openApplyPage(): void {
        window.open('https://apply.creditcard.pnb.bank.in/', '_blank', 'noopener,noreferrer');
      }
    }