@boldreports/javascript-reporting-extensions
Version:
The Bold Reports Extensions by Syncfusion contains scripts and themes for barcode report item to be integrated in JavaScript Report Viewer and JavaScript Report Designer for enterprise web development(HTML5)
679 lines (678 loc) • 25.4 kB
JavaScript
var EJHtmlDocument = (function () {
function EJHtmlDocument(rptDesigner) {
this.customJSON = null;
this.propertyPanel = null;
this.rootElement = null;
this.customItemDiv = null;
this.reportDesigner = null;
this.reportDesigner = rptDesigner;
this.propertyPanel = this.reportDesigner.getInstance('PropertyPanel');
}
EJHtmlDocument.prototype.initializeItem = function (args) {
args.isBuildInService = false;
args.defaultHeight = 160;
args.defaultWidth = 160;
args.minimumHeight = 15;
args.minimumWidth = 90;
};
EJHtmlDocument.prototype.renderItem = function (customJson, target, eventData) {
if (eventData.eventName === 'begin') {
this.customJSON = customJson;
this.rootElement = target;
this.renderHtmlItem();
}
};
EJHtmlDocument.prototype.renderHtmlItem = function () {
this.customItemDiv = ej.buildTag('div.customitem', '', {
'width': '100%', 'height': '100%', 'border': '1pt dotted gray', 'box-sizing': 'border-box',
'-moz-box-sizing': 'border-box', '-webkit-box-sizing': 'border-box', 'overflow': 'hidden', 'position': 'absolute'
}, {
'id': this.customJSON.Name + '_customItem'
});
var htmlItem = ej.buildTag('div.e-rptdesigner-htmldocument', '');
this.customItemDiv.append(htmlItem);
this.rootElement.append(this.customItemDiv);
};
EJHtmlDocument.prototype.onPropertyChange = function (name, oldValue, newValue) {
var args = [];
for (var _i = 3; _i < arguments.length; _i++) {
args[_i - 3] = arguments[_i];
}
switch (name) {
case 'DocumentValue':
if (typeof newValue === 'string') {
this.updatePropertyVal(name, newValue);
}
else if (newValue) {
newValue.id ? this.updatePropertyVal(name, newValue.id) : this.updatePropertyVal(name, '');
newValue.name ? this.updatePropertyVal('DocumentName', newValue.name) : this.updatePropertyVal('DocumentName', '');
}
break;
case 'Sizing':
this.updatePropertyVal(name, newValue);
break;
case 'Source':
this.updatePropertyVal(name, newValue);
this.updatePropertyVal('DocumentValue', '');
this.updatePropertyVal('DocumentName', '');
this.updatePropertyUIValue('DocumentValue', '');
break;
}
};
EJHtmlDocument.prototype.updatePropertyUIValue = function (name, value) {
var customId = this.customJSON.UniqueId;
switch (name) {
case 'DocumentValue':
var source = this.getPropertyVal('Source');
if (source === 'URL') {
this.propertyPanel.updatePropertyUIValue('htmlurl', value, customId);
}
else if (source === 'Content') {
this.propertyPanel.updatePropertyUIValue('htmlcontent', value, customId);
}
else if (source === 'Database') {
this.propertyPanel.updatePropertyUIValue('htmldatabase', value, customId);
}
else {
this.propertyPanel.updatePropertyUIValue('htmlserver', value, customId);
}
break;
}
};
EJHtmlDocument.prototype.onPositionChanged = function (top, left) {
};
EJHtmlDocument.prototype.onSizeChanged = function (height, width) {
if (!ej.isNullOrUndefined(height) && !ej.isNullOrUndefined(width)) {
this.customItemDiv.css({
width: width,
height: height
});
}
else if (!ej.isNullOrUndefined(height) && ej.isNullOrUndefined(width)) {
this.customItemDiv.css({
height: height
});
}
else if (ej.isNullOrUndefined(height) && !ej.isNullOrUndefined(width)) {
this.customItemDiv.css({
width: width
});
}
};
EJHtmlDocument.prototype.getPropertyGridItems = function (baseProperties) {
var itemProperties = [{
'CategoryId': 'basicsettings',
'DisplayName': 'categoryBasicSettings',
'IsExpand': true,
'Items': [{
'ItemId': 'htmlsource',
'Name': 'Source',
'DisplayName': 'source',
'EnableExpression': false,
'Value': this.getPropertyVal('Source'),
'ItemType': 'DropDown',
'ValueList': [
{ text: 'content', value: 'Content' },
{ text: 'url', value: 'URL' },
{ text: 'database', value: 'Database' },
{ text: 'server', value: 'Server' }
],
'DependentItems': [{
EnableItems: ['basicsettings_htmlcontent'],
DisableItems: ['basicsettings_htmlurl', 'basicsettings_htmldatabase', 'basicsettings_htmlserver'],
Value: ['Content']
}, {
EnableItems: ['basicsettings_htmlurl'],
DisableItems: ['basicsettings_htmlcontent', 'basicsettings_htmldatabase', 'basicsettings_htmlserver'],
Value: ['URL']
}, {
EnableItems: ['basicsettings_htmldatabase'],
DisableItems: ['basicsettings_htmlcontent', 'basicsettings_htmlurl', 'basicsettings_htmlserver'],
Value: ['Database']
}, {
EnableItems: ['basicsettings_htmlserver'],
DisableItems: ['basicsettings_htmlcontent', 'basicsettings_htmlurl', 'basicsettings_htmldatabase'],
Value: ['Server']
}]
},
{
'ItemId': 'htmlcontent',
'Name': 'DocumentValue',
'ParentId': 'basicsettings_htmlsource',
'DisplayName': 'content',
'Value': this.getPropertyVal('DocumentValue'),
'EnableExpression': false,
'ItemType': 'TextArea'
},
{
'ItemId': 'htmlurl',
'Name': 'DocumentValue',
'ParentId': 'basicsettings_htmlsource',
'DisplayName': 'url',
'Value': this.getPropertyVal('DocumentValue'),
'EnableExpression': false,
'ItemType': 'TextBox'
},
{
'ItemId': 'htmldatabase',
'Name': 'DocumentValue',
'ParentId': 'basicsettings_htmlsource',
'DisplayName': 'database',
'Value': this.getPropertyVal('DocumentValue'),
'ItemType': 'ComboBox',
'SourceType': 'Fields',
'EnableExpression': true,
'EnableSearch': true
},
{
'ItemId': 'htmlserver',
'Name': 'DocumentValue',
'ParentId': 'basicsettings_htmlsource',
'DisplayName': 'server',
'Value': this.getPropertyVal('DocumentName'),
'ItemType': 'FilePicker',
'FileType': ['.html']
},
{
'ItemId': 'htmlsizing',
'Name': 'Sizing',
'DisplayName': 'sizing',
'Value': this.getPropertyVal('Sizing'),
'ItemType': 'DropDown',
'EnableExpression': false,
'ValueList': [
{ text: 'auto', value: 'AutoSize' },
{ text: 'fit', value: 'Fit' },
{ text: 'proportional', value: 'FitProportional' },
{ text: 'clip', value: 'Clip' }
]
}]
}];
baseProperties.HeaderText = this.customJSON.Name;
baseProperties.PropertyType = 'htmldocument';
baseProperties.SubType = 'htmldocument';
baseProperties.IsEditHeader = true;
this.updateItemVisibility(baseProperties.Items, ['backgroundcolor'], false);
baseProperties.Items = $.merge(itemProperties, baseProperties.Items);
return baseProperties;
};
EJHtmlDocument.prototype.updateItemVisibility = function (categories, itemId, newValue) {
for (var index = 0; index < categories.length; index++) {
for (var itemIndex = 0; itemIndex < categories[index].Items.length; itemIndex++) {
if (itemId.indexOf(categories[index].Items[itemIndex].ItemId) !== -1) {
categories[index].Items[itemIndex].IsVisible = newValue;
}
}
}
};
EJHtmlDocument.prototype.getPropertyVal = function (name) {
if (this.customJSON.CustomProperties && this.customJSON.CustomProperties.length > 0) {
for (var index = 0; index < this.customJSON.CustomProperties.length; index++) {
if (this.customJSON.CustomProperties[index].Name === name) {
return this.customJSON.CustomProperties[index].Value;
}
}
}
return null;
};
EJHtmlDocument.prototype.setPropertyVal = function (name, val) {
if (this.customJSON.CustomProperties === null) {
this.customJSON.CustomProperties = [];
}
this.customJSON.CustomProperties.push(new ej.ReportModel.CustomProperty(name, val));
};
EJHtmlDocument.prototype.updatePropertyVal = function (propertyName, value) {
if (this.customJSON.CustomProperties && this.customJSON.CustomProperties.length > 0) {
for (var index = 0; index < this.customJSON.CustomProperties.length; index++) {
if (this.customJSON.CustomProperties[index].Name === propertyName) {
this.customJSON.CustomProperties[index].Value = value;
}
}
}
};
EJHtmlDocument.prototype.getReportItemJson = function () {
if (this.customJSON === null) {
this.customJSON = new ej.ReportModel.CustomReportItem().getModel();
this.setPropertyVal('Source', 'Content');
this.setPropertyVal('Sizing', 'AutoSize');
this.setPropertyVal('DocumentValue', '');
this.setPropertyVal('DocumentName', '');
}
return this.customJSON;
};
EJHtmlDocument.prototype.setReportItemJson = function (reportItem) {
this.customJSON = reportItem;
};
EJHtmlDocument.prototype.dispose = function () {
this.customJSON = null;
this.propertyPanel = null;
this.rootElement = null;
this.customItemDiv = null;
this.reportDesigner = null;
};
EJHtmlDocument.prototype.undoRedoAction = function (args) {
};
EJHtmlDocument.prototype.getLocale = function (text) {
var htmlLocale;
var defaultLocale = EJHtmlDocument.Locale['en-US'];
if (this.reportDesigner && !ej.isNullOrUndefined(this.reportDesigner.model) &&
!ej.isNullOrUndefined(EJHtmlDocument.Locale[this.reportDesigner.model.locale])) {
htmlLocale = EJHtmlDocument.Locale[this.reportDesigner.model.locale];
}
else {
htmlLocale = defaultLocale;
}
switch (text.toLowerCase()) {
case 'categorybasicsettings':
if (htmlLocale && htmlLocale.categoryBasicSettings) {
return htmlLocale.categoryBasicSettings;
}
return defaultLocale.categoryBasicSettings;
case 'sizing':
if (htmlLocale && htmlLocale.sizing) {
return htmlLocale.sizing;
}
return defaultLocale.sizing;
case 'source':
if (htmlLocale && htmlLocale.source) {
return htmlLocale.source;
}
return defaultLocale.source;
case 'content':
if (htmlLocale && htmlLocale.sourceTypes && htmlLocale.sourceTypes.content) {
return htmlLocale.sourceTypes.content;
}
return defaultLocale.sourceTypes.content;
case 'url':
if (htmlLocale && htmlLocale.sourceTypes && htmlLocale.sourceTypes.url) {
return htmlLocale.sourceTypes.url;
}
return defaultLocale.sourceTypes.url;
case 'database':
if (htmlLocale && htmlLocale.sourceTypes && htmlLocale.sourceTypes.database) {
return htmlLocale.sourceTypes.database;
}
return defaultLocale.sourceTypes.database;
case 'server':
if (htmlLocale && htmlLocale.sourceTypes && htmlLocale.sourceTypes.server) {
return htmlLocale.sourceTypes.server;
}
return defaultLocale.sourceTypes.server;
case 'auto':
if (htmlLocale && htmlLocale.sizeTypes && htmlLocale.sizeTypes.auto) {
return htmlLocale.sizeTypes.auto;
}
return defaultLocale.sizeTypes.auto;
case 'fit':
if (htmlLocale && htmlLocale.sizeTypes && htmlLocale.sizeTypes.fit) {
return htmlLocale.sizeTypes.fit;
}
return defaultLocale.sizeTypes.fit;
case 'proportional':
if (htmlLocale && htmlLocale.sizeTypes && htmlLocale.sizeTypes.proportional) {
return htmlLocale.sizeTypes.proportional;
}
return defaultLocale.sizeTypes.proportional;
case 'clip':
if (htmlLocale && htmlLocale.sizeTypes && htmlLocale.sizeTypes.clip) {
return htmlLocale.sizeTypes.clip;
}
return defaultLocale.sizeTypes.clip;
}
return text;
};
return EJHtmlDocument;
}());
EJHtmlDocument.Locale = {};
EJHtmlDocument.Locale['en-US'] = {
source: 'Source',
sourceTypes: {
content: 'Content',
url: 'URL',
database: 'Database',
server: 'Server'
},
categoryBasicSettings: 'Basic Settings',
sizing: 'Sizing',
sizeTypes: {
auto: 'AutoSize',
fit: 'Fit',
proportional: 'FitProportional',
clip: 'Clip'
},
toolTip: {
requirements: 'Display any Html markup (or) url',
description: 'This report item used to process the html markup text and url',
title: 'Html'
}
};
EJHtmlDocument.Locale['ar-AE'] = {
source: 'مصدر',
sourceTypes: {
content: 'محتوى',
url: 'رابط',
database: 'قاعدة البيانات',
server: 'الخادم'
},
categoryBasicSettings: 'الإعدادات الأساسية',
sizing: 'تغيير الحجم',
sizeTypes: {
auto: 'حجم تلقائي',
fit: 'لياقة',
proportional: 'ملاءمة متناسبة',
clip: 'قص'
},
toolTip: {
requirements: 'عرض أي ترميز HTML (أو) رابط',
description: 'يستخدم عنصر التقرير هذا لمعالجة نص ترميز HTML والرابط',
title: 'HTML'
}
};
EJHtmlDocument.Locale['fr-FR'] = {
source: 'Source',
sourceTypes: {
content: 'Contenu',
url: 'URL',
database: 'Base de données',
server: 'Serveur'
},
categoryBasicSettings: 'Paramètres de base',
sizing: 'Dimensionnement',
sizeTypes: {
auto: 'Taille automatique',
fit: 'Ajustement',
proportional: 'Ajustement proportionnel',
clip: 'Couper'
},
toolTip: {
requirements: 'Afficher n\'importe quel balisage HTML (ou) URL',
description: 'Cet élément de rapport est utilisé pour traiter le texte de balisage HTML et l\'URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['de-DE'] = {
source: 'Quelle',
sourceTypes: {
content: 'Inhalt',
url: 'URL',
database: 'Datenbank',
server: 'Server'
},
categoryBasicSettings: 'Grundeinstellungen',
sizing: 'Größenanpassung',
sizeTypes: {
auto: 'Automatische Größe',
fit: 'Anpassen',
proportional: 'Proportional anpassen',
clip: 'Schneiden'
},
toolTip: {
requirements: 'Beliebiges HTML-Markup (oder) URL anzeigen',
description: 'Dieses Berichtsobjekt wird verwendet, um HTML-Markup-Text und URL zu verarbeiten',
title: 'Html'
}
};
EJHtmlDocument.Locale['en-AU'] = {
source: 'Source',
sourceTypes: {
content: 'Content',
url: 'URL',
database: 'Database',
server: 'Server'
},
categoryBasicSettings: 'Basic Settings',
sizing: 'Sizing',
sizeTypes: {
auto: 'AutoSize',
fit: 'Fit',
proportional: 'FitProportional',
clip: 'Clip'
},
toolTip: {
requirements: 'Display any Html markup (or) url',
description: 'This report item used to process the html markup text and url',
title: 'Html'
}
};
EJHtmlDocument.Locale['en-CA'] = {
source: 'Source',
sourceTypes: {
content: 'Content',
url: 'URL',
database: 'Database',
server: 'Server'
},
categoryBasicSettings: 'Basic Settings',
sizing: 'Sizing',
sizeTypes: {
auto: 'AutoSize',
fit: 'Fit',
proportional: 'FitProportional',
clip: 'Clip'
},
toolTip: {
requirements: 'Display any Html markup (or) url',
description: 'This report item used to process the html markup text and url',
title: 'Html'
}
};
EJHtmlDocument.Locale['es-ES'] = {
source: 'Fuente',
sourceTypes: {
content: 'Contenido',
url: 'URL',
database: 'Base de datos',
server: 'Servidor'
},
categoryBasicSettings: 'Configuración básica',
sizing: 'Tamaño',
sizeTypes: {
auto: 'Tamaño automático',
fit: 'Ajustar',
proportional: 'Ajuste proporcional',
clip: 'Recortar'
},
toolTip: {
requirements: 'Mostrar cualquier marcado HTML (o) URL',
description: 'Este elemento de informe se utiliza para procesar el texto de marcado HTML y la URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['it-IT'] = {
source: 'Fonte',
sourceTypes: {
content: 'Contenuto',
url: 'URL',
database: 'Database',
server: 'Server'
},
categoryBasicSettings: 'Impostazioni di base',
sizing: 'Ridimensionamento',
sizeTypes: {
auto: 'Dimensione automatica',
fit: 'Adatta',
proportional: 'Adatta proporzionalmente',
clip: 'Taglia'
},
toolTip: {
requirements: 'Visualizza qualsiasi markup HTML (o) URL',
description: 'Questo elemento del rapporto viene utilizzato per elaborare il testo di markup HTML e l\'URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['fr-CA'] = {
source: 'Source',
sourceTypes: {
content: 'Contenu',
url: 'URL',
database: 'Base de données',
server: 'Serveur'
},
categoryBasicSettings: 'Paramètres de base',
sizing: 'Dimensionnement',
sizeTypes: {
auto: 'Taille automatique',
fit: 'Ajustement',
proportional: 'Ajustement proportionnel',
clip: 'Couper'
},
toolTip: {
requirements: 'Afficher n\'importe quel balisage HTML (ou) URL',
description: 'Cet élément de rapport est utilisé pour traiter le texte de balisage HTML et l\'URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['tr-TR'] = {
source: 'Kaynak',
sourceTypes: {
content: 'İçerik',
url: 'URL',
database: 'Veritabanı',
server: 'Sunucu'
},
categoryBasicSettings: 'Temel Ayarlar',
sizing: 'Boyutlandırma',
sizeTypes: {
auto: 'Otomatik Boyut',
fit: 'Sığdır',
proportional: 'Orantılı Sığdır',
clip: 'Kes'
},
toolTip: {
requirements: 'Herhangi bir HTML işaretlemesi (veya) URL görüntüle',
description: 'Bu rapor öğesi HTML işaretleme metnini ve URL\'yi işlemek için kullanılır',
title: 'Html'
}
};
EJHtmlDocument.Locale['zh-Hans'] = {
source: '来源',
sourceTypes: {
content: '内容',
url: 'URL',
database: '数据库',
server: '服务器'
},
categoryBasicSettings: '基本设置',
sizing: '调整大小',
sizeTypes: {
auto: '自动大小',
fit: '适合',
proportional: '比例适合',
clip: '剪辑'
},
toolTip: {
requirements: '显示任何 HTML 标记（或）URL',
description: '此报告项目用于处理 HTML 标记文本和 URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['he-IL'] = {
source: 'מקור',
sourceTypes: {
content: 'תוכן',
url: 'כתובת URL',
database: 'מסד נתונים',
server: 'שרת'
},
categoryBasicSettings: 'הגדרות בסיסיות',
sizing: 'גודל',
sizeTypes: {
auto: 'גודל אוטומטי',
fit: 'התאם',
proportional: 'התאם פרופורציונלי',
clip: 'חתוך'
},
toolTip: {
requirements: 'הצג סימון HTML או כתובת URL כלשהי',
description: 'פריט דוח זה משמש לעיבוד תוכן HTML וכתובות URL',
title: 'HTML'
}
};
EJHtmlDocument.Locale['ja-JP'] = {
source: 'ソース',
sourceTypes: {
content: 'コンテンツ',
url: 'URL',
database: 'データベース',
server: 'サーバ'
},
categoryBasicSettings: '基本設定',
sizing: 'サイズ設定',
sizeTypes: {
auto: '自動サイズ',
fit: 'フィット',
proportional: '比例フィット',
clip: 'クリップ'
},
toolTip: {
requirements: '任意のHTMLマークアップまたはURLを表示',
description: 'このレポート項目はHTMLマークアップテキストとURLを処理します',
title: 'Html'
}
};
EJHtmlDocument.Locale['pt-PT'] = {
source: 'Fonte',
sourceTypes: {
content: 'Conteúdo',
url: 'URL',
database: 'Base de dados',
server: 'Servidor'
},
categoryBasicSettings: 'Configurações básicas',
sizing: 'Dimensionamento',
sizeTypes: {
auto: 'Tamanho automático',
fit: 'Ajustar',
proportional: 'Ajuste proporcional',
clip: 'Recortar'
},
toolTip: {
requirements: 'Exibir qualquer marcação HTML ou URL',
description: 'Este item de relatório é usado para processar texto de marcação HTML e URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['ru-RU'] = {
source: 'Источник',
sourceTypes: {
content: 'Содержимое',
url: 'URL',
database: 'База данных',
server: 'Сервер'
},
categoryBasicSettings: 'Основные настройки',
sizing: 'Размер',
sizeTypes: {
auto: 'Автоматический размер',
fit: 'Подогнать',
proportional: 'Пропорционально подогнать',
clip: 'Обрезать'
},
toolTip: {
requirements: 'Показать любой HTML-код или URL',
description: 'Этот элемент отчета используется для обработки текста HTML-кода и URL',
title: 'Html'
}
};
EJHtmlDocument.Locale['zh-Hant'] = {
source: '來源',
sourceTypes: {
content: '內容',
url: 'URL',
database: '資料庫',
server: '伺服器'
},
categoryBasicSettings: '基本設定',
sizing: '調整大小',
sizeTypes: {
auto: '自動大小',
fit: '適合',
proportional: '比例適合',
clip: '裁剪'
},
toolTip: {
requirements: '顯示任何 HTML 標記或 URL',
description: '此報告項目用於處理 HTML 標記文字和 URL',
title: 'Html'
}
};