diff --git a/src/controls/designer/designer.js b/src/controls/designer/designer.js
index 44532ff..bb6272b 100644
--- a/src/controls/designer/designer.js
+++ b/src/controls/designer/designer.js
@@ -35,11 +35,22 @@ var reportItemExtensions = [{
className: 'EJSignature',
imageClass: 'customitem-signature',
displayName: 'Electronic',
- category: 'Signature',
+ category: 'Signatures',
toolTip: {
requirements: 'Add a report item to the designer area.',
description: 'This report item is used to add a graphic signature.',
- title: 'Signature'
+ title: 'Electronic Signature'
+ }
+}, {
+ name: 'PDFSignature',
+ className: 'EJPDFSignature',
+ imageClass: 'customitem-pdfsignature',
+ displayName: 'PDF',
+ category: 'Signatures',
+ toolTip: {
+ requirements: 'Add a report item to the designer area.',
+ description: 'This report item is used to add a digital PDF signature.',
+ title: 'PDF Signature'
}
}, {
name: 'Shape',
diff --git a/src/controls/hr-payroll.js b/src/controls/hr-payroll.js
new file mode 100644
index 0000000..693ab48
--- /dev/null
+++ b/src/controls/hr-payroll.js
@@ -0,0 +1,40 @@
+/* eslint-disable */
+import React, { Component } from 'react';
+import { Globals } from '../globals';
+
+class HRPayroll extends Component {
+ render() {
+ if (this.props.content !== 'desc') {
+ return (
+
+ )
+ }
+ else {
+ return (
+
+
+ The HR Payroll report provides a comprehensive overview of employee compensation, departmental performance, and leave management. It helps HR teams analyze payroll trends and make informed decisions.
+
+
+
Displays gross salary, net salary, and deductions across departments.
+
Visualizes Loss of Pay (LOP)breakdown by leave type: sick, good, and compensation leave.
+
Includes employee demographics such as gender distribution and contract types.
+
Summarizes leave availability for sick and casual leave by department.
+
Highlights average performance and employee count per department.
+
+
+ For more information on how dynamic image report items enhance customization in multi-company HR reports, refer to
+ this documentation section.
+
+
+ );
+ }
+ }
+}
+export default HRPayroll;
\ No newline at end of file
diff --git a/src/controls/multi-language-report.js b/src/controls/multi-language-report.js
index eff9a86..022f27a 100644
--- a/src/controls/multi-language-report.js
+++ b/src/controls/multi-language-report.js
@@ -6,6 +6,17 @@ const parameterSettings = {
}
let didMount = true;
let languagesList, languages;
+const tooltipLocales = {
+ "en-US": { header: "Edit Report", content: "Edit this report in designer" },
+ "fr-CA": { header: "Modifier le rapport", content: "Modifier ce rapport dans le concepteur" },
+ "de-DE": { header: "Bericht bearbeiten", content: "Bearbeiten Sie diesen Bericht im Designer" },
+ "hi-IN": { header: "रिपोर्ट संपादित करें", content: "इस रिपोर्ट को डिज़ाइनर में संपादित करें" },
+ "es-ES": { header: "Editar informe", content: "Editar este informe en el diseñador" },
+ "nl-NL": { header: "Rapport bewerken", content: "Bewerk dit rapport in de ontwerper" },
+ "ko-KR": { header: "보고서 편집", content: "디자이너에서 이 보고서를 편집합니다" },
+ "he-IL": { header: "ערוך דוח", content: "ערוך דוח זה במעצב" },
+ "ru-RU": { header: "Редактировать отчет", content: "Редактировать этот отчет в дизайнере" }
+};
class MultiLanguageReport extends Component {
render() {
@@ -84,11 +95,20 @@ class MultiLanguageReport extends Component {
loadReport = () => {
const reportViewer = $("#report-viewer").boldReportViewer("instance");
const selectedLanguageId = languages.value.toString();
+ const tooltipData = tooltipLocales[selectedLanguageId];
const selectedLanguage = languagesList.find(lang => lang.languageId === selectedLanguageId);
const parameters = [{ name: 'Language', labels: [selectedLanguage.Name], values: [selectedLanguage.Name] }];
reportViewer.model.parameters = parameters;
reportViewer.reload();
reportViewer.setModel({'locale': selectedLanguageId});
+ const item = reportViewer.model.toolbarSettings.customGroups[0].items[0];
+ item.tooltip = {
+ header: tooltipData.header,
+ content: tooltipData.content
+ };
+ }
+ componentWillUnmount() {
+ didMount = true;
}
}
export default MultiLanguageReport;
diff --git a/src/globals.js b/src/globals.js
index f48e6c0..5e48dce 100644
--- a/src/globals.js
+++ b/src/globals.js
@@ -35,6 +35,7 @@ import TranscriptReport from './controls/transcript-report';
import CMRReport from './controls/cmr-report';
import InfographicsReport from './controls/infographics-report';
import DynamicLogos from './controls/dynamic-logos';
+import HRPayroll from './controls/hr-payroll';
import MultiLanguageReport from './controls/multi-language-report';
import rdlcData from './rdlcData'
@@ -114,6 +115,7 @@ const SampleComponents = {
CMRReport: CMRReport,
InfographicsReport: InfographicsReport,
DynamicLogos: DynamicLogos,
+ HRPayroll: HRPayroll,
MultiLanguageReport: MultiLanguageReport
}
diff --git a/src/index.js b/src/index.js
index 666b81c..181b294 100644
--- a/src/index.js
+++ b/src/index.js
@@ -27,6 +27,10 @@ import './controls/extensions/report-item-extensions/document.reportitem.css';
import { EJPdfDocument } from './controls/extensions/report-item-extensions/pdfdocument.reportitem';
import { EJHtmlDocument } from './controls/extensions/report-item-extensions/htmldocument.reportitem';
+//PDF Signature
+import './controls/extensions/report-item-extensions/pdf.signature.reportitem.css';
+import { EJPDFSignature } from './controls/extensions/report-item-extensions/pdf.signature.reportitem';
+
let barcode = 'EJBarcode';
let qrBarcode = 'EJQRBarcode';
window[barcode] = EJBarcode;
@@ -45,6 +49,9 @@ let htmlDocument = 'EJHtmlDocument';
window[pdfDocument] = EJPdfDocument;
window[htmlDocument] = EJHtmlDocument;
+let pdfSignature = 'EJPDFSignature';
+window[pdfSignature] = EJPDFSignature;
+
//code-mirror
import 'codemirror/lib/codemirror';
import 'codemirror/addon/hint/show-hint';
diff --git a/src/samples.json b/src/samples.json
index d7d3811..6221a0c 100644
--- a/src/samples.json
+++ b/src/samples.json
@@ -74,7 +74,6 @@
"sampleName": "Sales Report",
"basePath": "report-viewer",
"directoryName": "sales-report",
- "status": "Updated",
"imageDetails": {
"isLandscape": false,
"index": 9
@@ -469,7 +468,6 @@
"sampleName": "Dynamic Logos",
"basePath": "report-viewer",
"directoryName": "dynamic-logos",
- "status": "New",
"imageDetails": {
"isLandscape": false,
"index": 19
@@ -483,7 +481,6 @@
"sampleName": "Multi Language Report",
"basePath": "report-viewer",
"directoryName": "multi-language-report",
- "status": "New",
"imageDetails": {
"isLandscape": false,
"index": 5
@@ -491,6 +488,20 @@
"metaData": {
"description": "This demo showcases a Multi Language Report that allows users to view report in various languages using the React Bold Report Viewer."
}
+ },
+ {
+ "routerPath": "hr-payroll",
+ "sampleName": "HR Payroll",
+ "basePath": "report-viewer",
+ "directoryName": "hr-payroll",
+ "status": "New",
+ "imageDetails": {
+ "isLandscape": false,
+ "index": 20
+ },
+ "metaData": {
+ "description": "This demo showcases an HR Payroll report showing salaries, deductions, demographics, and performance insights in the React Bold Report Viewer."
+ }
}
]
}