kfmc_website/src/app/External-Page/more-news/more-news.component.html

<ng-template [ngIf]="authSer.arabicTemplate" [ngIfElse]="englishTemplate">    
    <div class="newsPages-w" [style.min-height.px]="myInnerHeight">
        <div class="container">
            <div class="contentPage-w">
              <div class="row">
                <div class="col-12 col-sm-12 col-md-9">
                  <div class="col-12 col-sm-12 col-md-12" *ngFor="let report of dataPagesNews | paginate: { itemsPerPage: perPagePagenation, currentPage: currentPage, totalItems: count }">
                    <div class="newContent">
                      <div class="row">
                        <div class="col-12 col-sm-12 col-md-3">
                          <div class="imgNew-w">
                            <img src="{{authSer.pathImg + report.photo.photo}}" />
                          </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8">
                          <div class="content">
                            <h1 (click)="onGetNew(report.id)">{{report.title}}</h1>
                            <p [innerHTML]="report.description"  (click)="onGetNew(report.id)"></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col-12 col-sm-12 col-md-3">
                </div>
                
              </div>
          
              <pagination-controls nextLabel="التالي" previousLabel="السابق" (pageChange)="onPageChange($event)"></pagination-controls>
            </div>
        </div>
      </div>
  </ng-template>
  
  
  <ng-template #englishTemplate>
      <div class="newsPages-w" [style.min-height.px]="myInnerHeight"  [className]="authSer.arabicTemplate ? '' : 'englishContent-w' ">
          <div class="container">
            <div class="contentPage-w">
                <div class="row">
            <div class="col-12 col-sm-12 col-md-9">
                  <div class="col-12 col-sm-12 col-md-12" *ngFor="let report of dataPagesNews | paginate: { itemsPerPage: perPagePagenation, currentPage: currentPage, totalItems: count }">
                    <div class="newContent">
                      <div class="row">
                        <div class="col-12 col-sm-12 col-md-3">
                          <div class="imgNew-w">
                              <img src="{{authSer.pathImg + report.photo.photo}}" />
                          </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8">
                          <h1 (click)="onGetNew(report.id)">{{report.title_en}}</h1>
                          <p [innerHTML]="report.description_en" (click)="onGetNew(report.id)"></p>
                        </div>
                      </div>
                    </div>
                  </div>
              </div>
            <div class="col-12 col-sm-12 col-md-3">cccc</div>
                </div>
            </div>
            <pagination-controls nextLabel="Next" previousLabel="Prev" (pageChange)="onPageChange($event)"></pagination-controls>
          </div>
        </div>
  </ng-template>