Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 3918a4d

Browse files
yanmariomenevyanmariomenev
committedJan 6, 2025··
chore: update spreadsheet app
1 parent abbb037 commit 3918a4d

13 files changed

+6728
-4350
lines changed
 

‎examples-standalone/spreadsheet-app/angular.json

+5-3
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,8 @@
2727
"index": "src/index.html",
2828
"browser": "src/main.ts",
2929
"polyfills": [
30-
"zone.js"
30+
"zone.js",
31+
"@angular/localize/init"
3132
],
3233
"tsConfig": "tsconfig.app.json",
3334
"assets": [
@@ -36,7 +37,7 @@
3637
],
3738
"styles": [
3839
{
39-
"input": "node_modules/@progress/kendo-theme-default/dist/default-ocean-blue-a11y.scss"
40+
"input": "node_modules/@progress/kendo-theme-default/dist/default-ocean-blue.scss"
4041
},
4142
"src/styles.css"
4243
],
@@ -89,7 +90,8 @@
8990
"options": {
9091
"polyfills": [
9192
"zone.js",
92-
"zone.js/testing"
93+
"zone.js/testing",
94+
"@angular/localize/init"
9395
],
9496
"tsConfig": "tsconfig.spec.json",
9597
"assets": [

‎examples-standalone/spreadsheet-app/package-lock.json

+6,657-4,288
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples-standalone/spreadsheet-app/package.json

+36-36
Original file line numberDiff line numberDiff line change
@@ -10,52 +10,52 @@
1010
},
1111
"private": true,
1212
"dependencies": {
13-
"@angular/animations": "^17.0.0",
14-
"@angular/common": "^17.0.0",
15-
"@angular/compiler": "^17.0.0",
16-
"@angular/core": "^17.0.0",
17-
"@angular/forms": "^17.0.0",
18-
"@angular/localize": "^17.0.0",
19-
"@angular/platform-browser": "^17.0.0",
20-
"@angular/platform-browser-dynamic": "^17.0.0",
21-
"@angular/router": "^17.0.0",
22-
"@progress/kendo-angular-buttons": "15.4.0",
23-
"@progress/kendo-angular-common": "15.4.0",
24-
"@progress/kendo-angular-dialog": "15.4.0",
25-
"@progress/kendo-angular-dropdowns": "15.4.0",
26-
"@progress/kendo-angular-icons": "15.4.0",
27-
"@progress/kendo-angular-inputs": "15.4.0",
28-
"@progress/kendo-angular-intl": "15.4.0",
29-
"@progress/kendo-angular-l10n": "15.4.0",
30-
"@progress/kendo-angular-label": "15.4.0",
31-
"@progress/kendo-angular-layout": "15.4.0",
32-
"@progress/kendo-angular-menu": "15.4.0",
33-
"@progress/kendo-angular-navigation": "15.4.0",
34-
"@progress/kendo-angular-notification": "^15.4.0",
35-
"@progress/kendo-angular-popup": "15.4.0",
36-
"@progress/kendo-angular-spreadsheet": "^15.4.0",
37-
"@progress/kendo-angular-toolbar": "15.4.0",
38-
"@progress/kendo-angular-treeview": "15.4.0",
39-
"@progress/kendo-angular-upload": "15.4.0",
40-
"@progress/kendo-drawing": "^1.17.2",
13+
"@angular/animations": "^19.0.0",
14+
"@angular/common": "^19.0.0",
15+
"@angular/compiler": "^19.0.0",
16+
"@angular/core": "^19.0.0",
17+
"@angular/forms": "^19.0.0",
18+
"@angular/localize": "^19.0.0",
19+
"@angular/platform-browser": "^19.0.0",
20+
"@angular/platform-browser-dynamic": "^19.0.0",
21+
"@angular/router": "^19.0.0",
22+
"@progress/kendo-angular-buttons": "17.2.0",
23+
"@progress/kendo-angular-common": "17.2.0",
24+
"@progress/kendo-angular-dialog": "17.2.0",
25+
"@progress/kendo-angular-dropdowns": "17.2.0",
26+
"@progress/kendo-angular-icons": "17.2.0",
27+
"@progress/kendo-angular-inputs": "17.2.0",
28+
"@progress/kendo-angular-intl": "17.2.0",
29+
"@progress/kendo-angular-l10n": "17.2.0",
30+
"@progress/kendo-angular-label": "17.2.0",
31+
"@progress/kendo-angular-layout": "17.2.0",
32+
"@progress/kendo-angular-menu": "17.2.0",
33+
"@progress/kendo-angular-navigation": "17.2.0",
34+
"@progress/kendo-angular-notification": "^17.2.0",
35+
"@progress/kendo-angular-popup": "17.2.0",
36+
"@progress/kendo-angular-spreadsheet": "^17.2.0",
37+
"@progress/kendo-angular-toolbar": "17.2.0",
38+
"@progress/kendo-angular-treeview": "17.2.0",
39+
"@progress/kendo-angular-upload": "17.2.0",
40+
"@progress/kendo-drawing": "^1.21.2",
4141
"@progress/kendo-licensing": "^1.0.2",
42-
"@progress/kendo-svg-icons": "^2.0.0",
43-
"@progress/kendo-theme-default": "^8.0.0",
42+
"@progress/kendo-svg-icons": "^4.0.0",
43+
"@progress/kendo-theme-default": "^10.1.0",
4444
"rxjs": "~7.8.0",
4545
"tslib": "^2.3.0",
46-
"zone.js": "~0.14.2"
46+
"zone.js": "~0.15.0"
4747
},
4848
"devDependencies": {
49-
"@angular-devkit/build-angular": "^17.0.10",
50-
"@angular/cli": "^17.0.10",
51-
"@angular/compiler-cli": "^17.0.0",
49+
"@angular-devkit/build-angular": "^19.0.6",
50+
"@angular/cli": "^19.0.6",
51+
"@angular/compiler-cli": "^19.0.0",
5252
"@types/jasmine": "~5.1.0",
53-
"jasmine-core": "~5.1.0",
53+
"jasmine-core": "~5.4.0",
5454
"karma": "~6.4.0",
5555
"karma-chrome-launcher": "~3.2.0",
5656
"karma-coverage": "~2.2.0",
5757
"karma-jasmine": "~5.1.0",
5858
"karma-jasmine-html-reporter": "~2.1.0",
59-
"typescript": "~5.2.2"
59+
"typescript": "~5.6.2"
6060
}
6161
}

‎examples-standalone/spreadsheet-app/src/app/app.component.ts

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
22

33
@Component({
44
selector: "app-root",
5+
standalone: false,
56
templateUrl: "./app.component.html",
67
styleUrl: "./app.component.css",
78
})

‎examples-standalone/spreadsheet-app/src/app/header/header.component.html

+8-8
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,35 @@
22
<kendo-appbar-section class="logo-nav-container">
33
<div class="logo" routerLink="/login">Sample Event</div>
44
<div class="nav-buttons">
5-
<kendo-button
5+
<button
66
kendoButton
77
themeColor="primary"
88
rounded="medium"
99
fillMode="clear"
1010
size="medium"
1111
routerLink="/event-budget"
1212
routerLinkActive="active"
13-
>Event Budget</kendo-button
13+
>Event Budget</button
1414
>
15-
<kendo-button
15+
<button
1616
kendoButton
1717
themeColor="primary"
1818
rounded="medium"
1919
fillMode="clear"
2020
size="medium"
2121
routerLink="/tickets"
2222
routerLinkActive="active"
23-
>Tickets</kendo-button
23+
>Tickets</button
2424
>
25-
<kendo-button
25+
<button
2626
kendoButton
2727
themeColor="primary"
2828
rounded="medium"
2929
fillMode="clear"
3030
size="medium"
3131
routerLink="/speakers"
3232
routerLinkActive="active"
33-
>Call for Speakers</kendo-button
33+
>Call for Speakers</button
3434
>
3535
</div>
3636
</kendo-appbar-section>
@@ -39,7 +39,7 @@
3939

4040
<kendo-appbar-section class="username-logout-container">
4141
<span class="user-title">Hello, {{ roleName }}</span>
42-
<kendo-button
42+
<button
4343
kendoButton
4444
fillMode="clear"
4545
themeColor="primary"
@@ -48,6 +48,6 @@
4848
>
4949
<kendo-svgicon [icon]="logoutIcon"></kendo-svgicon>
5050
<span>Logout</span>
51-
</kendo-button>
51+
</button>
5252
</kendo-appbar-section>
5353
</kendo-appbar>

‎examples-standalone/spreadsheet-app/src/app/header/header.component.ts

+1
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { SVGIcon, logoutIcon } from "@progress/kendo-svg-icons";
44

55
@Component({
66
selector: "app-header",
7+
standalone: false,
78
templateUrl: "./header.component.html",
89
styleUrl: "./header.component.css",
910
})

‎examples-standalone/spreadsheet-app/src/app/login/login.component.html

+9-6
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,8 @@ <h2 class="k-h2 form-header">Event Budgeting</h2>
3333
<kendo-formerror>Error: Password is required</kendo-formerror>
3434
</kendo-formfield>
3535

36-
<kendo-button
36+
<button
37+
kendoButton
3738
class="login-button"
3839
size="large"
3940
themeColor="primary"
@@ -46,7 +47,7 @@ <h2 class="k-h2 form-header">Event Budgeting</h2>
4647
</div>
4748
<span class="button-text">Login as Administrator</span>
4849
</div>
49-
</kendo-button>
50+
</button>
5051
</div>
5152

5253
<div class="text-container">
@@ -56,7 +57,8 @@ <h2 class="k-h2 form-header">Event Budgeting</h2>
5657
</div>
5758

5859
<div class="buttons-container">
59-
<kendo-button
60+
<button
61+
kendoButton
6062
class="event-guest-button"
6163
size="large"
6264
routerLink="/tickets"
@@ -68,8 +70,9 @@ <h2 class="k-h2 form-header">Event Budgeting</h2>
6870
</div>
6971
<span class="button-text">Event Guest</span>
7072
</div>
71-
</kendo-button>
72-
<kendo-button
73+
</button>
74+
<button
75+
kendoButton
7376
class="event-speaker-button"
7477
size="large"
7578
routerLink="/speakers"
@@ -81,7 +84,7 @@ <h2 class="k-h2 form-header">Event Budgeting</h2>
8184
</div>
8285
<span class="button-text">Event Speaker</span>
8386
</div>
84-
</kendo-button>
87+
</button>
8588
</div>
8689
</fieldset>
8790
</form>

‎examples-standalone/spreadsheet-app/src/app/login/login.component.ts

+1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { FormControl, FormGroup } from "@angular/forms";
55

66
@Component({
77
selector: "app-login",
8+
standalone: false,
89
templateUrl: "./login.component.html",
910
styleUrl: "./login.component.css",
1011
encapsulation: ViewEncapsulation.None,

‎examples-standalone/spreadsheet-app/src/app/speaker-view/speaker-view.component.html

+3-2
Original file line numberDiff line numberDiff line change
@@ -126,13 +126,14 @@ <h1 class="k-h1">Apply to Speak at Conference</h1>
126126
style="width: 86px"
127127
> Apply
128128
</button>
129-
<kendo-button
129+
<button
130+
kendoButton
130131
type="button"
131132
(click)="clearForm()"
132133
size="large"
133134
style="width: 80px"
134135
> Clear
135-
</kendo-button>
136+
</button>
136137
</div>
137138
</form>
138139
</div>

‎examples-standalone/spreadsheet-app/src/app/speaker-view/speaker-view.component.ts

+1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ExcelDataService } from "../data/services/excel-data.service";
55

66
@Component({
77
selector: "app-speaker-view",
8+
standalone: false,
89
templateUrl: "./speaker-view.component.html",
910
styleUrl: "./speaker-view.component.css",
1011
})

‎examples-standalone/spreadsheet-app/src/app/spreadsheet-view/spreadsheet-view.component.ts

+2-5
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import { NotificationService } from '@progress/kendo-angular-notification';
88

99
@Component({
1010
selector: 'app-spreadsheet-view',
11+
standalone: false,
1112
templateUrl: './spreadsheet-view.component.html',
1213
styleUrl: './spreadsheet-view.component.css',
1314
encapsulation: ViewEncapsulation.None,
@@ -56,11 +57,7 @@ export class SpreadsheetViewComponent {
5657
}
5758

5859
public onClear(): void {
59-
this.reRender = true;
60-
this.data = this.excelDataService.getData();
61-
// Reset the data to the original state workaround due to https://github.com/telerik/kendo-angular/issues/4255
62-
this.cd.detectChanges();
63-
this.reRender = false;
60+
this.data = this.excelDataService.getData().slice();
6461
this.isButtonDisabled = true;
6562

6663
this.notificationService.show({

‎examples-standalone/spreadsheet-app/src/app/ticket-view/ticket-view.component.html

+3-2
Original file line numberDiff line numberDiff line change
@@ -123,13 +123,14 @@ <h5 class="k-h5">
123123
>
124124
Book Now
125125
</button>
126-
<kendo-button
126+
<button
127+
kendoButton
127128
[disabled]="!formGroup.dirty"
128129
type="button"
129130
(click)="clearForm()"
130131
size="large"
131132
style="width: 80px"
132-
>Clear</kendo-button
133+
>Clear</button
133134
>
134135
</div>
135136
</div>

‎examples-standalone/spreadsheet-app/src/app/ticket-view/ticket-view.component.ts

+1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import { TicketPrices } from "../data/models/interfaces";
66

77
@Component({
88
selector: "app-ticket-view",
9+
standalone: false,
910
templateUrl: "./ticket-view.component.html",
1011
styleUrls: ["./ticket-view.component.css"],
1112
})

0 commit comments

Comments
 (0)
Please sign in to comment.