showManagePatrolModal(index: number, patrolId: number, patrolName: string, hasSubs: boolean, hasPending: boolean) {
   this.modalState = new ModalState(index, patrolId, patrolName, hasSubs, hasPending);
   this.error = '';
   if (hasSubs) {
     this.updateSubHistory(patrolId);
   }
   this.managePatrolModal.show();
   
 }

 closeManageSubModal() {
   this.clearError();
   this.modalState = new ModalState();
   this.manageSubTabset=false;
   this.manageSubModal.hide();
 }

 // Sub management modal controls
 showManageSubModal($event) {
   this.manageSubTabset=true;
   this.modalState = new ModalState($event.index, $event.patrolId, $event.date, $event.subId, $event.subUserId, $event.subName);
   this.manageSubModal.show();
 }

 closeCreateSubModal() {
   this.modalState = new ModalState();
   this.createSubModal.hide();
   this.createSubTabset = false;
 }

 // Sub request creation modal controls
 showCreateSubModal($event) {
   this.createSubTabset = true;
   this.modalState = new ModalState($event.index, $event.patrolId, $event.date);
   this.createSubModal.show();
 }

 openCloseModal(vote:Vote): void {
     this.vote = vote;
     this.closeModal.show();   
 }

 openDelModal(roleId:IRole): void {
     this.role = roleId;
     this.delModal.show();   
 }

 show(){
     this.modal.show(); 
 }

 public showChildModal():void {
     this.childModal.show();
 }

 public hideChildModal():void {
     this.childModal.hide();
 }