kfmc_website/src/app/Internal-Page/circulars-page/circulars-page.component.html

<div class="lastTab-w">
  <div class="container">
    <div class="row">
      <div class="col-12">

          <div class="headerTab-w">
              أخر التعاميم
          </div>

              
          <div class="pagenation">
            <span class="spanSelect-w">
              <select class="form-control selectButton-w" (input)="onGetValue($event)">
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="15">15</option>
                <option value="20">20</option>
              </select>
              من العناصر يتم عرضها
            </span>
          </div>
    
          <div class="menuTab-w">
              <ul class="list-unstyled">
                  <li (click)="onGetData(0)">التعاميم الداخليه</li>
                  <li (click)="onGetData(1)">التعاميم الخارجيه</li>
                  <li (click)="onGetData(2)">السياسات</li>
              </ul>
          </div>
    
          <div class="menuTabContent-w">
              <h2 class="text-center" *ngIf="checkShowData">لايوجد بيانات الأن لعرضها</h2>
              <ol>
                  <li *ngFor="let tab of data">{{tab.name}}</li>
              </ol>
              <!-- <pagination-controls (pageChange)="onPageChange($event)"></pagination-controls> -->
          </div>
          
        </div>
      </div>
    </div>
</div>