Skip to content

Commit a2fc316

Browse files
ghiscodingghiscoding
committed
chore: resize after toggling subtitle
1 parent af201c5 commit a2fc316

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+395
-150
lines changed

‎packages/demo/src/examples/slickgrid/example11.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<div class="col-sm-12">
2323
<span>

‎packages/demo/src/examples/slickgrid/example11.ts

+7
Original file line numberDiff line numberDiff line change
@@ -274,4 +274,11 @@ export class Example11 {
274274
scrollGridTop() {
275275
this.aureliaGrid.slickGrid.navigateTop();
276276
}
277+
278+
toggleSubTitle() {
279+
this.hideSubTitle = !this.hideSubTitle;
280+
const action = this.hideSubTitle ? 'add' : 'remove';
281+
document.querySelector('.subtitle')?.classList[action]('hidden');
282+
this.aureliaGrid.resizerService.resizeGrid(0);
283+
}
277284
}

‎packages/demo/src/examples/slickgrid/example12.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<hr />
2323

‎packages/demo/src/examples/slickgrid/example12.ts

+7
Original file line numberDiff line numberDiff line change
@@ -276,4 +276,11 @@ export class Example12 {
276276
await this.i18n.setLocale(nextLanguage);
277277
this.selectedLanguage = nextLanguage;
278278
}
279+
280+
toggleSubTitle() {
281+
this.hideSubTitle = !this.hideSubTitle;
282+
const action = this.hideSubTitle ? 'add' : 'remove';
283+
document.querySelector('.subtitle')?.classList[action]('hidden');
284+
this.aureliaGrid.resizerService.resizeGrid(0);
285+
}
279286
}

‎packages/demo/src/examples/slickgrid/example13.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<div class="row">
2323
<div class="col-sm-12">

‎packages/demo/src/examples/slickgrid/example13.ts

+7
Original file line numberDiff line numberDiff line change
@@ -356,4 +356,11 @@ export class Example13 {
356356
] as Grouping[]);
357357
this.gridObj.invalidate(); // invalidate all rows and re-render
358358
}
359+
360+
toggleSubTitle() {
361+
this.hideSubTitle = !this.hideSubTitle;
362+
const action = this.hideSubTitle ? 'add' : 'remove';
363+
document.querySelector('.subtitle')?.classList[action]('hidden');
364+
this.aureliaGrid.resizerService.resizeGrid(0);
365+
}
359366
}

‎packages/demo/src/examples/slickgrid/example15.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<button class="btn btn-outline-secondary btn-sm btn-icon" data-test="reset-button"
2323
click.trigger="clearGridStateFromLocalStorage()">

‎packages/demo/src/examples/slickgrid/example15.ts

+7
Original file line numberDiff line numberDiff line change
@@ -257,4 +257,11 @@ export class Example15 {
257257
],
258258
} as GridState;
259259
}
260+
261+
toggleSubTitle() {
262+
this.hideSubTitle = !this.hideSubTitle;
263+
const action = this.hideSubTitle ? 'add' : 'remove';
264+
document.querySelector('.subtitle')?.classList[action]('hidden');
265+
this.aureliaGrid.resizerService.resizeGrid(0);
266+
}
260267
}

‎packages/demo/src/examples/slickgrid/example16.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<div class="row">
2323
<div class="col-sm-12">

‎packages/demo/src/examples/slickgrid/example16.ts

+7
Original file line numberDiff line numberDiff line change
@@ -279,4 +279,11 @@ export class Example16 {
279279
toggleSorting() {
280280
this.aureliaGrid.sortService.toggleSortFunctionality();
281281
}
282+
283+
toggleSubTitle() {
284+
this.hideSubTitle = !this.hideSubTitle;
285+
const action = this.hideSubTitle ? 'add' : 'remove';
286+
document.querySelector('.subtitle')?.classList[action]('hidden');
287+
this.aureliaGrid.resizerService.resizeGrid(0);
288+
}
282289
}

‎packages/demo/src/examples/slickgrid/example18.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
@@ -21,7 +21,7 @@ <h2>
2121
</button>
2222
</h2>
2323

24-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
24+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2525

2626
<div class="form-inline">
2727
<div class="row">

‎packages/demo/src/examples/slickgrid/example18.ts

+7
Original file line numberDiff line numberDiff line change
@@ -409,4 +409,11 @@ export class Example18 {
409409
document.querySelector<HTMLDivElement>('#demo-container')!.dataset.bsTheme = 'light';
410410
}
411411
}
412+
413+
toggleSubTitle() {
414+
this.hideSubTitle = !this.hideSubTitle;
415+
const action = this.hideSubTitle ? 'add' : 'remove';
416+
document.querySelector('.subtitle')?.classList[action]('hidden');
417+
this.aureliaGrid.resizerService.resizeGrid(0);
418+
}
412419
}

‎packages/demo/src/examples/slickgrid/example19.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ <h2>
1010
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1111
type="button"
1212
data-test="toggle-subtitle"
13-
click.trigger="hideSubTitle = !hideSubTitle"
13+
click.trigger="toggleSubTitle()"
1414
>
1515
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1616
</button>
@@ -20,7 +20,7 @@ <h2>
2020
</button>
2121
</h2>
2222

23-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
23+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2424

2525
<div class="row">
2626
<div class="col-sm-6">

‎packages/demo/src/examples/slickgrid/example19.ts

+7
Original file line numberDiff line numberDiff line change
@@ -250,6 +250,13 @@ export class Example19 {
250250
}
251251
}
252252

253+
toggleSubTitle() {
254+
this.hideSubTitle = !this.hideSubTitle;
255+
const action = this.hideSubTitle ? 'add' : 'remove';
256+
document.querySelector('.subtitle')?.classList[action]('hidden');
257+
this.aureliaGrid.resizerService.resizeGrid(0);
258+
}
259+
253260
private randomNumber(min: number, max: number) {
254261
return Math.floor(Math.random() * (max - min + 1) + min);
255262
}

‎packages/demo/src/examples/slickgrid/example2.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@ <h2>
1010
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1111
type="button"
1212
data-test="toggle-subtitle"
13-
click.trigger="hideSubTitle = !hideSubTitle"
13+
click.trigger="toggleSubTitle()"
1414
>
1515
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1616
</button>
1717
</h2>
1818

19-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
19+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2020

2121
<button class="btn btn-outline-secondary btn-sm btn-icon" click.trigger="togglePauseResizer()">
2222
Pause auto-resize: <b>${resizerPaused}</b>

‎packages/demo/src/examples/slickgrid/example2.ts

+7
Original file line numberDiff line numberDiff line change
@@ -173,4 +173,11 @@ export class Example2 {
173173
}, 250);
174174
}
175175
}
176+
177+
toggleSubTitle() {
178+
this.hideSubTitle = !this.hideSubTitle;
179+
const action = this.hideSubTitle ? 'add' : 'remove';
180+
document.querySelector('.subtitle')?.classList[action]('hidden');
181+
this.aureliaGrid.resizerService.resizeGrid(0);
182+
}
176183
}

‎packages/demo/src/examples/slickgrid/example20.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<br>
2323

‎packages/demo/src/examples/slickgrid/example20.ts

+7
Original file line numberDiff line numberDiff line change
@@ -308,4 +308,11 @@ export class Example20 {
308308
this.isFrozenBottom = !this.isFrozenBottom; // toggle the variable
309309
}
310310
}
311+
312+
toggleSubTitle() {
313+
this.hideSubTitle = !this.hideSubTitle;
314+
const action = this.hideSubTitle ? 'add' : 'remove';
315+
document.querySelector('.subtitle')?.classList[action]('hidden');
316+
this.aureliaGrid.resizerService.resizeGrid(0);
317+
}
311318
}

‎packages/demo/src/examples/slickgrid/example21.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,12 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
19-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
19+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2020

2121
<div class="row row-cols-lg-auto g-1 align-items-center">
2222
<div class="col">

‎packages/demo/src/examples/slickgrid/example21.ts

+7
Original file line numberDiff line numberDiff line change
@@ -154,4 +154,11 @@ export class Example21 {
154154
searchTerms: [this.searchValue || '']
155155
});
156156
}
157+
158+
toggleSubTitle() {
159+
this.hideSubTitle = !this.hideSubTitle;
160+
const action = this.hideSubTitle ? 'add' : 'remove';
161+
document.querySelector('.subtitle')?.classList[action]('hidden');
162+
this.aureliaGrid.resizerService.resizeGrid(0);
163+
}
157164
}

‎packages/demo/src/examples/slickgrid/example23.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<br />
2323

‎packages/demo/src/examples/slickgrid/example23.ts

+7
Original file line numberDiff line numberDiff line change
@@ -287,4 +287,11 @@ export class Example23 {
287287
}
288288
this.aureliaGrid.filterService.updateFilters(filters);
289289
}
290+
291+
toggleSubTitle() {
292+
this.hideSubTitle = !this.hideSubTitle;
293+
const action = this.hideSubTitle ? 'add' : 'remove';
294+
document.querySelector('.subtitle')?.classList[action]('hidden');
295+
this.aureliaGrid.resizerService.resizeGrid(0);
296+
}
290297
}

‎packages/demo/src/examples/slickgrid/example24.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
@@ -21,7 +21,7 @@ <h2>
2121
</button>
2222
</h2>
2323

24-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
24+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2525

2626
<div class="row">
2727
<span class="context-menu">

‎packages/demo/src/examples/slickgrid/example24.ts

+7
Original file line numberDiff line numberDiff line change
@@ -548,4 +548,11 @@ export class Example24 {
548548
}
549549
this.aureliaGrid.slickGrid?.setOptions({ darkMode: this._darkModeGrid });
550550
}
551+
552+
toggleSubTitle() {
553+
this.hideSubTitle = !this.hideSubTitle;
554+
const action = this.hideSubTitle ? 'add' : 'remove';
555+
document.querySelector('.subtitle')?.classList[action]('hidden');
556+
this.aureliaGrid.resizerService.resizeGrid(0);
557+
}
551558
}

‎packages/demo/src/examples/slickgrid/example25.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<div class="row">
2323
<div class="col-xs-6 col-sm-3">

‎packages/demo/src/examples/slickgrid/example25.ts

+7
Original file line numberDiff line numberDiff line change
@@ -270,4 +270,11 @@ export class Example25 {
270270
{ columnId: 'company', direction: 'ASC' },
271271
]);
272272
}
273+
274+
toggleSubTitle() {
275+
this.hideSubTitle = !this.hideSubTitle;
276+
const action = this.hideSubTitle ? 'add' : 'remove';
277+
document.querySelector('.subtitle')?.classList[action]('hidden');
278+
this.aureliaGrid.resizerService.resizeGrid(0);
279+
}
273280
}

‎packages/demo/src/examples/slickgrid/example26.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ <h2>
1111
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1212
type="button"
1313
data-test="toggle-subtitle"
14-
click.trigger="hideSubTitle = !hideSubTitle"
14+
click.trigger="toggleSubTitle()"
1515
>
1616
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
1717
</button>
1818
</h2>
1919

20-
<div class="subtitle" innerhtml.bind="subTitle" hidden.bind="hideSubTitle"></div>
20+
<div class="subtitle" innerhtml.bind="subTitle"></div>
2121

2222
<div class="row">
2323
<div class="col-sm-6">

‎packages/demo/src/examples/slickgrid/example26.ts

+7
Original file line numberDiff line numberDiff line change
@@ -357,4 +357,11 @@ export class Example26 {
357357
this.aureliaGrid.slickGrid.gotoCell(command.row, command.cell, false);
358358
}
359359
}
360+
361+
toggleSubTitle() {
362+
this.hideSubTitle = !this.hideSubTitle;
363+
const action = this.hideSubTitle ? 'add' : 'remove';
364+
document.querySelector('.subtitle')?.classList[action]('hidden');
365+
this.aureliaGrid.resizerService.resizeGrid(0);
366+
}
360367
}

0 commit comments

Comments
 (0)