feat(list-view): add checkbox to allow multi-select

ElonH · May 28, 2020 · f5ac788 · f5ac788
1 parent 7e481ce
commit f5ac788
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/app/pages/manager/fileMode/listView/listView.component.ts b/src/app/pages/manager/fileMode/listView/listView.component.ts
@@ -16,14 +16,22 @@ import { API, APIDefinition } from 'ngx-easy-table';
 @Component({
 	selector: 'manager-listView',
 	template: `
+		<ng-template #secAll>
+			<nb-checkbox> </nb-checkbox>
+		</ng-template>
 		<ngx-table
 			#table
 			[configuration]="configuration"
 			[data]="data"
 			[columns]="columns"
+			[selectAllTemplate]="secAll"
 			(event)="eventEmitted($event)"
 		>
 			<ng-template let-row let-index="index">
+				<td>
+					<nb-checkbox> </nb-checkbox>
+					<!-- todo: disable double click event here-->
+				</td>
 				<td>{{ row.Name }}</td>
 				<td>{{ row.Size }}</td>
 				<td>{{ row.ModTime }}</td>
@@ -81,6 +89,7 @@ export class ListViewComponent implements OnInit, OnDestroy {
 
 		this.configuration = { ...DefaultConfig };
 		this.configuration.searchEnabled = true;
+		this.configuration.checkboxes = true;
 		// this.configuration.isLoading = true;
 		// ... etc.
 	}

diff --git a/src/app/pages/manager/manager.module.ts b/src/app/pages/manager/manager.module.ts
@@ -10,6 +10,7 @@ import {
 	NbProgressBarModule,
 	NbLayoutModule,
 	NbSidebarModule,
+	NbCheckboxModule,
 } from '@nebular/theme';
 import { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
 import { HomeModeComponent } from './homeMode/homeMode.component';
@@ -37,6 +38,7 @@ import { ListViewComponent } from './fileMode/listView/listView.component';
 		TableModule,
 		NbLayoutModule,
 		NbSidebarModule,
+		NbCheckboxModule,
 	],
 })
 export class ManagerModule {}