Skip to content

Commit 9d6428f

Browse files
ChronosSFChronosSF
committed
fix(grid-lite): fixing grid lite samples and live-editing
1 parent daa39fe commit 9d6428f

File tree

9 files changed

+166
-69
lines changed

9 files changed

+166
-69
lines changed

‎live-editing/Routes.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import * as TreeGridDvRoutingModule from '../projects/app-lob/src/app/tree-grid/
99
import * as DataDisplayRouting from '../src/app/data-display/data-display.routes';
1010
import * as DataEntriesRouting from '../src/app/data-entries/data-entries.routes';
1111
import * as GridRouting from '../src/app/grid/grids.routes';
12+
import * as GridLiteRouting from '../src/app/grid-lite/grid-lite.routes';
1213
import * as PivotGridRouting from '../src/app/pivot-grid/pivot-grids.routes';
1314
import * as HierarchicalGridRouting from '../src/app/hierarchical-grid/hierarchical-grid.routes';
1415
import * as InteractionsRouting from '../src/app/interactions/interactions.routes';
@@ -68,6 +69,10 @@ export const MODULE_ROUTES = [
6869
path: 'grid',
6970
routes: GridRouting.GridsRoutes
7071
},
72+
{
73+
path: 'grid-lite',
74+
routes: GridLiteRouting.GridLiteRoutes
75+
},
7176
{
7277
path: 'pivot-grid',
7378
routes: PivotGridRouting.PivotGridsRoutes

‎live-editing/configs/GridLiteConfigGenerator.ts‎

Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
import { Config, IConfigGenerator } from 'igniteui-live-editing'
2+
import { BaseAppConfig } from './BaseConfig';
3+
4+
export class GridLiteConfigGenerator implements IConfigGenerator {
5+
public additionalImports = {
6+
//GridLiteDataService: '../../src/app/grid-lite/grid-lite-data.service.ts'
7+
};
8+
9+
public generateConfigs(): Config[] {
10+
const configs = new Array<Config>();
11+
12+
configs.push(new Config({
13+
component: 'GridLiteOverviewComponent',
14+
additionalDependencies: ['igniteui-grid-lite'],
15+
additionalFiles: [
16+
'/src/app/grid-lite/grid-lite-data.service.ts'
17+
],
18+
appConfig: BaseAppConfig
19+
}));
20+
21+
configs.push(new Config({
22+
component: 'GridLiteColumnConfigSimpleComponent',
23+
additionalDependencies: ['igniteui-grid-lite'],
24+
additionalFiles: [
25+
'/src/app/grid-lite/grid-lite-data.service.ts'
26+
],
27+
appConfig: BaseAppConfig
28+
}));
29+
30+
configs.push(new Config({
31+
component: 'GridLiteColumnConfigDynamicComponent',
32+
additionalDependencies: ['igniteui-grid-lite'],
33+
additionalFiles: [
34+
'/src/app/grid-lite/grid-lite-data.service.ts'
35+
],
36+
appConfig: BaseAppConfig
37+
}));
38+
39+
configs.push(new Config({
40+
component: 'GridLiteColumnConfigHeadersComponent',
41+
additionalDependencies: ['igniteui-grid-lite'],
42+
additionalFiles: [
43+
'/src/app/grid-lite/grid-lite-data.service.ts'
44+
],
45+
appConfig: BaseAppConfig
46+
}));
47+
48+
configs.push(new Config({
49+
component: 'GridLiteDataBindingDynamicComponent',
50+
additionalDependencies: ['igniteui-grid-lite'],
51+
additionalFiles: [
52+
'/src/app/grid-lite/grid-lite-data.service.ts'
53+
],
54+
appConfig: BaseAppConfig
55+
}));
56+
57+
configs.push(new Config({
58+
component: 'GridLiteFilteringSimpleComponent',
59+
additionalDependencies: ['igniteui-grid-lite'],
60+
additionalFiles: [
61+
'/src/app/grid-lite/grid-lite-data.service.ts'
62+
],
63+
appConfig: BaseAppConfig
64+
}));
65+
66+
configs.push(new Config({
67+
component: 'GridLiteFilteringEventsComponent',
68+
additionalDependencies: ['igniteui-grid-lite'],
69+
additionalFiles: [
70+
'/src/app/grid-lite/grid-lite-data.service.ts'
71+
],
72+
appConfig: BaseAppConfig
73+
}));
74+
75+
configs.push(new Config({
76+
component: 'GridLiteFilteringPipelineComponent',
77+
additionalDependencies: ['igniteui-grid-lite'],
78+
additionalFiles: [
79+
'/src/app/grid-lite/grid-lite-data.service.ts'
80+
],
81+
appConfig: BaseAppConfig
82+
}));
83+
84+
configs.push(new Config({
85+
component: 'GridLiteSortingSimpleComponent',
86+
additionalDependencies: ['igniteui-grid-lite'],
87+
additionalFiles: [
88+
'/src/app/grid-lite/grid-lite-data.service.ts'
89+
],
90+
appConfig: BaseAppConfig
91+
}));
92+
93+
configs.push(new Config({
94+
component: 'GridLiteSortingEventsComponent',
95+
additionalDependencies: ['igniteui-grid-lite'],
96+
additionalFiles: [
97+
'/src/app/grid-lite/grid-lite-data.service.ts'
98+
],
99+
appConfig: BaseAppConfig
100+
}));
101+
102+
configs.push(new Config({
103+
component: 'GridLiteSortingGridConfigComponent',
104+
additionalDependencies: ['igniteui-grid-lite'],
105+
additionalFiles: [
106+
'/src/app/grid-lite/grid-lite-data.service.ts'
107+
],
108+
appConfig: BaseAppConfig
109+
}));
110+
111+
configs.push(new Config({
112+
component: 'GridLiteSortingPipelineComponent',
113+
additionalDependencies: ['igniteui-grid-lite'],
114+
additionalFiles: [
115+
'/src/app/grid-lite/grid-lite-data.service.ts'
116+
],
117+
appConfig: BaseAppConfig
118+
}));
119+
120+
configs.push(new Config({
121+
component: 'GridLiteStylingCustomComponent',
122+
additionalDependencies: ['igniteui-grid-lite'],
123+
additionalFiles: [
124+
'/src/app/grid-lite/grid-lite-data.service.ts'
125+
],
126+
appConfig: BaseAppConfig
127+
}));
128+
129+
configs.push(new Config({
130+
component: 'GridLiteStylingThemesComponent',
131+
additionalDependencies: ['igniteui-grid-lite'],
132+
additionalFiles: [
133+
'/src/app/grid-lite/grid-lite-data.service.ts'
134+
],
135+
appConfig: BaseAppConfig
136+
}));
137+
138+
return configs;
139+
};
140+
}

‎live-editing/generators/ConfigGenerators.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
import { Config, IConfigGenerator } from 'igniteui-live-editing'
2-
import { BaseAppConfig } from './BaseConfig';;
31
import { ActionStripConfigGenerator } from '../configs/ActionStripConfigGenerator';
42
import { AutocompleteConfigGenerator } from '../configs/AutocompleteConfigGenerator';
53
import { AvatarConfigGenerator } from '../configs/AvatarConfigGenerator';
@@ -64,6 +62,7 @@ import { PaginationConfigGenerator } from '../configs/PaginationConfigGenerator'
6462
import { PivotGridConfigGenerator } from '../configs/PivotGridConfigGenerator';
6563
import { QueryBuilderConfigGenerator } from '../configs/QueryBuilderConfigGenerator';
6664
import { TileManagerConfigGenerator } from '../configs/TileManagerConfigGenerator';
65+
import { GridLiteConfigGenerator } from '../configs/GridLiteConfigGenerator';
6766

6867
export const CONFIG_GENERATORS =
6968
[
@@ -118,6 +117,7 @@ export const CONFIG_GENERATORS =
118117
HierarchicalGridConfigGenerator,
119118
TreeGridConfigGenerator,
120119
PivotGridConfigGenerator,
120+
GridLiteConfigGenerator,
121121

122122
// other:
123123
ActionStripConfigGenerator,

‎src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
.grid-lite-wrapper {
77
width: 100%;
8-
height: 100%;
8+
height: calc(100% - 50px);
99
}
1010

1111
.panel {

‎src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.html‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
11
<div class="grid-lite-wrapper">
2-
<section>
32
<igc-button (click)="switchData()">Switch data</igc-button>
43
<igc-grid-lite
54
#gridLite
65
auto-generate
76
[data]="data">
87
</igc-grid-lite>
9-
</section>
108
</div>

‎src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
.grid-lite-wrapper {
77
width: 100%;
8-
height: 100%;
8+
height: calc(100% - 50px);
99
}
1010

1111
igc-grid-lite {

‎src/app/grid-lite/grid-lite-data.service.ts‎

Lines changed: 1 addition & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -44,21 +44,7 @@ export class GridLiteDataService {
4444
private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High'];
4545

4646
private randomInt(min: number, max: number): number {
47-
// Use crypto.getRandomValues for cryptographically secure randomness
48-
const range = max - min + 1;
49-
if (range <= 0) {
50-
throw new Error('Invalid range');
51-
}
52-
// Find the number of bits needed to express the range
53-
const maxUint32 = 0xFFFFFFFF;
54-
const array = new Uint32Array(1);
55-
let randomNum: number;
56-
let limit = maxUint32 - (maxUint32 % range);
57-
do {
58-
window.crypto.getRandomValues(array);
59-
randomNum = array[0];
60-
} while (randomNum >= limit);
61-
return min + (randomNum % range);
47+
return Math.floor(Math.random() * (max - min + 1)) + min;
6248
}
6349

6450
private randomFloat(min: number, max: number, precision = 2): number {

‎src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,5 +13,5 @@
1313
}
1414

1515
igc-grid-lite {
16-
min-height: 65vh;
16+
height: 510px;
1717
}

‎src/app/grid-lite/grid-lite.routes.ts‎

Lines changed: 15 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -14,109 +14,77 @@ import { GridLiteSortingGridConfigComponent } from './grid-lite-sorting-grid-con
1414
import { GridLiteSortingPipelineComponent } from './grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component';
1515
import { GridLiteStylingCustomComponent } from './grid-lite-styling-custom/grid-lite-styling-custom.component';
1616
import { GridLiteStylingThemesComponent } from './grid-lite-styling-themes/grid-lite-styling-themes.component';
17+
import { gridLiteRoutesData } from './grid-lite-routes-data';
1718

1819
export const GridLiteRoutes: Routes = [
19-
{
20-
path: '',
21-
pathMatch: 'full',
22-
redirectTo: 'overview'
23-
},
2420
{
2521
path: 'overview',
2622
component: GridLiteOverviewComponent,
27-
data: {
28-
displayName: 'Grid Lite Overview'
29-
}
23+
data: gridLiteRoutesData['overview']
3024
},
3125
{
3226
path: 'column-config-simple',
3327
component: GridLiteColumnConfigSimpleComponent,
34-
data: {
35-
displayName: 'Column Configuration - Simple'
36-
}
28+
data: gridLiteRoutesData['column-config-simple']
3729
},
3830
{
3931
path: 'column-config-dynamic',
4032
component: GridLiteColumnConfigDynamicComponent,
41-
data: {
42-
displayName: 'Column Configuration - Dynamic'
43-
}
33+
data: gridLiteRoutesData['column-config-dynamic']
4434
},
4535
{
4636
path: 'column-config-headers',
4737
component: GridLiteColumnConfigHeadersComponent,
48-
data: {
49-
displayName: 'Column Configuration - Headers'
50-
}
38+
data: gridLiteRoutesData['column-config-headers']
5139
},
5240
{
5341
path: 'data-binding-dynamic',
5442
component: GridLiteDataBindingDynamicComponent,
55-
data: {
56-
displayName: 'Data Binding - Dynamic'
57-
}
43+
data: gridLiteRoutesData['data-binding-dynamic']
5844
},
5945
{
6046
path: 'filtering-simple',
6147
component: GridLiteFilteringSimpleComponent,
62-
data: {
63-
displayName: 'Filtering - Simple'
64-
}
48+
data: gridLiteRoutesData['filtering-simple']
6549
},
6650
{
6751
path: 'filtering-events',
6852
component: GridLiteFilteringEventsComponent,
69-
data: {
70-
displayName: 'Filtering - Events'
71-
}
53+
data: gridLiteRoutesData['filtering-events']
7254
},
7355
{
7456
path: 'filtering-pipeline',
7557
component: GridLiteFilteringPipelineComponent,
76-
data: {
77-
displayName: 'Filtering - Pipeline'
78-
}
58+
data: gridLiteRoutesData['filtering-pipeline']
7959
},
8060
{
8161
path: 'sorting-simple',
8262
component: GridLiteSortingSimpleComponent,
83-
data: {
84-
displayName: 'Sorting - Simple'
85-
}
63+
data: gridLiteRoutesData['sorting-simple']
8664
},
8765
{
8866
path: 'sorting-events',
8967
component: GridLiteSortingEventsComponent,
90-
data: {
91-
displayName: 'Sorting - Events'
92-
}
68+
data: gridLiteRoutesData['sorting-events']
9369
},
9470
{
9571
path: 'sorting-grid-config',
9672
component: GridLiteSortingGridConfigComponent,
97-
data: {
98-
displayName: 'Sorting - Grid Configuration'
99-
}
73+
data: gridLiteRoutesData['sorting-grid-config']
10074
},
10175
{
10276
path: 'sorting-pipeline',
10377
component: GridLiteSortingPipelineComponent,
104-
data: {
105-
displayName: 'Sorting - Pipeline'
106-
}
78+
data: gridLiteRoutesData['sorting-pipeline']
10779
},
10880
{
10981
path: 'styling-custom',
11082
component: GridLiteStylingCustomComponent,
111-
data: {
112-
displayName: 'Styling - Custom'
113-
}
83+
data: gridLiteRoutesData['styling-custom']
11484
},
11585
{
11686
path: 'styling-themes',
11787
component: GridLiteStylingThemesComponent,
118-
data: {
119-
displayName: 'Styling - Themes'
120-
}
88+
data: gridLiteRoutesData['styling-themes']
12189
}
12290
];

0 commit comments

Comments
 (0)