Untitled

<ng-container *ngIf="application.Notificatin_Category == 'Approval And Other'">
              <div class=" p-3 row align-items-start" *ngFor="let item of  application['Data']">
                <div class="col-md-1 col-sm-12">
                  <div class="">
                    <div [ngClass]="{'user-name-box':true}"
                      [ngStyle]="{'background-color':getBgColor(item?.EmpName?.trim()[0])}">
                      <span>{{item?.EmpName?.trim()[0]}}</span>
                    </div>
                    <!-- <img class="rounded-circle" src="assets/img/User.png" width="56" height="56" alt=""> -->
                  </div>
                </div>
                <div class="col-sm-12 col-md-10">
                  <div class="mx-5">
                    <ng-container
                      *ngIf="application.Notificatin_Category == 'Approval And Other' && item.InvokeApproval!=0">
                      <div (click)="callApplication(application,item)">
                        <p class="detailheding_text">{{item.Notification_Sub}}</p>
                        <p class="subdetailheding_text">{{
                          item.Notification_Text
                          }}</p>
                      </div>
                    </ng-container>
                    <ng-container
                      *ngIf="application.Notificatin_Category == 'Approval And Other' && item.InvokeApproval==0">
                      <div (click)="callApplication(application,item)">
                        <p
                          class="{{item?.Response_Ind==2? 'detailheding_text_green':(item?.Response_Ind==3? 'detailheding_text_red':'detailheding_text')}}">
                          {{item.Notification_Sub}}</p>
                        <p class="subdetailheding_text">{{
                          item.Notification_Text
                          }}</p>
                      </div>
                    </ng-container>
                    <ng-container
                      *ngIf="application.Notificatin_Category == 'Approval And Other' && item.InvokeApproval!=0 && item.Response_Ind==2">
                      <div class="d-flex align-items-center my-2">
                        <div>
                          <img class="rounded-circle" width="22" height="22" src="assets/img/Vector.png" alt="">
                        </div>
                        <h4 class="mb-0 ms-2 mt-1 succes_text">Approved successfully</h4>
                      </div>
                    </ng-container>
                    <ng-container
                      *ngIf="application.Notificatin_Category == 'Approval And Other'  && item.InvokeApproval!=0 && item.Response_Ind==3">
                      <div class="d-flex align-items-center my-2">
                        <div class="cancel_box_icon_app">
                          <i class="pi pi-times"></i>
                        </div>
                        <h4 class="mb-0 ms-2 reject_text">Rejected</h4>
                      </div>
                    </ng-container>
                    <ng-container
                      *ngIf="application.Notificatin_Category == 'Approval And Other' && item.InvokeApproval!=0 && item.Response_Ind==0">
                      <div class="col-sm-12 col-md-2 my-2">
                        <div class="d-flex">
                          <button class="approver-buttton mx-1 ms-0"
                            (click)="ApproverRejectApp(application,item,'0')">Approve</button>
                          <button class="reject-button mx-2"
                            (click)="ApproverRejectApp(application,item,'1')">Reject</button>
                        </div>
                      </div>
                    </ng-container>
                  </div>
                </div>
                <div class="col-sm-12 col-md-1">
                  <p class="hovers_text">{{item.diffInHours}}</p>
                </div>
                <br>
              </div>
              <div class="col-md-12 col-sm-12 pt-2">
                <ng-container>
                  <p class="viewall_texts" routerLink="/features/application-approval" (click)="closeNotificationTab()">
                    View All</p>
                </ng-container>
              </div>
            </ng-container>