Skip to content

Commit e26f48e

Browse files
ghiscodingghiscoding
committed
feat: upgrade to Slickgrid-Universal v10.4.0
1 parent 20593be commit e26f48e

10 files changed

Lines changed: 790 additions & 129 deletions

File tree

‎package-lock.json‎

Lines changed: 368 additions & 103 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -31,18 +31,19 @@
3131
"@faker-js/faker": "^10.4.0",
3232
"@fnando/sparkline": "^0.3.10",
3333
"@formkit/tempo": "^1.0.0",
34-
"@slickgrid-universal/common": "^10.3.0",
35-
"@slickgrid-universal/composite-editor-component": "^10.3.0",
36-
"@slickgrid-universal/custom-tooltip-plugin": "^10.3.0",
37-
"@slickgrid-universal/excel-export": "^10.3.0",
38-
"@slickgrid-universal/graphql": "^10.3.0",
39-
"@slickgrid-universal/odata": "^10.3.0",
40-
"@slickgrid-universal/pdf-export": "^10.3.0",
41-
"@slickgrid-universal/row-detail-view-plugin": "^10.3.0",
42-
"@slickgrid-universal/rxjs-observable": "^10.3.0",
43-
"@slickgrid-universal/text-export": "^10.3.0",
44-
"@slickgrid-universal/vanilla-bundle": "^10.3.0",
45-
"@slickgrid-universal/vanilla-force-bundle": "^10.3.0",
34+
"@slickgrid-universal/common": "^10.4.0",
35+
"@slickgrid-universal/composite-editor-component": "^10.4.0",
36+
"@slickgrid-universal/custom-tooltip-plugin": "^10.4.0",
37+
"@slickgrid-universal/excel-export": "^10.4.0",
38+
"@slickgrid-universal/graphql": "^10.4.0",
39+
"@slickgrid-universal/odata": "^10.4.0",
40+
"@slickgrid-universal/pdf-export": "^10.4.0",
41+
"@slickgrid-universal/row-detail-view-plugin": "^10.4.0",
42+
"@slickgrid-universal/rxjs-observable": "^10.4.0",
43+
"@slickgrid-universal/sql": "^10.4.2",
44+
"@slickgrid-universal/text-export": "^10.4.0",
45+
"@slickgrid-universal/vanilla-bundle": "^10.4.0",
46+
"@slickgrid-universal/vanilla-force-bundle": "^10.4.0",
4647
"alien-signals": "^3.1.2",
4748
"bulma": "^1.0.4",
4849
"dompurify": "^3.3.3",

‎src/app-routing.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@ export class AppRouting {
4444
{ route: 'example38', name: 'example38', title: 'Example38', moduleId: './examples/example38' },
4545
{ route: 'example39', name: 'example39', title: 'Example39', moduleId: './examples/example39' },
4646
{ route: 'example40', name: 'example40', title: 'Example40', moduleId: './examples/example40' },
47+
{ route: 'example41', name: 'example41', title: 'Example41', moduleId: './examples/example41' },
4748
{ route: '', redirect: 'example01' },
4849
{ route: '**', redirect: 'example01' }
4950
];

‎src/app.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,7 @@ <h4 class="is-size-4 has-text-white">Slickgrid-Universal</h4>
7979
<a class="navbar-item" onclick.trigger="loadRoute('example38')">Example38 - Spreadsheet Drag-Fill</a>
8080
<a class="navbar-item" onclick.trigger="loadRoute('example39')">Example39 - Master/Detail Grids</a>
8181
<a class="navbar-item" onclick.trigger="loadRoute('example40')">Example40 - Menus with Slots</a>
82+
<a class="navbar-item" onclick.trigger="loadRoute('example41')">Example41 - Grid with SQL Backend Service</a>
8283
</div>
8384
</div>
8485
</div>

‎src/bulma.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
@use 'bulma/bulma';
22

33
[data-theme=light], .theme-light {
4-
--bulma-body-color: black;
4+
--bulma-body-color: black !important;
55
--bulma-body-background-color: white !important;
66
.button {
77
// --bulma-scheme-main-l: 99%;
88
border-color: #acacac;
99
}
1010
}
1111
[data-theme=dark], .theme-dark {
12-
--bulma-body-color: white;
12+
--bulma-body-color: white !important;
1313
--bulma-body-background-color: #33393e !important;
1414
.button {
1515
border-color: #585858;
@@ -29,17 +29,17 @@ html, body {
2929

3030
.title {
3131
--bulma-title-weight: 600;
32-
margin-bottom: 24px;
32+
// margin-bottom: 18px;
3333
}
34-
.button {
34+
.button.is-small {
3535
--bulma-button-weight: 400;
3636
--bulma-button-padding-horizontal: 0.75em;
3737
box-shadow: none;
3838
border-radius: 2px;
3939
height: 30px;
40-
span.mdi {
41-
margin-right: 4px;
42-
}
40+
display: inline-flex;
41+
column-gap: 4px;
42+
justify-content: space-between;
4343
}
4444
.navbar-item, .navbar-link {
4545
color: white;

‎src/examples/example23.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export class CustomSumAggregator implements Aggregator {
6161
constructor(
6262
public readonly field: number | string,
6363
public taxRate: number
64-
) { }
64+
) {}
6565

6666
get type(): string {
6767
return this._type;

‎src/examples/example41.html‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<h3 class="title is-3">
2+
Example 41 - Grid with SQL Backend Service
3+
<span class="d-inline-flex">
4+
<button class="button is-small" onclick.trigger="toggleDarkMode()" data-test="toggle-dark-mode">
5+
<span class="mdi mdi-theme-light-dark"></span>
6+
<span> Toggle Light/Dark</span>
7+
</button>
8+
</span>
9+
<div class="subtitle code-link">
10+
<span class="is-size-6">see</span>
11+
<a
12+
class="is-size-5"
13+
target="_blank"
14+
href="https://github.com/ghiscoding/slickgrid-universal-webpack-demo/blob/main/src/examples/example41.ts"
15+
>
16+
<span class="mdi mdi-link-variant"></span> code
17+
</a>
18+
</div>
19+
</h3>
20+
<h6 class="italic content example-details">
21+
<span class="text-red">(*) NO DATA SHOWN</span>
22+
- just change any of Filters/Sorting/Pages and look at the "SQL Query" changing. This example uses the SQL Backend Service.
23+
</h6>
24+
25+
<div class="row">
26+
<button
27+
class="button is-small"
28+
data-test="clear-filters-sorting"
29+
onclick.trigger="clearAllFiltersAndSorts()"
30+
title="Clear all Filters & Sorts"
31+
>
32+
<span class="mdi mdi-close"></span>
33+
<span>Clear all Filter &amp; Sorts</span>
34+
</button>
35+
<button class="button is-small" data-test="set-dynamic-filter" onclick.trigger="setFiltersDynamically()">Set Filters Dynamically</button>
36+
<button class="button is-small" data-test="set-dynamic-sorting" onclick.trigger="setSortingDynamically()">Set Sorting Dynamically</button>
37+
<button class="button is-small" data-test="reset-presets" onclick.trigger="resetToOriginalPresets()">Reset Original Presets</button>
38+
39+
<label for="serverdelay" class="ml-4">Server Delay: </label>
40+
<input
41+
id="serverdelay"
42+
type="number"
43+
data-test="server-delay"
44+
class="is-narrow input is-small"
45+
value.bind="serverWaitDelay"
46+
title="input a fake timer delay to simulate slow server response"
47+
/>
48+
49+
<div class="row col-md-12 mt-2">
50+
<span>
51+
<label>Programmatically go to first/last page:</label>
52+
<button class="button is-small" data-test="goto-first-page" onclick.trigger="goToFirstPage()">
53+
<i class="mdi mdi-page-first"></i>
54+
</button>
55+
<button class="button is-small" data-test="goto-last-page" onclick.trigger="goToLastPage()">
56+
<i class="mdi mdi-page-last"></i>
57+
</button>
58+
</span>
59+
</div>
60+
</div>
61+
62+
<div class="columns mt-2">
63+
<div class="column">
64+
<div class="notification is-info is-light" data-test="alert-sql-query">
65+
<strong>SQL Query:</strong>
66+
<span data-test="sql-query-result" textcontent.bind="sqlQuery"></span>
67+
</div>
68+
</div>
69+
<div class="column is-narrow">
70+
<div class.bind="statusClass" data-test="status"><strong>Status:</strong> <span textcontent.bind="status"></span></div>
71+
</div>
72+
</div>
73+
74+
<div class="grid41"></div>

0 commit comments

Comments
 (0)