Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add row selectors template samples for all grids #1368

Merged
merged 30 commits into from
Sep 13, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
1c11a29
docs(grid): add row selector template skeleton, 1363
wnvko Aug 1, 2019
d60d087
docs(grid): row numbering added
wnvko Aug 5, 2019
1d8dadd
docs(gid): row selector with numbers
wnvko Aug 6, 2019
27ba83b
docs(hierarchicalGrid): add row selectors template skeleton, #1363
wnvko Aug 6, 2019
b8e4d02
docs(hierarchicalGrid): row selectors with numbers WIP, #1363
wnvko Aug 6, 2019
6680474
docs(treegrid): row selector numbering template, #1363
wnvko Aug 7, 2019
70b0727
chore(grids): add paging to all grids, #1363
wnvko Aug 7, 2019
2395c96
docs(grid): add excel style selector to grid, #1363
wnvko Aug 9, 2019
b7be859
Merge remote-tracking branch 'remotes/origin/vNext' into mvenkov/add-…
wnvko Aug 27, 2019
725871a
docs(grid): update sample with new selection, #1368
wnvko Aug 27, 2019
c877d49
docs(hgrid): update sample with new selection, #1368
wnvko Aug 27, 2019
945323e
docs(grids): update samples with new selection, #1368
wnvko Aug 27, 2019
058dfc8
docs(grid): add numbering sample, #1368
wnvko Aug 27, 2019
16da5f5
Merge remote-tracking branch 'remotes/origin/vNext' into mvenkov/add-…
wnvko Aug 29, 2019
42eb0ba
chore(grids): merge leftover
wnvko Aug 29, 2019
c7b0fa6
chore(*): remove package-lock.json from PR
wnvko Aug 29, 2019
6c110ec
fix(grids): simplify markup by removing listeners, #1363
wnvko Aug 29, 2019
a3e341d
Merge remote-tracking branch 'remotes/origin/vNext' into mvenkov/add-…
wnvko Sep 4, 2019
7b651f6
docs(grids): make checkboxes readonly
wnvko Sep 4, 2019
fcb16a1
chore(grids): change rowSelection to rowSelectable
wnvko Sep 4, 2019
c012c0c
Merge branch 'vNext' into mvenkov/add-row-selector-template-samples
wnvko Sep 5, 2019
d03973c
Merge branch 'vNext' into mvenkov/add-row-selector-template-samples
wnvko Sep 10, 2019
3788c6e
Merge branch 'vNext' into mvenkov/add-row-selector-template-samples
damyanpetev Sep 10, 2019
54b1bb8
docs(grids): fix grid config files, #1363 #1417
wnvko Sep 11, 2019
1b64263
docs(grid): clean up numbering sample, #1363 #1417
wnvko Sep 11, 2019
7a74be3
docs(grid): clean up numbering sample, #1363 #1417
wnvko Sep 11, 2019
a7861f6
docs(hgrid): clean up numbering sample, #1363 #1417
wnvko Sep 11, 2019
1986771
docs(treegrid): clean up numbering sample, #1363 #1417
wnvko Sep 11, 2019
032a990
Merge branch 'mvenkov/add-row-selector-template-samples' of https://g…
wnvko Sep 11, 2019
d8a81d6
refactor(grid/tGrid/hGrid): update paths to header image
jackofdiamond5 Sep 13, 2019
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 53 additions & 18 deletions live-editing/configs/GridConfigGenerator.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
/* tslint:disable:object-literal-sort-keys */
import { HttpClientModule } from "@angular/common/http";
import { Router, RouterModule } from "@angular/router";
import {
Expand Down Expand Up @@ -29,8 +28,9 @@ import {
IgxToastModule,
IgxTooltipModule
} from "igniteui-angular";
// tslint:disable-next-line: max-line-length
import { CustomGridPagingStyleSample } from "../../src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component";
import {
CustomGridPagingStyleSample
} from "../../src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component";
import {
GridBatchEditingSampleComponent
} from "../../src/app/grid/grid-batch-editing/grid-batch-editing-sample.component";
Expand All @@ -49,8 +49,9 @@ import {
import {
GridColumnHidingToolbarStyleComponent
} from "../../src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component";
// tslint:disable-next-line:max-line-length
import { GridCompositeDataComponent } from "../../src/app/grid/grid-composite-data-binding/grid-composite-data.component";
import {
GridCompositeDataComponent
} from "../../src/app/grid/grid-composite-data-binding/grid-composite-data.component";
import {
GridConditionalCellStyleComponent
} from "../../src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component";
Expand All @@ -62,8 +63,12 @@ import { GridCustomFilteringComponent } from "../../src/app/grid/grid-custom-fil
import {
GridCustomKBNavigationComponent
} from "../../src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component";
import { GridCustomSummariesSelection } from "../../src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component";
import { SummariesData } from "../../src/app/grid/grid-custom-summaries-selection/summaries-data/summaries-data.component";
import {
GridCustomSummariesSelection
} from "../../src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component";
import {
SummariesData
} from "../../src/app/grid/grid-custom-summaries-selection/summaries-data/summaries-data.component";
import {
GridDisplayDensitySampleComponent
} from "../../src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component";
Expand All @@ -72,6 +77,10 @@ import { GridEditingSampleComponent } from "../../src/app/grid/grid-editing-samp
import {
GridEditingStyleSample
} from "../../src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component";
import {
GridExcelStyleFilteringLoadOnDemandComponent
} from "../../src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component";
import { RemoteValuesService } from "../../src/app/grid/grid-excel-style-filtering-load-on-demand/remoteValues.service";
import {
ExcelStyleFilteringSample1Component
} from "../../src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component";
Expand All @@ -84,9 +93,6 @@ import {
import {
ExcelStyleFilteringStyleComponent
} from "../../src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component";
import {
GridExcelStyleFilteringLoadOnDemandComponent
} from "../../src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component";
import { FilteringSampleComponent } from "../../src/app/grid/grid-filtering-sample/grid-filtering-sample.component";
import { GridFilteringStyleComponent } from "../../src/app/grid/grid-filtering-style/grid-filtering-style.component";
import {
Expand All @@ -96,7 +102,7 @@ import {
GridGroupByPagingSampleComponent
} from "../../src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component";
import { GridGroupBySampleComponent } from "../../src/app/grid/grid-groupby-sample/grid-groupby-sample.component";
import { GridGroupByStyling } from '../../src/app/grid/grid-groupby-styling/grid-groupby-styling.component';
import { GridGroupByStyling } from "../../src/app/grid/grid-groupby-styling/grid-groupby-styling.component";
import {
GridGroupBySummarySampleComponent
} from "../../src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component";
Expand All @@ -118,6 +124,8 @@ import {
import {
GridMultiRowLayoutConfigurationComponent
} from "../../src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component";
import { GridMultiRowLayoutStylingComponent
} from "../../src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component";
import { GridMultiRowLayoutComponent } from "../../src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component";
import { GridNestedDataBindComponent } from "../../src/app/grid/grid-nested-data-binding/grid-nested-data-bind";
import { GridPagerSampleComponent } from "../../src/app/grid/grid-pager-sample/grid-pager-sample.component";
Expand Down Expand Up @@ -146,9 +154,14 @@ import { GridRowReorderComponent } from "../../src/app/grid/grid-row-reorder-sam
import { FinancialSampleComponent, LocalService } from "../../src/app/grid/grid-sample-2/grid-sample-2.component";
import { GridSample3Component } from "../../src/app/grid/grid-sample-3/grid-sample-3.component";
import { GridRemoteVirtualizationSampleComponent } from "../../src/app/grid/grid-sample-4/grid-sample-4.component";
import { PinningStylingComponent } from '../../src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component';
import { PinningStylingComponent } from "../../src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component";
import { PinningSampleComponent } from "../../src/app/grid/grid-sample-pinning/grid-pinning.component";
import { PinningToolbarSampleComponent } from "../../src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component";
import { GridSelectionTemplateExcelComponent
} from "../../src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component";
import {
GridSelectionTemplateNumbersComponent
} from "../../src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component";
import { GridSelectionSampleComponent } from "../../src/app/grid/grid-sample-selection/grid-selection.component";
import { AboutComponent } from "../../src/app/grid/grid-save-state/about.component";
import { GridSaveStateComponent } from "../../src/app/grid/grid-save-state/grid-state.component";
Expand All @@ -172,12 +185,9 @@ import { DataService } from "../../src/app/grid/services/data.service";
import { RemoteFilteringService } from "../../src/app/grid/services/remoteFilteringService";
import { RemotePagingService } from "../../src/app/grid/services/remotePagingService";
import { RemoteServiceVirt } from "../../src/app/grid/services/remoteService";
import { RemoteValuesService } from "../../src/app/grid/grid-excel-style-filtering-load-on-demand/remoteValues.service";
import { AppModuleConfig } from "./core/AppModuleConfig";
import { Config } from "./core/Config";
import { IConfigGenerator } from "./core/IConfigGenerator";
import { GridMultiRowLayoutStylingComponent }
from'../../src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component';

// tslint:enable:max-line-length

Expand Down Expand Up @@ -327,7 +337,7 @@ export class GridConfigGenerator implements IConfigGenerator {

configs.push(new Config({
component: GridSelectionSampleComponent,
additionalFiles: ["/src/app/grid/grid-sample-selection/financialData.ts"],
additionalFiles: ["/src/app/grid/services/financialData.ts"],
appModuleConfig: new AppModuleConfig({
imports: [HttpClientModule, IgxAvatarModule, IgxBadgeModule, IgxButtonModule, IgxSnackbarModule,
IgxGridModule, IgxIconModule, IgxInputGroupModule, IgxSwitchModule, GridSelectionSampleComponent],
Expand All @@ -338,6 +348,31 @@ export class GridConfigGenerator implements IConfigGenerator {
})
}));

configs.push(new Config({
component: GridSelectionTemplateExcelComponent,
additionalFiles: ["/src/app/data/customers.ts"],
appModuleConfig: new AppModuleConfig({
imports: [IgxGridModule, GridSelectionTemplateExcelComponent],
ngDeclarations: [GridSelectionTemplateExcelComponent],
ngImports: [IgxGridModule],
ngProviders: []
})
}));

configs.push(new Config({
component: GridSelectionTemplateNumbersComponent,
additionalFiles: [
"/src/app/data/customers.ts"
],
appModuleConfig: new AppModuleConfig({
imports: [IgxCheckboxModule, IgxGridModule,
GridSelectionTemplateNumbersComponent],
ngDeclarations: [GridSelectionTemplateNumbersComponent],
ngImports: [IgxCheckboxModule, IgxGridModule],
ngProviders: []
})
}));

configs.push(new Config({
component: GridSearchSampleComponent,
additionalFiles: ["/src/app/grid/grid-search-sample/data.ts"],
Expand Down Expand Up @@ -481,7 +516,7 @@ export class GridConfigGenerator implements IConfigGenerator {
// column-moving sample
configs.push(new Config({
component: GridMovingSampleComponent,
additionalFiles: ["/src/app/grid/grid-sample-selection/financialData.ts"],
additionalFiles: ["/src/app/grid/services/financialData.ts"],
appModuleConfig: new AppModuleConfig({
imports: [GridMovingSampleComponent, IgxGridModule, IgxBadgeModule, IgxIconModule],
ngDeclarations: [GridMovingSampleComponent],
Expand All @@ -492,7 +527,7 @@ export class GridConfigGenerator implements IConfigGenerator {

configs.push(new Config({
component: GridMovingStyledSampleComponent,
additionalFiles: ["/src/app/grid/grid-sample-selection/financialData.ts"],
additionalFiles: ["/src/app/grid/services/financialData.ts"],
appModuleConfig: new AppModuleConfig({
imports: [GridMovingStyledSampleComponent, IgxGridModule, IgxBadgeModule, IgxIconModule],
ngDeclarations: [GridMovingStyledSampleComponent],
Expand Down
17 changes: 15 additions & 2 deletions live-editing/configs/HierarchicalGridConfigGenerator.ts
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@ import { HGridEditingEventsComponent } from "../../src/app/hierarchical-grid/hie
import { HGridEditingStyleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component";
import { HGridEditingSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component";
import { HierarchicalGridExcelStyleFilteringLoadOnDemandComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component";
import { RemoteValuesService } from "../../src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/remoteValues.service";
import {
HGridExcelStyleFilteringSample1Component
} from "../../src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component";
Expand Down Expand Up @@ -66,22 +67,22 @@ import { HGridDragSampleComponent } from "../../src/app/hierarchical-grid/hierar
import { HGridRowEditStyleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component";
import { HGridRowEditingSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component";
import { HGridRowReorderComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component";
import { HGridSelectionTemplateNumbersSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component"
import { HGridSelectionSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component";
import { HGridSortingStylingComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component";
import { HGridContextmenuComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component";
import { HGridSortingSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component";
import { HGridStylingComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component";
import { HGridSummaryStylingComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component";
import { HGridSummarySampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component";
import { HierarchicalGridToolbarStyleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component";
import { HGridToolbarCustomSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component";
import { HGridToolbarOptionsSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component";
import { HGridToolbarTitleSampleComponent } from "../../src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component";
import { RemoteLoDService } from "../../src/app/hierarchical-grid/services/remote-lod.service";
import { RemoteValuesService } from "../../src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/remoteValues.service";
import { AppModuleConfig } from "./core/AppModuleConfig";
import { Config } from "./core/Config";
import { IConfigGenerator } from "./core/IConfigGenerator";
import { HGridStylingComponent } from '../../src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component';

export class HierarchicalGridConfigGenerator implements IConfigGenerator {
public generateConfigs(): Config[] {
Expand Down Expand Up @@ -578,6 +579,18 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator {
component: HGridStylingComponent
}));

configs.push(new Config({
additionalFiles: [
"/src/app/hierarchical-grid/data.ts"
],
appModuleConfig: new AppModuleConfig({
imports: [IgxCheckboxModule, IgxHierarchicalGridModule, HGridSelectionTemplateNumbersSampleComponent],
ngDeclarations: [HGridSelectionTemplateNumbersSampleComponent],
ngImports: [IgxCheckboxModule, IgxHierarchicalGridModule]
}),
component: HGridSelectionTemplateNumbersSampleComponent
}));

return configs;
}
}
19 changes: 17 additions & 2 deletions live-editing/configs/TreeGridConfigGenerator.ts
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,8 @@ import { TreeGridDisplaydensitySampleComponent } from "../../src/app/tree-grid/t
import { TreeGridEditingEventsComponent } from "../../src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component";
import { TreeGridEditingSampleComponent } from "../../src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component";
import { TreeGridEditingStyleComponent } from "../../src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component";
import { TreeGridExcelStyleFilteringLoadOnDemandComponent } from '../../src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component';
import { RemoteValuesService } from "../../src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/remoteValues.service";
import { TreeGridExcelStyleFilteringLoadOnDemandComponent } from "../../src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component";
import {
TreeGridExcelStyleFilteringSample1Component
} from "../../src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component";
Expand Down Expand Up @@ -78,6 +79,7 @@ import { TreeGridRowEditSampleComponent } from "../../src/app/tree-grid/tree-gri
import { TreeGridRowReorderComponent } from "../../src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component";
import { TreeGridSearchSampleComponent } from "../../src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component";
import { TreeGridSelectionSampleComponent } from "../../src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component";
import { TreeGridSelectionTemplateNumbersSampleComponent } from "../../src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component";
import { TreeGridContextmenuComponent } from "../../src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component";
import { TreeGridSortingSampleComponent } from "../../src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component";
import { TreeGridSortingStylingComponent } from "../../src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component";
Expand All @@ -90,7 +92,6 @@ import { TreeGridToolbarSample3Component } from "../../src/app/tree-grid/tree-gr
import { TreeGridToolbarSample4Component } from "../../src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component";
import { TreeGridToolbarStyleComponent } from "../../src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component";
import { TreeGridVirtualizationSampleComponent } from "../../src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component";
import { RemoteValuesService } from '../../src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/remoteValues.service';
import { AppModuleConfig } from "./core/AppModuleConfig";
import { Config } from "./core/Config";
import { IConfigGenerator } from "./core/IConfigGenerator";
Expand Down Expand Up @@ -790,6 +791,20 @@ export class TreeGridConfigGenerator implements IConfigGenerator {
})
}));

// TreeGrid Row Selectors Template - Numbers
configs.push(new Config({
additionalFiles: [
"/src/app/tree-grid/data/employees-flat.ts"
],
appModuleConfig: new AppModuleConfig({
imports: [IgxCheckboxModule, IgxTreeGridModule, TreeGridSelectionTemplateNumbersSampleComponent],
ngDeclarations: [TreeGridSelectionTemplateNumbersSampleComponent],
ngImports: [IgxCheckboxModule, IgxTreeGridModule]
}),
component: TreeGridSelectionTemplateNumbersSampleComponent,
shortenComponentPathBy: "/tree-grid/"
}));

return configs;
}
}
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { AfterViewInit, Component, TemplateRef, ViewChild, ViewEncapsulation } from "@angular/core";
import { IgxColumnComponent, IgxGridComponent } from "igniteui-angular";
import { DATA } from "../grid-sample-selection/financialData";
import { DATA } from "../services/financialData";

@Component({
selector: "app-grid-moving-sample",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { AfterViewInit, Component, TemplateRef, ViewChild, ViewEncapsulation } from "@angular/core";
import { IgxColumnComponent, IgxGridComponent } from "igniteui-angular";
import { DATA } from "../grid-sample-selection/financialData";
import { DATA } from "../services/financialData";

@Component({
selector: "app-grid-moving-styled-sample",
Expand Down
Loading