formatting changes

Author: Mutugiii

src/app/courses/courses.component.ts

@@ -307,8 +307,7 @@ export class CoursesComponent implements OnInit, OnChanges, AfterViewInit, OnDes
 
   /** Whether the number of selected elements matches the total number of rows. */
   isAllSelected() {
-    const visibleItems = itemsShown(this.paginator);
-    return this.selection.selected.length === visibleItems;
+    return this.selection.selected.length === itemsShown(this.paginator);
   }
 
   /** Selects all rows if they are not all selected; otherwise clear selection. */

src/app/manager-dashboard/manager-fetch.component.ts

@@ -62,8 +62,7 @@ export class ManagerFetchComponent implements OnInit, AfterViewInit {
 
   /** Whether the number of selected elements matches the total number of rows. */
   isAllSelected() {
-    const visibleItems = itemsShown(this.paginator);
-    return this.selection.selected.length === visibleItems;
+    return this.selection.selected.length === itemsShown(this.paginator);
   }
 
   /** Selects all rows if they are not all selected; otherwise clear selection. */

src/app/meetups/meetups.component.ts

@@ -13,7 +13,7 @@ import { takeUntil } from 'rxjs/operators';
 import { MeetupService } from './meetups.service';
 import { StateService } from '../shared/state.service';
 import { DialogsLoadingService } from '../shared/dialogs/dialogs-loading.service';
-import { findByIdInArray, itemsShown } from '../shared/utils';
+import { findByIdInArray, itemsShown } from '../shared/utils';
 
 @Component({
   templateUrl: './meetups.component.html',
@@ -87,10 +87,9 @@ export class MeetupsComponent implements OnInit, AfterViewInit, OnDestroy {
     this.meetups.sort = this.sort;
   }
 
-  isAllSelected() {
-    const visibleItems = itemsShown(this.paginator);
-    return this.selection.selected.length === visibleItems;
-  }
+  isAllSelected() {
+    return this.selection.selected.length === itemsShown(this.paginator);
+  }
   onPaginateChange(e: PageEvent) {
     this.selection.clear();
   }

src/app/resources/resources.component.ts

@@ -202,8 +202,7 @@ export class ResourcesComponent implements OnInit, AfterViewInit, OnDestroy {
 
   /** Whether the number of selected elements matches the total number of rows. */
   isAllSelected() {
-    const visibleItems = itemsShown(this.paginator);
-    return this.selection.selected.length === visibleItems;
+    return this.selection.selected.length === itemsShown(this.paginator);
   }
 
   applyResFilter(filterResValue: string) {

src/app/shared/utils.ts

@@ -49,6 +49,8 @@ export const styleVariables: any = {
 
 export const filterById = (array = [], id: string) => array.filter(item => item._id !== id);
 
+export const itemsShown = (paginator: any) => Math.min(paginator.length - (paginator.pageIndex * paginator.pageSize), paginator.pageSize);
+
 export const isInMap = (tag: string, map: Map<string, boolean>) => map.get(tag);
 
 export const mapToArray = (map: Map<string, boolean>, equalValue?) => {
@@ -79,26 +81,9 @@ export const urlToParamObject = (url: string) => url.split(';').reduce((params,
 
 export const toProperCase = (string: string) => `${string.slice(0, 1).toUpperCase()}${string.slice(1)}`;
 
-export const itemsShown = (paginator?: { length: number; pageIndex: number; pageSize: number }) => {
-  if (!paginator) {
-    return 0;
-  }
-  const remaining = paginator.length - (paginator.pageIndex * paginator.pageSize);
-  return Math.min(Math.max(remaining, 0), paginator.pageSize);
-};
-
 export const stringToHex = (string: string) => string.split('').map(char => char.charCodeAt(0).toString(16)).join('');
 
-export const hexToString = (hex: string) => {
-  if (!hex) {
-    return '';
-  }
-  const matches = hex.match(/.{1,2}/g);
-  if (!matches) {
-    return '';
-  }
-  return matches.map(byte => String.fromCharCode(parseInt(byte, 16))).join('');
-};
+export const hexToString = (string: string) => string.match(/.{1,2}/g).map(hex => String.fromCharCode(parseInt(hex, 16))).join('');
 
 export const ageFromBirthDate = (currentTime: number, birthDate: string) => {
   const now = new Date(currentTime);

src/app/users/users-table.component.ts

@@ -158,8 +158,7 @@ export class UsersTableComponent implements OnInit, OnDestroy, AfterViewInit, On
   }
 
   isAllSelected() {
-    const visibleItems = itemsShown(this.paginator);
-    return this.selection.selected.length === visibleItems;
+    return this.selection.selected.length === itemsShown(this.paginator);
   }
 
   onlyManagerSelected() {