kfmc_website/src/app/dashboard/reports-page/reports-page.component.html

<div class="reportPage-w">
  <div class="container">
    <div class="row">
      <div class="col-12">
          <ul class="list-unstyled titileLi-w">
            <li class="headingText-w">خدمه الصلاحيات / </li>
            <li class="headingText-w activeLi-w" style="margin-right:5px">التقارير</li>
          </ul>
      </div>
    </div>

    <div class="containerContent-w">
      <div class="row" style="margin-top: 30px;">
          <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="authSer.showReportBtn">
            <div class="report" (click)="userReport()" style="cursor:pointer;">
              <a><span>تقرير الصلاحيات</span>لدي مستخدم محدد </a>
            </div>
          </div>
          <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="authSer.showReportBtn">
            <div class="report" (click)="userInRolesReport()"  style="cursor:pointer"> 
                <a><span>تقرير الصفحات</span>التابعه لمجموعه</a>
              </div>
          </div>
          <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="authSer.showReportBtn">
            <div class="report" style="cursor:pointer" (click)="permissionInUsersReport()">
                <a><span>تقرير المستخدمين </span> داخل مجموعه  </a>
              </div>
          </div>
        </div>
    </div>
  </div>
</div>