Skip to content

Commit 762f06a

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 08-14-2024 10:30:10 PM
1 parent 6e3716a commit 762f06a

File tree

6 files changed

+45
-51
lines changed

6 files changed

+45
-51
lines changed

‎ej2-angular/code-snippet/breadcrumb/navigations-cs2/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ standalone: true,
2222
<e-breadcrumb-item text="Home" url="https://ej2.syncfusion.com/documentation/introduction/"></e-breadcrumb-item>
2323
<e-breadcrumb-item text="Getting" url="https://ej2.syncfusion.com/documentation/breadcrumb/getting-started"></e-breadcrumb-item>
2424
<e-breadcrumb-item text="Icons" url="https://ej2.syncfusion.com/documentation/breadcrumb/icons"></e-breadcrumb-item>
25-
<e-breadcrumb-item text="Navigations" url="https://ej2.syncfusion.com/documentation/breadcrumb/navigations"></e-breadcrumb-item>
25+
<e-breadcrumb-item text="Navigations" url="https://ej2.syncfusion.com/documentation/breadcrumb/navigation"></e-breadcrumb-item>
2626
<e-breadcrumb-item text="Overflow" url="https://ej2.syncfusion.com/documentation/breadcrumb/overflow"></e-breadcrumb-item>
2727
</e-breadcrumb-items>
2828
</ejs-breadcrumb>

‎ej2-angular/code-snippet/breadcrumb/navigations-cs3/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ standalone: true,
2222
<e-breadcrumb-item text="Home" url="https://ej2.syncfusion.com/documentation/introduction/"></e-breadcrumb-item>
2323
<e-breadcrumb-item text="Getting" url="https://ej2.syncfusion.com/documentation/breadcrumb/getting-started"></e-breadcrumb-item>
2424
<e-breadcrumb-item text="Icons" url="https://ej2.syncfusion.com/documentation/breadcrumb/icons"></e-breadcrumb-item>
25-
<e-breadcrumb-item text="Navigations" url="https://ej2.syncfusion.com/documentation/breadcrumb/navigations"></e-breadcrumb-item>
25+
<e-breadcrumb-item text="Navigations" url="https://ej2.syncfusion.com/documentation/breadcrumb/navigation"></e-breadcrumb-item>
2626
<e-breadcrumb-item text="Overflow" url="https://ej2.syncfusion.com/documentation/breadcrumb/overflow"></e-breadcrumb-item>
2727
</e-breadcrumb-items>
2828
</ejs-breadcrumb>

‎ej2-angular/code-snippet/breadcrumb/navigations-cs4/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ standalone: true,
2323
<e-breadcrumb-item text="Home" url="https://ej2.syncfusion.com/documentation/introduction/"></e-breadcrumb-item>
2424
<e-breadcrumb-item text="Getting" url="https://ej2.syncfusion.com/documentation/breadcrumb/getting-started"></e-breadcrumb-item>
2525
<e-breadcrumb-item text="Icons" url="https://ej2.syncfusion.com/documentation/breadcrumb/icons"></e-breadcrumb-item>
26-
<e-breadcrumb-item text="Navigations" url="https://ej2.syncfusion.com/documentation/breadcrumb/navigations"></e-breadcrumb-item>
26+
<e-breadcrumb-item text="Navigations" url="https://ej2.syncfusion.com/documentation/breadcrumb/navigation"></e-breadcrumb-item>
2727
<e-breadcrumb-item text="Overflow" url="https://ej2.syncfusion.com/documentation/breadcrumb/overflow"></e-breadcrumb-item>
2828
</e-breadcrumb-items>
2929
</ejs-breadcrumb>

‎ej2-angular/code-snippet/pivot-grid/getting-started-cs291/src/app.component.ts

Lines changed: 33 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ standalone: true,
2121
selector: 'app-container',
2222
providers: [FieldListService],
2323
// specifies the template string for the pivot table component
24-
template: `<div style="height: 480px;"><ejs-pivotview #pivotview id='PivotView' height='350' [dataSourceSettings]=dataSourceSettings [width]=width showFieldList='true' (dataBound)='ondataBound($event)'></ejs-pivotview></div><a id="save" class="btn btn-primary">Save</a><div class="fileUpload btn btn-primary"><span>Load</span><input id="files" type="file" class="upload" /></div>`,
24+
template: `<div style="height: 480px;"><ejs-pivotview #pivotview id='PivotView' height='350' [dataSourceSettings]=dataSourceSettings [width]=width showFieldList='true'></ejs-pivotview></div><a id="save" class="btn btn-primary" (click)="saveData()">Save</a><div class="fileUpload btn btn-primary"><span>Load</span><input id="files" type="file" class="upload" (change)="readBlob($event)"/></div>`,
2525
styleUrls: ['./app.component.css']
2626
})
2727

@@ -33,31 +33,6 @@ export class AppComponent {
3333
public pivotGridObj?: PivotView;
3434
public width?: string;
3535

36-
ondataBound(args: any) {
37-
var dataSource = JSON.parse(this.pivotGridObj!.getPersistData()).dataSourceSettings.dataSource;
38-
var a = document.getElementById('save') as HTMLElement ;
39-
var mime_type = 'application/octet-stream'; // text/html, image/png, et c
40-
a.setAttribute('download', 'pivot.JSON');
41-
(a as any).href = 'data:'+ mime_type +';base64,'+ btoa(JSON.stringify(dataSource) || '');
42-
(document.getElementById('files') as HTMLElement).addEventListener('change', this.readBlob, false);
43-
}
44-
45-
readBlob(args: any) {
46-
var files = (document.getElementById('load') as any).files;
47-
var file = files[0];
48-
var start = 0;
49-
var stop = file.size - 1;
50-
var reader = new FileReader();
51-
var $this = this;
52-
reader.onloadend = function(evt: any) {
53-
if (evt!.target.readyState == FileReader.DONE) {
54-
$this.pivotGridObj!.dataSourceSettings.dataSource = JSON.parse(evt.target.result);
55-
}
56-
};
57-
var blob = file.slice(start, stop + 1);
58-
reader.readAsBinaryString(blob);
59-
}
60-
6136
ngOnInit(): void {
6237
this.dataSourceSettings = {
6338
dataSource: Pivot_Data as IDataSet[],
@@ -72,6 +47,37 @@ export class AppComponent {
7247
};
7348
this.width = "100%";
7449
}
75-
}
50+
51+
saveData(): void {
52+
if(this.pivotGridObj)
53+
{
54+
const dataSource = JSON.parse(this.pivotGridObj?.getPersistData()).dataSourceSettings;
55+
const a: HTMLAnchorElement = document.createElement('a');
56+
const mime_type = 'application/octet-stream';
57+
a.setAttribute('download', 'pivot.JSON');
58+
a.href = 'data:' + mime_type + ';base64,' + btoa(JSON.stringify(dataSource) || '');
59+
document.body.appendChild(a);
60+
a.click();
61+
document.body.removeChild(a);
62+
}
63+
}
64+
65+
// Read and load data from JSON file
66+
readBlob(event: Event): void {
67+
const input = event.target as HTMLInputElement;
68+
const file = input.files?.[0];
69+
if (file) {
70+
const reader = new FileReader();
71+
reader.onloadend = (evt: ProgressEvent<FileReader>) => {
72+
if (evt.target?.readyState === FileReader.DONE) {
73+
const result = evt.target.result as string;
74+
this.pivotGridObj!.dataSourceSettings = JSON.parse(result);
75+
}
76+
};
77+
reader.readAsText(file);
78+
}
79+
input.value = '';
80+
}
81+
}
7682

7783

‎ej2-angular/range-slider/getting-started.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ domainurl: ##DomainURL##
1212

1313
The Slider component is available in `@syncfusion/ej2-angular-inputs` package. Utilize this package to render the Slider Component.
1414

15+
To get start quickly with Angular Range slider, you can check on this video:
16+
17+
{% youtube "https://www.youtube.com/watch?v=_PInU4vTumk" %}
18+
1519
## Setting up angular project
1620

1721
Angular provides the easiest way to set angular CLI projects using [`Angular CLI`](https://github.com/angular/angular-cli) tool.

‎ej2-angular/rich-text-editor/getting-started.md

Lines changed: 5 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -53,25 +53,6 @@ npm install @syncfusion/ej2-angular-richtexteditor --save
5353

5454
> The **--save** will instruct NPM to include the rich text editor package inside of the **dependencies** section of the **package.json**.
5555
56-
## Registering Rich Text Editor Module
57-
58-
Import Rich Text Editor module into Angular application(app.module.ts) from the package **@syncfusion/ej2-angular-richtexteditor** [src/app/app.module.ts].
59-
60-
```typescript
61-
import { NgModule } from '@angular/core';
62-
import { BrowserModule } from '@angular/platform-browser';
63-
import { AppComponent } from './app.component';
64-
// import the RichTextEditorModule for the Rich Text Editor component
65-
import { RichTextEditorModule } from '@syncfusion/ej2-angular-richtexteditor';
66-
67-
@NgModule({
68-
//declaration of ej2-angular-richtexteditor module into NgModule
69-
imports: [ BrowserModule, RichTextEditorModule ],
70-
declarations: [ AppComponent ],
71-
bootstrap: [ AppComponent ]
72-
})
73-
export class AppModule { }
74-
```
7556
## Adding CSS reference
7657

7758
The following CSS files are available in **../node_modules/@syncfusion** package folder.
@@ -100,7 +81,12 @@ Modify the template in the [src/app/app.component.ts] file to render the Rich Te
10081

10182
import { Component } from '@angular/core';
10283
import { ToolbarService, LinkService, ImageService, HtmlEditorService } from '@syncfusion/ej2-angular-richtexteditor';
84+
import { RichTextEditorAllModule } from '@syncfusion/ej2-angular-richtexteditor'
10385
@Component({
86+
imports: [
87+
RichTextEditorAllModule
88+
],
89+
standalone: true,
10490
selector: 'app-root',
10591
template: `<ejs-richtexteditor id='defaultRTE'>
10692
<ng-template #valueTemplate>
@@ -129,8 +115,6 @@ export class AppComponent {
129115

130116
```
131117

132-
133-
134118
## Module Injection
135119

136120
To create Rich Text Editor with additional features, inject the required modules. The following modules are used to extend Rich Text Editor's basic functionality.

0 commit comments

Comments
 (0)