Skip to content

Commit e8aaff2

Browse files
ghiscodingghiscoding
committed
chore: resize after toggling subtitle
1 parent bf54bcd commit e8aaff2

File tree

69 files changed

+471
-145
lines changed

Some content is hidden

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

69 files changed

+471
-145
lines changed

‎src/app/examples/grid-additem.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

2424
<div class="col-sm-12">
2525
<span>

‎src/app/examples/grid-additem.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -295,4 +295,11 @@ export class GridAddItemComponent implements OnInit {
295295
scrollGridTop() {
296296
this.angularGrid.slickGrid.navigateTop();
297297
}
298+
299+
toggleSubTitle() {
300+
this.hideSubTitle = !this.hideSubTitle;
301+
const action = this.hideSubTitle ? 'add' : 'remove';
302+
document.querySelector('.subtitle')?.classList[action]('hidden');
303+
this.angularGrid.resizerService.resizeGrid(2);
304+
}
298305
}

‎src/app/examples/grid-angular.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

2424
<div class="col-sm-6">
2525
<label>autoEdit setting: </label>

‎src/app/examples/grid-angular.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -408,4 +408,11 @@ export class GridAngularComponent implements OnInit {
408408
const item = this.angularGrid.dataView.getItem(rowNumber);
409409
this.angularGrid.gridService.deleteItemById(item.id);
410410
}
411+
412+
toggleSubTitle() {
413+
this.hideSubTitle = !this.hideSubTitle;
414+
const action = this.hideSubTitle ? 'add' : 'remove';
415+
document.querySelector('.subtitle')?.classList[action]('hidden');
416+
this.angularGrid.resizerService.resizeGrid(2);
417+
}
411418
}

‎src/app/examples/grid-clientside.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

2424
<br />
2525
<span *ngIf="metrics" style="margin-right: 10px">

‎src/app/examples/grid-clientside.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -355,4 +355,11 @@ export class GridClientSideComponent implements OnInit {
355355
scrollGridTop() {
356356
this.angularGrid.slickGrid.navigateTop();
357357
}
358+
359+
toggleSubTitle() {
360+
this.hideSubTitle = !this.hideSubTitle;
361+
const action = this.hideSubTitle ? 'add' : 'remove';
362+
document.querySelector('.subtitle')?.classList[action]('hidden');
363+
this.angularGrid.resizerService.resizeGrid(2);
364+
}
358365
}

‎src/app/examples/grid-composite-editor.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ <h2>
1515
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1616
type="button"
1717
data-test="toggle-subtitle"
18-
(click)="hideSubTitle = !hideSubTitle"
18+
(click)="toggleSubTitle()"
1919
>
2020
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2121
</button>
@@ -24,7 +24,7 @@ <h2>
2424
<span>Toggle Dark Mode</span>
2525
</button>
2626
</h2>
27-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
27+
<div class="subtitle" [innerHTML]="subTitle"></div>
2828

2929
<div class="mb-2">
3030
<div class="btn-group btn-group-sm" role="group" aria-label="Basic Editing Commands">

‎src/app/examples/grid-composite-editor.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -1072,4 +1072,11 @@ export class GridCompositeEditorComponent implements OnDestroy, OnInit {
10721072
<span class="autocomplete-bottom-right">Type: <b>${item.itemTypeName === 'I' ? 'Item' : item.itemTypeName === 'C' ? 'PdCat' : 'Cat'}</b></span>
10731073
</div>`;
10741074
}
1075+
1076+
toggleSubTitle() {
1077+
this.hideSubTitle = !this.hideSubTitle;
1078+
const action = this.hideSubTitle ? 'add' : 'remove';
1079+
document.querySelector('.subtitle')?.classList[action]('hidden');
1080+
this.angularGrid.resizerService.resizeGrid(2);
1081+
}
10751082
}

‎src/app/examples/grid-contextmenu.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,15 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
<button class="btn btn-outline-secondary btn-sm" (click)="toggleDarkMode()" data-test="toggle-dark-mode">
2222
<span>Toggle Dark Mode</span>
2323
</button>
2424
</h2>
25-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
25+
<div class="subtitle" [innerHTML]="subTitle"></div>
2626

2727
<div class="row mb-1">
2828
<div class="col-12">

‎src/app/examples/grid-contextmenu.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -670,4 +670,11 @@ export class GridContextMenuComponent implements OnInit, OnDestroy {
670670
}
671671
this.angularGrid.slickGrid?.setOptions({ darkMode: this._darkModeGrid });
672672
}
673+
674+
toggleSubTitle() {
675+
this.hideSubTitle = !this.hideSubTitle;
676+
const action = this.hideSubTitle ? 'add' : 'remove';
677+
document.querySelector('.subtitle')?.classList[action]('hidden');
678+
this.angularGrid.resizerService.resizeGrid(2);
679+
}
673680
}

‎src/app/examples/grid-custom-pagination.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle">
22+
<div class="subtitle">
2323
You can create a Custom Pagination by passing an Angular Custom Component and it must
2424
<code>implements BasePaginationComponent</code>. Any of the pagination controls could be moved anywhere on the page (for
2525
example we purposely moved the page size away from the rest of the pagination elements).

‎src/app/examples/grid-custom-pagination.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -203,4 +203,11 @@ export class GridCustomPaginationComponent implements OnInit {
203203
(this.angularGrid.paginationComponent as CustomPagerComponent)?.disposeElement();
204204
(this.angularGrid.paginationComponent as CustomPagerComponent)?.renderPagination(gridContainerElm, this.paginationPosition);
205205
}
206+
207+
toggleSubTitle() {
208+
this.hideSubTitle = !this.hideSubTitle;
209+
const action = this.hideSubTitle ? 'add' : 'remove';
210+
document.querySelector('.subtitle')?.classList[action]('hidden');
211+
this.angularGrid.resizerService.resizeGrid(2);
212+
}
206213
}

‎src/app/examples/grid-custom-tooltip.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

2424
<div style="margin-bottom: 20px">
2525
<label for="pinned-rows">Simulated Server Delay (ms): </label>

‎src/app/examples/grid-custom-tooltip.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -569,4 +569,11 @@ export class GridCustomTooltipComponent implements OnInit {
569569
}
570570
return output;
571571
}
572+
573+
toggleSubTitle() {
574+
this.hideSubTitle = !this.hideSubTitle;
575+
const action = this.hideSubTitle ? 'add' : 'remove';
576+
document.querySelector('.subtitle')?.classList[action]('hidden');
577+
this.angularGrid.resizerService.resizeGrid(2);
578+
}
572579
}

‎src/app/examples/grid-drag-recycle.component.html

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

23-
<div class="subtitle" [hidden]="hideSubTitle">
23+
<div class="subtitle">
2424
<ul>
2525
<li>Click to select, Ctrl-click to toggle selection(s).</li>
2626
<li>Drag one or more rows by the handle icon (1st column) to reorder.</li>

‎src/app/examples/grid-drag-recycle.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -233,4 +233,11 @@ export class GridDragRecycleComponent implements OnInit {
233233
return { valid: true, msg: null };
234234
}
235235
}
236+
237+
toggleSubTitle() {
238+
this.hideSubTitle = !this.hideSubTitle;
239+
const action = this.hideSubTitle ? 'add' : 'remove';
240+
document.querySelector('.subtitle')?.classList[action]('hidden');
241+
this.angularGrid.resizerService.resizeGrid(2);
242+
}
236243
}

‎src/app/examples/grid-draggrouping.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ <h2>
1515
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1616
type="button"
1717
data-test="toggle-subtitle"
18-
(click)="hideSubTitle = !hideSubTitle"
18+
(click)="toggleSubTitle()"
1919
>
2020
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2121
</button>
@@ -24,7 +24,7 @@ <h2>
2424
<span>Toggle Dark Mode</span>
2525
</button>
2626
</h2>
27-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
27+
<div class="subtitle" [innerHTML]="subTitle"></div>
2828

2929
<form class="form-inline">
3030
<div class="row">

‎src/app/examples/grid-draggrouping.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -453,4 +453,11 @@ export class GridDraggableGroupingComponent implements OnInit, OnDestroy {
453453
document.querySelector<HTMLDivElement>('#demo-container')!.dataset.bsTheme = 'light';
454454
}
455455
}
456+
457+
toggleSubTitle() {
458+
this.hideSubTitle = !this.hideSubTitle;
459+
const action = this.hideSubTitle ? 'add' : 'remove';
460+
document.querySelector('.subtitle')?.classList[action]('hidden');
461+
this.angularGrid.resizerService.resizeGrid(2);
462+
}
456463
}

‎src/app/examples/grid-editor.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

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

‎src/app/examples/grid-editor.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -730,4 +730,11 @@ export class GridEditorComponent implements OnInit {
730730
this.gridObj.gotoCell(command.row, command.cell, false);
731731
}
732732
}
733+
734+
toggleSubTitle() {
735+
this.hideSubTitle = !this.hideSubTitle;
736+
const action = this.hideSubTitle ? 'add' : 'remove';
737+
document.querySelector('.subtitle')?.classList[action]('hidden');
738+
this.angularGrid.resizerService.resizeGrid(2);
739+
}
733740
}

‎src/app/examples/grid-excel-formula.component.html

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

23-
<div class="subtitle" [hidden]="hideSubTitle">
23+
<div class="subtitle">
2424
Grid with Excel Formulas (<a
2525
href="https://ghiscoding.gitbook.io/angular-slickgrid/grid-functionalities/export-to-excel#cell-value-parser"
2626
target="_blank"

‎src/app/examples/grid-excel-formula.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -505,4 +505,11 @@ export class GridExcelFormulaComponent implements OnInit {
505505

506506
this.angularGrid?.dataView?.refresh();
507507
}
508+
509+
toggleSubTitle() {
510+
this.hideSubTitle = !this.hideSubTitle;
511+
const action = this.hideSubTitle ? 'add' : 'remove';
512+
document.querySelector('.subtitle')?.classList[action]('hidden');
513+
this.angularGrid.resizerService.resizeGrid(2);
514+
}
508515
}

‎src/app/examples/grid-footer-totals.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
@@ -23,7 +23,7 @@ <h2>
2323
<span>Toggle Dark Mode</span>
2424
</button>
2525
</h2>
26-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
26+
<div class="subtitle" [innerHTML]="subTitle"></div>
2727

2828
<angular-slickgrid
2929
gridId="grid37"

‎src/app/examples/grid-footer-totals.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -130,4 +130,11 @@ export class GridFooterTotalsComponent implements OnDestroy, OnInit {
130130
columnElement.textContent = `Sum: ${total}`;
131131
}
132132
}
133+
134+
toggleSubTitle() {
135+
this.hideSubTitle = !this.hideSubTitle;
136+
const action = this.hideSubTitle ? 'add' : 'remove';
137+
document.querySelector('.subtitle')?.classList[action]('hidden');
138+
this.angularGrid.resizerService.resizeGrid(2);
139+
}
133140
}

‎src/app/examples/grid-formatter.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

2424
<button class="btn btn-outline-secondary btn-sm btn-icon" (click)="togglePauseResizer()">
2525
Pause auto-resize: <b>{{ resizerPaused }}</b>

‎src/app/examples/grid-formatter.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -229,4 +229,11 @@ export class GridFormatterComponent implements OnInit {
229229
}, 250);
230230
}
231231
}
232+
233+
toggleSubTitle() {
234+
this.hideSubTitle = !this.hideSubTitle;
235+
const action = this.hideSubTitle ? 'add' : 'remove';
236+
document.querySelector('.subtitle')?.classList[action]('hidden');
237+
this.angularGrid.resizerService.resizeGrid(2);
238+
}
232239
}

‎src/app/examples/grid-frozen.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ <h2>
1414
class="ms-2 btn btn-outline-secondary btn-sm btn-icon"
1515
type="button"
1616
data-test="toggle-subtitle"
17-
(click)="hideSubTitle = !hideSubTitle"
17+
(click)="toggleSubTitle()"
1818
>
1919
<span class="mdi mdi-information-outline" title="Toggle example sub-title details"></span>
2020
</button>
2121
</h2>
22-
<div class="subtitle" [hidden]="hideSubTitle" [innerHTML]="subTitle"></div>
22+
<div class="subtitle" [innerHTML]="subTitle"></div>
2323

2424
<div class="row gx-2 mb-2 align-items-end">
2525
<div class="col-2">

‎src/app/examples/grid-frozen.component.ts

+7
Original file line numberDiff line numberDiff line change
@@ -352,4 +352,11 @@ export class GridFrozenComponent implements OnInit, OnDestroy {
352352
this.isFrozenBottom = !this.isFrozenBottom; // toggle the variable
353353
}
354354
}
355+
356+
toggleSubTitle() {
357+
this.hideSubTitle = !this.hideSubTitle;
358+
const action = this.hideSubTitle ? 'add' : 'remove';
359+
document.querySelector('.subtitle')?.classList[action]('hidden');
360+
this.angularGrid.resizerService.resizeGrid(2);
361+
}
355362
}

0 commit comments

Comments
 (0)