kfmc_website/src/app/dashboard/reivew-trainee-data/review-trainee-data-list/review-trainee-data-list.component.ts

import { DashboardService } from './../../../shared/dashboard.service';
import { HttpClient } from '@angular/common/http';
import { UserService } from './../../../shared/user.service';
import { ActivatedRoute, Router, Params } from '@angular/router';
import { NgxSpinnerService } from 'ngx-spinner';
import { AuthServiceService } from './../../../shared/auth-service.service';
import { Component, OnInit } from '@angular/core';
import { ToastrService } from 'ngx-toastr';
import { Modal } from 'ngx-modialog/plugins/bootstrap';


@Component({
  selector: 'app-review-trainee-data-list',
  templateUrl: './review-trainee-data-list.component.html',
  styleUrls: ['./review-trainee-data-list.component.css']
})
export class ReviewTraineeDataListComponent implements OnInit {

  constructor(private route: ActivatedRoute,    
    private router: Router, 
    private userSer: UserService,
    private http: HttpClient,
    private toastr: ToastrService,
    private modal: Modal,
    private dashBoardService: DashboardService,
    private spinner: NgxSpinnerService,
    private authSer: AuthServiceService) { }

    pageId: number;
    dataList = [];
    dataListIds = [];
    count: number;
    perPagePagenation: number;
    currentPage:number = 1;
    filtterStatus = '';
    selectedAll: any;
    userLoginId:number;
    serviceId:number;
    dataTableNumber: number = 5;
    viewTableData: string = 'all';
    serviceName: string = '';
    pages = [];

  

  ngOnInit() {

    this.spinner.show();

    //init the values of permision boolean
    this.route.params.subscribe(
      (params: Params) => {
        this.pageId = params['newsPageId'];
      }
    );

    //init the values of permision boolean
    this.authSer.showAddBtn = false;
    this.authSer.showDeleteBtn = false;
    this.authSer.showEditBtn = false;
    //show / hide notification search in header
    this.authSer.notificationLogin = true;
    this.authSer.showSearchHeader = false;
    this.authSer.showHeaderLogin = false;
    this.authSer.showHeaderDashBoard = true;
    this.authSer.showDashboardHeader = true;
    this.authSer.internalHeader = false;
    
    this.route.params.subscribe(
      (params: Params) => {
        this.pageId = params['reviewTrainerId'];
      }
    );
    
    //to show / hide permissions

  this.route.parent.params.subscribe(
    (params:Params) => {
        this.userLoginId = params['userID'];
        this.serviceId = params['serviceID'];
        
        this.route.parent.params.subscribe(
          (params:Params) => {
              this.userLoginId = params['userID'];
              this.serviceId = params['serviceID'];
      
              this.userSer.getPagesPermetiotns(this.userLoginId, this.serviceId).subscribe(
                (responce) => {
                  console.log(responce);
                  this.pages = responce['pages'];
                  for(let i = 0; i< this.pages.length; i++) {
                    if(this.pages[i].id == 35) {
                      if(this.pages[i]['permissions'][0].name == 'review_of_trainee_data') {
                        this.authSer.showAddBtn = true;
                        this.authSer.showEditBtn = true;
                        this.authSer.showDeleteBtn = true;
                      } else {
                        console.log('no permissions');
                      }
                    } else {
                      console.log('no events');
                    }
                  }
                  this.spinner.hide();
                },
                (error) => {console.log(error)}
              );
            }
      
          );

         

      }
    );

     //get list data 
     this.dashBoardService.getListData(this.pageId, this.currentPage ,this.dataTableNumber).subscribe(
      (responce) => {
        console.log(responce);
        this.dataList = responce['requests'];
        if(this.dataList.length == 0) {
          this.toastr.warning('القائمه فارغه من الطلبات ');
        }
        this.count = responce['count'];
        this.perPagePagenation = responce['per_page'];
        console.log('evennnnts', this.dataList);
        this.spinner.hide();
      },
      (error) => {
        console.log(error);
        this.spinner.hide();
      }
    );
    
  }

  //make all checkbox of user checked 
  selectAll() {
    for (var i = 0; i < this.dataList.length; i++) {
      this.dataList[i].selected = this.selectedAll;
    }
  }

  checkIfAllSelected() {
    this.selectedAll = this.dataList.every(function(item:any) {
      return item.selected == true;
    });
  }
    
  //filtter function
  filtterFunc(data) {
    this.dataList = [];
    console.log(data.target.value);
    const dataSearch = data.target.value;     
    this.currentPage = 1;
    this.dashBoardService.getDataUSerSearchBar(dataSearch, this.pageId, this.currentPage, this.dataTableNumber).subscribe(
      (responce) => {
        console.log(responce);
        this.dataList = responce['requests'];
        this.count = responce['count'];
        this.perPagePagenation = responce['per_page'];
        console.log('filtter count', this.count);
        console.log('filtter perPagePAgenation', this.perPagePagenation);
      },
      (error) => {
        console.log(error)
      }
    );
  };

  //change page 
  onPageChange(pagenationNumber) {
    this.spinner.show();
    this.currentPage = pagenationNumber;
    this.dataList = [];
    //console.log(pagenationNumber);
    //console.log(this.pageId);
    this.dashBoardService.getListData(this.pageId, pagenationNumber, this.dataTableNumber).subscribe(
      (responce) => {
        console.log(responce);
        this.dataList = responce['requests'];
        this.count = responce['count'];
        this.perPagePagenation = responce['per_page'];
        console.log(this.dataList);
        this.spinner.hide();
      },
      (error) => {
        console.log(error);
        this.spinner.hide();
      }
    );
  }

//determine the list count from select element 
onGetValue(event) {
  this.spinner.show();
  this.dataList = [];
  this.dataTableNumber = event.target.value;
  this.dashBoardService.getListData(this.pageId, this.currentPage, this.dataTableNumber).subscribe(
    (responce) => {
      console.log(responce);
      this.dataList = responce['requests'];
      this.count = responce['count'];
      this.perPagePagenation = responce['per_page'];
      this.spinner.hide();
    },
    (error) => {
      console.log(error);
      this.spinner.hide();
    }
  );
};

onFiltterChosen(event) {
  this.spinner.show();
  this.dataList = [];
  console.log(event.target.value);
  console.log(this.authSer.pathApi + '/page_list/' +this.pageId + '/' + this.currentPage + '/' + this.dataTableNumber + '/' + event.target.value);
  this.http.get(this.authSer.pathApi + '/page_list/' +this.pageId + '/' + this.currentPage + '/' + this.dataTableNumber + '/' + event.target.value).subscribe(
    (responce) => {
      console.log(responce);
      console.log(responce);
      this.dataList = responce['requests'];
      this.count = responce['count'];
      this.perPagePagenation = responce['per_page'];
      this.spinner.hide();
    },
    (error) => {
      console.log(error);
    }
  )
}
    
// onDelete() {
//   for(let i = 0; i < this.dataList.length; i++) {
//     if(this.dataList[i].selected == true) {
//       this.dataListIds.push(this.dataList[i].id);
//     }
//   }

//   console.log(this.dataListIds);

//   if(this.dataListIds.length > 0) {
//     const dialogRef = this.modal.alert()
//     .size('sm')
//     .showClose(true)
//     .title('تأكيد الحذف')
//     .body(`
//         <h4>هل ترغب في حذف العناصر المحدده ؟ </h4>
//         `)
//     .open();
//     dialogRef.result
//     .then( result =>  
//       this.dashBoardService.deleteItem(this.dataListIds, this.pageId).subscribe(
//         (responce) => {
//           console.log(responce);
//           this.toastr.success('تم الحذف');
//           this.spinner.show();
//           this.dataList = [];
//           this.dashBoardService.getListData(this.pageId, this.currentPage, this.dataTableNumber).subscribe(
//             (responce) => {
//               console.log(responce);
//               this.dataList = responce['requests'];
//               this.count = responce['count'];
//               this.perPagePagenation = responce['per_page'];
//               this.spinner.hide();
//             },
//             (error) => {
//               console.log(error);
//               this.spinner.hide();
//             }
//           );
//         },
//         (error) => {
//           this.toastr.success('يوجد خطأ إنتظر قليلا وأعد المحاوله ');
//           console.log(error);
//           this.spinner.hide();
//         },
//       )
//     );
//   } else {
//     this.toastr.warning('لم يتم إختيار أي عنصر للمسح !');
//   }
// };
  
//add function
onAdd() {
  console.log('service/' + this.userLoginId + '/' + this.serviceId + '/reviewTraineeData/add');
  this.router.navigate(['service/' + this.userLoginId + '/' + this.serviceId + '/reviewTraineeData/add']);
}

//edit function
  onEdit(editNewID) {
  this.router.navigate(['service/' + this.userLoginId + '/' + this.serviceId + '/' + 'reviewTraineeData/edit/' + editNewID]);
}
    

}