feature(REPORT-428356): Bold Reports 9.1 Release Changes

Author: SundaresanGunasekaran

build/templates/common/index.css

@@ -172,8 +172,13 @@ body {
 }
 
 #r-w-container #r-w-property-container {
-  height: 100%;
+  height: auto;
   width: 30%;
+  position: relative;
+}
+
+#r-w-property-container .e-spinner-pane {
+  background-color: rgba(0, 0, 0, 0.4);
 }
 
 #r-w-property-name-category {
@@ -223,6 +228,7 @@ body {
 #r-w-property-enddate {
   display: inline-flex;
   margin-left: 20px;
+  margin-right: 20px;
 }
 
 #r-w-property-name-category,
@@ -313,6 +319,7 @@ body {
   display: flex;
   position: fixed;
   z-index: 1;
+  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
   justify-content: space-between;
 }
 

build/templates/common/index.html

@@ -59,7 +59,7 @@
         <div class="ej-preview-header">
             <div class="ej-preview-left-side">
                 <a id="home_page" href="/" target="_blank">
-                    <div class="ej-preview-platform-name">Bold Reports for JavaScript</div>
+                    <h1 class="ej-preview-platform-name">Bold Reports<sup>®</sup> for JavaScript</h1>
                 </a>
             </div>
             <div class="ej-preview-right-side">
@@ -68,7 +68,7 @@
                     title="Report Server" target="_blank">Schedule Free Demo</a> -->
                 <a class="ej-preview-button product-detail" href="https://www.boldreports.com/embedded-reporting/javascript-report-viewer"
                     title="Report Viewer" target="_blank">Product Detail</a>
-                <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=120&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/"
+                <a class="ej-preview-button try-it-free" href="https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
                     title="Report Server" target="_blank">Try it Free</a>
             </div>
         </div>

build/templates/common/index.js

@@ -1,7 +1,7 @@
 import * as jquery from 'jquery';
 window['$'] = jquery;
-import * as data from './../../../src/controls/samples.json';
-window['reportSamples'] = data.default.samples;
+import samplesData from './../../../src/controls/samples.json';
+window['reportSamples'] = samplesData.samples;
 import './../../../src/controls/rdlcData';
 
 //bootstrap
@@ -25,6 +25,16 @@ import './../extensions/report-item-extensions/barcode.reportitem.css';
 import { EJBarcode } from './../extensions/report-item-extensions/barcode.reportitem';
 import { EJQRBarcode } from './../extensions/report-item-extensions/qrbarcode.reportitem';
 
+//signature
+import './../extensions/report-item-extensions/signature.reportitem.css';
+import './../extensions/report-item-extensions/signature.dialog.css';
+import { EJSignature } from './../extensions/report-item-extensions/signature.reportitem';
+import { SignatureDialog } from './../extensions/report-item-extensions/signature.dialog';
+
+//shape
+import './../extensions/report-item-extensions/shape.reportitem.css';
+import { EJShape } from './../extensions/report-item-extensions/shape.reportitem';
+
 //globals
 import './../../../src/controls/globals';
 
@@ -33,6 +43,14 @@ let qrBarcode = 'EJQRBarcode';
 window[barcode] = EJBarcode;
 window[qrBarcode] = EJQRBarcode;
 
+let signature = 'EJSignature';
+let signatureDialog = 'SignatureDialog';
+window[signature] = EJSignature;
+window[signatureDialog] = SignatureDialog;
+
+let shape = 'EJShape';
+window[shape] = EJShape;
+
 //code-mirror
 import 'codemirror/lib/codemirror';
 import 'codemirror/addon/hint/show-hint';
@@ -45,9 +63,8 @@ import './../../../node_modules/codemirror/addon/hint/show-hint.css';
 import * as CodeMirror from 'codemirror';
 window['CodeMirror'] = CodeMirror;
 
-$(function () {
-    let url = location.origin.indexOf('demos.boldreports.com') !== -1 ? '/' : '/demos/';
-    document.getElementById('home_page').setAttribute('href', url + 'javascript/#/');
+$(function() {
+    document.getElementById('home_page').setAttribute('href', '/javascript/#/');
 });
 
 window.addEventListener('beforeunload', () => {

build/templates/report-designer/index.html

@@ -40,7 +40,7 @@
         <div class="ej-preview-header">
             <div class="ej-preview-left-side">
                 <a id="home_page" href="/" target="_blank">
-                    <div class="ej-preview-platform-name">Bold Reports for JavaScript</div>
+                    <h1 class="ej-preview-platform-name">Bold Reports<sup>®</sup> for JavaScript</h1>
                 </a>
             </div>
             <div class="ej-preview-right-side">
@@ -49,7 +49,7 @@
                     title="Report Server" target="_blank">Schedule Free Demo</a> -->
                 <a class="ej-preview-button product-detail" href="https://www.boldreports.com/embedded-reporting/javascript-report-designer"
                     title="Report Designer" target="_blank">Product Detail</a>
-                <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=120&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/"
+                <a class="ej-preview-button try-it-free" href="https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
                     title="Report Server" target="_blank">Try it Free</a>
             </div>
         </div>

build/templates/report-designer/index.js

@@ -11,12 +11,13 @@ if (reportName) {
 }
 
 $(function () {
+    var url = location.host;
     $("#container").boldReportDesigner({
         // Specifies the URL of the WebAPI service. It will be used for processing the report.
         serviceUrl: window.Globals.DESIGNER_SERVICE_URL,
         // This event will be triggered when the Report Designer widget is created
         create: controlCreate,
-        permissionSettings: { dataSource: ej.ReportDesigner.Permission.All & ~ej.ReportDesigner.Permission.Create},
+        permissionSettings: url.indexOf("demos.boldreports.com") !== -1 ? { dataSource: ej.ReportDesigner.Permission.All & ~ej.ReportDesigner.Permission.Create } : { dataSource: ej.ReportDesigner.Permission.All },
         reportItemExtensions: [{
             name: 'barcode',
             className: 'EJBarcode',
@@ -39,9 +40,31 @@ $(function () {
                 description: 'Display the barcode lines as report item.',
                 title: '2D Barcode'
             }
+        }, {
+            name: 'ESignature',
+            className: 'EJSignature',
+            imageClass: 'customitem-signature',
+            displayName: 'Electronic',
+            category: 'Signature',
+            toolTip:{
+                requirements: 'Add a report item to the designer area.',
+                description: 'This report item is used to add a graphic signature.',
+                title: 'Signature'
+            }
+        }, {
+            name: 'Shape',
+            className: 'EJShape',
+            imageClass: 'customitem-shape',
+            displayName: 'Shape',
+            category: 'Shapes',
+            toolTip: {
+                requirements: 'Add a report item to the designer area',
+                description: 'Display the different types of shapes as report item',
+                title: 'Shapes'
+            }
         }],
         toolbarSettings: {
-            items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Save & ~ej.ReportDesigner.ToolbarItems.Open
+            items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.New & ~ej.ReportDesigner.ToolbarItems.Save & ~ej.ReportDesigner.ToolbarItems.Open
         },
         ajaxBeforeLoad: onAjaxBeforeLoad,
         toolbarRendering: window.Globals.DESIGNER_TOOLBAR_RENDERING,
@@ -74,6 +97,15 @@ function controlCreate() {
             }
         });
     }
+    if (reportName == "powerpoint-report.rdl") {
+      designerInst.setModel({
+        previewOptions: {
+          exportSettings: {
+            exportOptions: ej.ReportViewer.ExportOptions.PPT
+          }
+        }
+      });
+    }
 }
 
 function onAjaxBeforeLoad(args) {
@@ -93,10 +125,12 @@ function updateDescription() {
     metaDes = metaDes.replace(/{{sampleName}}/g, title);
     document.getElementsByName('description')[0].content = metaDes;
     title += ' | JavaScript Report Designer';
-    document.title = title.length < 45 ? title += ' | Bold Reports' : title;
+    const titleWithBoldReports = (title.length < 45) ? title += ' | Bold Reports' : title;
+    document.title = titleWithBoldReports;
+    document.querySelector('meta[property="og:title"]').setAttribute('content', titleWithBoldReports);
 }
 
 function getReportName() {
     const reportNameRegex = /[\\?&]report-name=([^&#]*)/.exec(location.search);
     return reportNameRegex ? reportNameRegex[1] : undefined;
-};
+};

build/templates/report-designer/rdlc/index.html

@@ -40,7 +40,7 @@
         <div class="ej-preview-header">
             <div class="ej-preview-left-side">
                 <a id="home_page" href="/" target="_blank">
-                    <div class="ej-preview-platform-name">Bold Reports for JavaScript</div>
+                    <h1 class="ej-preview-platform-name">Bold Reports<sup>®</sup> for JavaScript</h1>
                 </a>
             </div>
             <div class="ej-preview-right-side">
@@ -49,7 +49,7 @@
                     title="Report Server" target="_blank">Schedule Free Demo</a> -->
                 <a class="ej-preview-button product-detail" href="https://www.boldreports.com/embedded-reporting/javascript-report-designer"
                     title="Report Designer" target="_blank">Product Detail</a>
-                <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=120&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/"
+                <a class="ej-preview-button try-it-free" href="https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
                     title="Report Server" target="_blank">Try it Free</a>
             </div>
         </div>

build/templates/report-designer/rdlc/index.js

@@ -11,12 +11,13 @@ if (reportName) {
 }
 
 $(function () {
+    var url = location.host;
     $("#container").boldReportDesigner({
         // Specifies the URL of the WebAPI service. It will be used for processing the report.
         serviceUrl: window.Globals.DESIGNER_SERVICE_URL,
         // This event will be triggered when the Report Designer widget is created
         create: controlCreate,
-        permissionSettings: { dataSource: ej.ReportDesigner.Permission.All & ~ej.ReportDesigner.Permission.Create},
+        permissionSettings: url.indexOf("demos.boldreports.com") !== -1 ? { dataSource: ej.ReportDesigner.Permission.All & ~ej.ReportDesigner.Permission.Create } : { dataSource: ej.ReportDesigner.Permission.All },
         reportItemExtensions: [{
             name: 'barcode',
             className: 'EJBarcode',
@@ -39,9 +40,31 @@ $(function () {
                 description: 'Display the barcode lines as report item.',
                 title: '2D Barcode'
             }
+        }, {
+            name: 'ESignature',
+            className: 'EJSignature',
+            imageClass: 'customitem-signature',
+            displayName: 'Electronic',
+            category: 'Signature',
+            toolTip:{
+                requirements: 'Add a report item to the designer area.',
+                description: 'This report item is used to add a graphic signature.',
+                title: 'Signature'
+            }
+        }, {
+            name: 'Shape',
+            className: 'EJShape',
+            imageClass: 'customitem-shape',
+            displayName: 'Shape',
+            category: 'Shapes',
+            toolTip: {
+                requirements: 'Add a report item to the designer area',
+                description: 'Display the different types of shapes as report item',
+                title: 'Shapes'
+            }
         }],
         toolbarSettings: {
-            items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Save & ~ej.ReportDesigner.ToolbarItems.Open
+            items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.New & ~ej.ReportDesigner.ToolbarItems.Save & ~ej.ReportDesigner.ToolbarItems.Open
         },
         ajaxBeforeLoad: onAjaxBeforeLoad,
         reportOpened: onReportOpened,
@@ -102,10 +125,12 @@ function updateDescription() {
     metaDes = metaDes.replace(/{{sampleName}}/g, title);
     document.getElementsByName('description')[0].content = metaDes;
     title += ' | JavaScript Report Designer';
-    document.title = title.length < 45 ? title += ' | Bold Reports' : title;
+    const titleWithBoldReports = (title.length < 45) ? title += ' | Bold Reports' : title;
+    document.title = titleWithBoldReports;
+    document.querySelector('meta[property="og:title"]').setAttribute('content', titleWithBoldReports);
 }
 
 function getReportName() {
     const reportNameRegex = /[\\?&]report-name=([^&#]*)/.exec(location.search);
     return reportNameRegex ? reportNameRegex[1] : undefined;
-};
+};