Skip to content

Commit 6e7a9f0

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 08-09-2024 10:30:10 PM
1 parent c9f47ff commit 6e7a9f0

20 files changed

+11740
-0
lines changed

‎ej2-angular-toc.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1918,6 +1918,7 @@
19181918
<li><a href="/ej2-angular/pivotview/grouping-bar">Grouping Bar</a></li>
19191919
<li><a href="/ej2-angular/pivotview/field-list">Field List</a></li>
19201920
<li><a href="/ej2-angular/pivotview/defer-update">Defer Layout Update</a></li>
1921+
<li><a href="/ej2-angular/pivotview/save-and-load">Export and import reports as JSON through custom toolbar options</a></li>
19211922
</ul>
19221923
</li>
19231924
<li>Performance

‎ej2-angular/code-snippet/pivot-grid/save-and-load/angular.json

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"syncfusion-component": {
7+
"projectType": "application",
8+
"schematics": {},
9+
"root": "",
10+
"sourceRoot": "src",
11+
"prefix": "app",
12+
"architect": {
13+
"build": {
14+
"builder": "@angular-devkit/build-angular:browser",
15+
"options": {
16+
"outputPath": "dist",
17+
"index": "index.html",
18+
"main": "src/main.ts",
19+
"tsConfig": "tsconfig.json",
20+
"styles": [
21+
"src/styles.css"
22+
],
23+
"assets": []
24+
},
25+
"configurations": {
26+
"production": {
27+
"budgets": [
28+
{
29+
"type": "initial",
30+
"maximumWarning": "500kb",
31+
"maximumError": "10mb"
32+
},
33+
{
34+
"type": "anyComponentStyle",
35+
"maximumWarning": "2kb",
36+
"maximumError": "4kb"
37+
}
38+
],
39+
"outputHashing": "all"
40+
},
41+
"development": {
42+
"buildOptimizer": false,
43+
"optimization": false,
44+
"vendorChunk": true,
45+
"extractLicenses": false,
46+
"sourceMap": true,
47+
"namedChunks": true
48+
}
49+
},
50+
"defaultConfiguration": "production"
51+
},
52+
"serve": {
53+
"builder": "@angular-devkit/build-angular:dev-server",
54+
"configurations": {
55+
"production": {
56+
"buildTarget": "syncfusion-component:build:production"
57+
},
58+
"development": {
59+
"buildTarget": "syncfusion-component:build:development"
60+
}
61+
},
62+
"defaultConfiguration": "development"
63+
}
64+
}
65+
}
66+
},
67+
"cli": {
68+
"analytics": false
69+
}
70+
}

‎ej2-angular/code-snippet/pivot-grid/save-and-load/index.html

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Syncfusion Angular Pivot Grid</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta name="description" content="Typescript UI Controls" />
9+
<meta name="author" content="Syncfusion" />
10+
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
11+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
12+
<style>
13+
#loader {
14+
color: #008cff;
15+
font-family: 'Helvetica Neue', 'calibiri';
16+
font-size: 16px;
17+
height: 40px;
18+
left: 45%;
19+
position: absolute;
20+
top: 45%;
21+
width: 30%;
22+
}
23+
24+
.e-custom-class {
25+
color: #008cff;
26+
text-decoration: underline;
27+
}
28+
29+
.e-custom-class:hover {
30+
color: red;
31+
text-decoration: none;
32+
}
33+
34+
#PivotViewFieldList {
35+
float: left;
36+
width: 58% !important;
37+
height: 100%;
38+
}
39+
40+
#PivotFieldList {
41+
float: right;
42+
width: 42%;
43+
height: 100%;
44+
}
45+
46+
#PivotFieldList .e-static {
47+
width: 100% !important;
48+
}
49+
50+
#PivotView {
51+
display: block;
52+
width: 100%;
53+
height: 100%;
54+
}
55+
56+
.e-pivotview .e-columnsheader .tempwrap {
57+
display: none;
58+
}
59+
60+
.e-pivotview .e-rowsheader .tempwrap {
61+
display: none;
62+
}
63+
64+
@font-face {
65+
font-family: 'e-pivot';
66+
src:
67+
url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMjhUSmAAAAEoAAAAVmNtYXCs3q0zAAABkAAAAEpnbHlmdaItOwAAAegAAAE0aGVhZBRYEz0AAADQAAAANmhoZWEHmQNtAAAArAAAACRobXR4D7gAAAAAAYAAAAAQbG9jYQDAAHIAAAHcAAAACm1heHABDwBBAAABCAAAACBuYW1lc0cOBgAAAxwAAAIlcG9zdK9TctUAAAVEAAAARwABAAADUv9qAFoEAAAA//4D6gABAAAAAAAAAAAAAAAAAAAABAABAAAAAQAAT8kba18PPPUACwPoAAAAANin5zgAAAAA2KfnOAAAAAAD6gPoAAAACAACAAAAAAAAAAEAAAAEADUAAQAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQPuAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA4jToTQNS/2oAWgPoAJYAAAABAAAAAAAABAAAAAPoAAAD6AAAA+gAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQANgAAAAgACAACAADiNOI56E3//wAA4jTiOehN//8AAAAAAAAAAQAIAAgACAAAAAEAAwACAAAAAAAAACYAcgCaAAAAAQAAAAADTAPoABUAAAkBBhY7AREUFjsBMjY1ETMyNicBJiIB3f7KCw4SxxAMqgwQxhIPC/7FCBgD3/6tDyH9wAwQEAwCQCEPAVMJAAEAAAAAA+oDTAA0AAABMx8BAR8DDwMBDwMjLwwhLwE1NzUnPwEhPwQ1PwQCXgIFCQFxBAIEAgEDBAf+ogYKBQUEAwQDAwICAQIBAQYJCf3mAgEDAgEBAh4KCAQCAQICAgIDA0wBBf7VAwQJCQkJCQf+4QQGAgEBAQIDBAQFC50DBAQDAQICCuANAgECBQIDAqcMBQQDAQAAAQAAAAADTAPoABYAAAEGFREjIgYXARYyNwE2JisBETQmKwEiAYsIxhIPDAE5CRgJATUMDhPGEAyqDAPgCAz9wCEP/q0JCQFTDyECQAwQAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABAAcAAQABAAAAAAACAAcACAABAAAAAAADAAcADwABAAAAAAAEAAcAFgABAAAAAAAFAAsAHQABAAAAAAAGAAcAKAABAAAAAAAKACwALwABAAAAAAALABIAWwADAAEECQAAAAIAbQADAAEECQABAA4AbwADAAEECQACAA4AfQADAAEECQADAA4AiwADAAEECQAEAA4AmQADAAEECQAFABYApwADAAEECQAGAA4AvQADAAEECQAKAFgAywADAAEECQALACQBIyBlLWljb25zUmVndWxhcmUtaWNvbnNlLWljb25zVmVyc2lvbiAxLjBlLWljb25zRm9udCBnZW5lcmF0ZWQgdXNpbmcgU3luY2Z1c2lvbiBNZXRybyBTdHVkaW93d3cuc3luY2Z1c2lvbi5jb20AIABlAC0AaQBjAG8AbgBzAFIAZQBnAHUAbABhAHIAZQAtAGkAYwBvAG4AcwBlAC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABlAC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQADVXAxC2Fycm93LXJpZ2h0CURvd25fU29ydAAAAA==) format('truetype');
68+
font-weight: normal;
69+
font-style: normal;
70+
}
71+
72+
.pv-icons {
73+
font-family: 'e-pivot';
74+
font-style: normal;
75+
font-variant: normal;
76+
font-weight: normal;
77+
text-transform: none;
78+
line-height: 1;
79+
}
80+
81+
.sb-icon-profit::before {
82+
content: '\e234';
83+
padding-left: 30px;
84+
margin: auto !important;
85+
color: #219122;
86+
size: 20px;
87+
}
88+
89+
.sb-icon-neutral::before {
90+
content: '\e84d';
91+
padding-left: 30px;
92+
margin: auto !important;
93+
color: #82b5e9;
94+
}
95+
96+
.sb-icon-loss::before {
97+
content: '\e239';
98+
padding-left: 30px;
99+
margin: auto !important;
100+
color: #ff2222;
101+
}
102+
103+
.e-pivotview .e-tool-expand::before {
104+
content: '\e702';
105+
}
106+
107+
.e-save-report::before {
108+
content: "\e703";
109+
font-size: 30px;
110+
}
111+
112+
.e-open-report::before {
113+
content: "\e65f";
114+
font-size: 30px;
115+
}
116+
117+
#template {
118+
display: flex;
119+
align-items: center;
120+
gap: 20px;
121+
height: 55px !important;
122+
}
123+
124+
.icon-container {
125+
display: flex;
126+
flex-direction: column;
127+
align-items: center;
128+
color: black;
129+
text-decoration: none;
130+
}
131+
132+
.icon-container:hover,
133+
.icon-container:focus,
134+
.icon-container:active {
135+
text-decoration: none;
136+
color: black;
137+
}
138+
139+
.file-input {
140+
position: absolute;
141+
width: 24px;
142+
height: 24px;
143+
opacity: 0;
144+
}
145+
146+
.e-open-report {
147+
margin-left: 10px;
148+
}
149+
150+
.e-save-report,
151+
.e-open-report {
152+
cursor: pointer;
153+
font-size: 14px;
154+
}
155+
</style>
156+
</head>
157+
158+
<body style="margin-top: 125px">
159+
<app-container>
160+
<div id='loader'>Loading....</div>
161+
</app-container>
162+
</body>
163+
164+
</html>

‎ej2-angular/code-snippet/pivot-grid/save-and-load/package.json

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
{
2+
"name": "syncfusion-component",
3+
"version": "0.0.0",
4+
"scripts": {
5+
"ng": "ng",
6+
"start": "ng serve",
7+
"build": "ng build",
8+
"watch": "ng build --watch --configuration development",
9+
"test": "ng test"
10+
},
11+
"private": true,
12+
"dependencies": {
13+
"@angular/core": "17.1.2",
14+
"@angular/platform-browser": "17.1.2",
15+
"@angular/platform-browser-dynamic": "17.1.2",
16+
"@syncfusion/ej2-angular-pivotview": "*",
17+
"@syncfusion/ej2-base": "*",
18+
"@syncfusion/ej2-buttons": "*",
19+
"@syncfusion/ej2-dropdowns": "*",
20+
"@syncfusion/ej2-grids": "*",
21+
"@syncfusion/ej2-inputs": "*",
22+
"@syncfusion/ej2-lists": "*",
23+
"@syncfusion/ej2-navigations": "*",
24+
"@syncfusion/ej2-popups": "*",
25+
"@syncfusion/ej2-splitbuttons": "*",
26+
"@syncfusion/ej2-angular-base": "*",
27+
"@angular/animations": "17.1.2",
28+
"@angular/common": "17.1.2",
29+
"@angular/compiler": "17.1.2",
30+
"@angular/forms": "17.1.2",
31+
"@angular/router": "17.1.2",
32+
"moment": "2.29.4",
33+
"rxjs": "7.8.0",
34+
"tslib": "2.3.0",
35+
"zone.js": "0.14.3",
36+
"@syncfusion/ej2-pivotview": "*"
37+
},
38+
"devDependencies": {
39+
"@angular-devkit/build-angular": "17.1.2",
40+
"@angular/cli": "17.1.2",
41+
"@angular/compiler-cli": "17.1.2",
42+
"@types/jasmine": "4.3.0",
43+
"jasmine-core": "4.5.0",
44+
"karma": "6.4.0",
45+
"karma-chrome-launcher": "3.1.0",
46+
"karma-coverage": "2.2.0",
47+
"karma-jasmine": "5.1.0",
48+
"karma-jasmine-html-reporter": "2.0.0",
49+
"typescript": "5.3.3"
50+
}
51+
}

‎ej2-angular/code-snippet/pivot-grid/save-and-load/src/app.component.css

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
/* csslint ignore:start */
2+
#PivotViewFieldList {
3+
float: left;
4+
width: 58% !important;
5+
height: 100%;
6+
}
7+
8+
#PivotFieldList {
9+
float: right;
10+
width: 42%;
11+
height: 100%;
12+
}
13+
14+
#PivotFieldList .e-static {
15+
width: 100% !important;
16+
}
17+
/* csslint ignore:end */
18+
19+
20+
.e-pivotview .e-columnsheader .tempwrap {
21+
display: none;
22+
}
23+
.e-pivotview .e-rowsheader .tempwrap {
24+
display: none;
25+
}
26+
27+
/* csslint ignore:start */
28+
@font-face {
29+
font-family: 'e-pivot';
30+
src:
31+
url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMjhUSmAAAAEoAAAAVmNtYXCs3q0zAAABkAAAAEpnbHlmdaItOwAAAegAAAE0aGVhZBRYEz0AAADQAAAANmhoZWEHmQNtAAAArAAAACRobXR4D7gAAAAAAYAAAAAQbG9jYQDAAHIAAAHcAAAACm1heHABDwBBAAABCAAAACBuYW1lc0cOBgAAAxwAAAIlcG9zdK9TctUAAAVEAAAARwABAAADUv9qAFoEAAAA//4D6gABAAAAAAAAAAAAAAAAAAAABAABAAAAAQAAT8kba18PPPUACwPoAAAAANin5zgAAAAA2KfnOAAAAAAD6gPoAAAACAACAAAAAAAAAAEAAAAEADUAAQAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQPuAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA4jToTQNS/2oAWgPoAJYAAAABAAAAAAAABAAAAAPoAAAD6AAAA+gAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQANgAAAAgACAACAADiNOI56E3//wAA4jTiOehN//8AAAAAAAAAAQAIAAgACAAAAAEAAwACAAAAAAAAACYAcgCaAAAAAQAAAAADTAPoABUAAAkBBhY7AREUFjsBMjY1ETMyNicBJiIB3f7KCw4SxxAMqgwQxhIPC/7FCBgD3/6tDyH9wAwQEAwCQCEPAVMJAAEAAAAAA+oDTAA0AAABMx8BAR8DDwMBDwMjLwwhLwE1NzUnPwEhPwQ1PwQCXgIFCQFxBAIEAgEDBAf+ogYKBQUEAwQDAwICAQIBAQYJCf3mAgEDAgEBAh4KCAQCAQICAgIDA0wBBf7VAwQJCQkJCQf+4QQGAgEBAQIDBAQFC50DBAQDAQICCuANAgECBQIDAqcMBQQDAQAAAQAAAAADTAPoABYAAAEGFREjIgYXARYyNwE2JisBETQmKwEiAYsIxhIPDAE5CRgJATUMDhPGEAyqDAPgCAz9wCEP/q0JCQFTDyECQAwQAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABAAcAAQABAAAAAAACAAcACAABAAAAAAADAAcADwABAAAAAAAEAAcAFgABAAAAAAAFAAsAHQABAAAAAAAGAAcAKAABAAAAAAAKACwALwABAAAAAAALABIAWwADAAEECQAAAAIAbQADAAEECQABAA4AbwADAAEECQACAA4AfQADAAEECQADAA4AiwADAAEECQAEAA4AmQADAAEECQAFABYApwADAAEECQAGAA4AvQADAAEECQAKAFgAywADAAEECQALACQBIyBlLWljb25zUmVndWxhcmUtaWNvbnNlLWljb25zVmVyc2lvbiAxLjBlLWljb25zRm9udCBnZW5lcmF0ZWQgdXNpbmcgU3luY2Z1c2lvbiBNZXRybyBTdHVkaW93d3cuc3luY2Z1c2lvbi5jb20AIABlAC0AaQBjAG8AbgBzAFIAZQBnAHUAbABhAHIAZQAtAGkAYwBvAG4AcwBlAC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABlAC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQADVXAxC2Fycm93LXJpZ2h0CURvd25fU29ydAAAAA==) format('truetype');
32+
font-weight: normal;
33+
font-style: normal;
34+
}
35+
36+
.pv-icons {
37+
font-family: 'e-pivot';
38+
font-style: normal;
39+
font-variant: normal;
40+
font-weight: normal;
41+
text-transform: none;
42+
line-height: 1;
43+
}
44+
45+
.sb-icon-profit::before {
46+
content: '\e234';
47+
padding-left: 30px;
48+
margin: auto !important;
49+
color: #219122;
50+
size: 20px;
51+
}
52+
53+
.sb-icon-neutral::before {
54+
content: '\e84d';
55+
padding-left: 30px;
56+
margin: auto !important;
57+
color: #82b5e9;
58+
}
59+
60+
.sb-icon-loss::before {
61+
content: '\e239';
62+
padding-left: 30px;
63+
margin: auto !important;
64+
color: #ff2222;
65+
}
66+
67+
.e-pivotview .e-tool-expand::before {
68+
content: '\e702';
69+
}
70+
71+
.fileUpload {
72+
position: relative;
73+
overflow: hidden;
74+
margin: 10px;
75+
}
76+
77+
.fileUpload input.upload {
78+
position: absolute;
79+
top: 0;
80+
right: 0;
81+
margin: 0;
82+
padding: 0;
83+
font-size: 20px;
84+
cursor: pointer;
85+
opacity: 0;
86+
filter: alpha(opacity=0);
87+
}
88+
/* csslint ignore:end */

0 commit comments

Comments
 (0)