var addEvents = function(namespace, textField, fileField) {
AUI().use('aui-base', function (A) {
A.one("#" + namespace + fileField).on('change', function () {
var input = A.one("#" + namespace + textField);
var inputFile = A.one("#" + namespace + fileField);
var fileList = inputFile.getDOM().files;
var numFiles = fileList ? fileList.length : 1;
var label = inputFile.val().replace(/\\/g, '/').replace(/.*\//, '');
input.set('disabled', numFiles > 0);
});
A.one("#" + namespace + textField).on('change', function () {
var input = A.one("#" + namespace + fileField);
var textInput = A.one("#" + namespace + textField);
input.set('disabled', textInput.val()!="" && textInput.val()!=null);
});
})
}
/**
* This module generates the search box widget wizard
*
* @module searchBoxWidgetWizard
* @requires wizardTools
*/
YUI.add('searchBoxWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description',
/**
* Static constant to refer field 'resultsPage'
*
* @property FIELD_RESULTS_PAGE
* @type String
* @static
* @final
*/
FIELD_RESULTS_PAGE = 'resultsPage',
/**
* Static constant to refer field 'targetPage'
*
* @property FIELD_TARGET_PAGE
* @type String
* @static
* @final
*/
FIELD_TARGET_PAGE = 'targetPage',
/**
* Static constant to refer field 'criteria'
*
* @property FIELD_CRITERIA
* @type String
* @static
* @final
*/
FIELD_CRITERIA = 'criteria',
/**
* Defines the value that specifies that the search is redirected to eu law and publications website
*
* @property RESULTS_PAGE_EU_LAW
* @type {string}
* @static
* @final
*/
RESULTS_PAGE_EU_LAW = 'a',
/**
* Defines the value that specifies that the search is redirected to the page specified by {{#crossLink 'SearchBoxWidgetWizard/targetPage:attribute'}}{{/crossLink}}
*
* @property RESULTS_PAGE_OWN
* @type {string}
* @static
* @final
*/
RESULTS_PAGE_OWN = 'b',
/**
* Defines text criteria type
*
* @property CRITERIA_TEXT
* @type {string}
* @static
* @final
*/
CRITERIA_TEXT = 'text',
/**
* Defines collection criteria type
*
* @property CRITERIA_COLLECTION
* @type {string}
* @static
* @final
*/
CRITERIA_COLLECTION = 'collection',
/**
* Defines subject criteria type
*
* @property CRITERIA_SUBJECT
* @type {string}
* @static
* @final
*/
CRITERIA_SUBJECT = 'subject',
/**
* Defines author criteria type
*
* @property CRITERIA_AUTHOR
* @type {string}
* @static
* @final
*/
CRITERIA_AUTHOR = 'author',
/**
* Defines language criteria type
*
* @property CRITERIA_LANGUAGE
* @type {string}
* @static
* @final
*/
CRITERIA_LANGUAGE = 'language',
/**
* Defines format criteria type
*
* @property CRITERIA_FORMAT
* @type {string}
* @static
* @final
*/
CRITERIA_FORMAT = 'format',
/**
* Defines date criteria type
*
* @property CRITERIA_DATE
* @type {string}
* @static
* @final
*/
CRITERIA_DATE = 'date',
/**
* Date format th be displayed in the placeholder. This is European date format
* @type {string}
*/
DATE_FORMAT_PLACEHOLDER = 'yyyy/mm/dd',
/**
* Date format used to parse the date, this corresponds to the European date format
* @type {string}
*/
DATE_FORMAT_PATTERN = '%Y/%m/%d',
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_OVER
* @type {string}
* @static
*/
SUBSCRIPTION_DD_OVER,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_DRAG
* @type {string}
* @static
*/
SUBSCRIPTION_DD_DRAG,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_START
* @type {string}
* @static
*/
SUBSCRIPTION_DD_START,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_END
* @type {string}
* @static
*/
SUBSCRIPTION_DD_END,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_DROP_HIT
* @type {string}
* @static
*/
SUBSCRIPTION_DD_DROP_HIT,
/**
* Keeps a list of available criterias for search
*
* @property AVAILABLE_CRITERIA
* @type {string}
* @static
* @final
*/
AVAILABLE_CRITERIA = [
{
label: 'TextSearch',
type: CRITERIA_TEXT,
defaultVisible: true,
defaultMandatory: true
},
{
label: 'Collection',
type: CRITERIA_COLLECTION,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getAvailableCollections',
multiple: true
},
{
label: 'Subject',
type: CRITERIA_SUBJECT,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getAllSubjects',
useAjax: true
},
{
label: 'Author',
type: CRITERIA_AUTHOR,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getAllAuthors',
useAjax: true
},
{
label: 'Language',
type: CRITERIA_LANGUAGE,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getAvailableLanguages',
multiple: false
},
{
label: 'Format',
type: CRITERIA_FORMAT,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getAvailableFormats',
multiple: true
},
{
label: 'Date',
type: CRITERIA_DATE,
defaultVisible: true,
defaultMandatory: false,
dateBetween: true
}
],
/**
* Caches the available languages
*
* @property CRITERIA_AVAILABLE_LANGUAGES
* @type {string}
* @static
*/
CRITERIA_AVAILABLE_LANGUAGES,
/**
* Caches the available formats
*
* @property CRITERIA_AVAILABLE_FORMATS
* @type {string}
* @static
*/
CRITERIA_AVAILABLE_FORMATS,
/**
* Caches the available collections
*
* @property CRITERIA_AVAILABLE_COLLECTIONS
* @type {string}
* @static
*/
CRITERIA_AVAILABLE_COLLECTIONS,
/**
* Static property to check if the dragged element is dragged up
*
* @property goingUp
* @type {boolean}
* @static
*/
goingUp = false,
/**
* Static property to check Y position of dragged element
*
* @property lastY
* @type {int}
* @static
*/
lastY = 0;
/**
* Generates the dom and dom events for search box wizard
*
* @param cfg
* @constructor
* @class SearchBoxWidgetWizard
* @extends AbstractWizard
*/
function SearchBoxWidgetWizard(cfg) {
SearchBoxWidgetWizard.superclass.constructor.apply(this, arguments);
}
SearchBoxWidgetWizard.NAME = 'SearchBoxWidgetWizard';
SearchBoxWidgetWizard.NS = 'SearchBoxWidgetWizard';
SearchBoxWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the selected option by the user, referring to form action url
*
* @attribute resultsPage
* @type String
* @default 'a'
*/
resultsPage: {
value: RESULTS_PAGE_EU_LAW
},
/**
* Keeps the target page of the search box
*
* @attribute targetPage
* @type String
* @default {}
*/
targetPage: {
value: ''
},
/**
* Appearance tab
*/
setAppearanceTabs: null,
/**
* Array of objects with the following structure
* {
* type: 'CriteriaType',
* visibleToUsers: true,
* criteriaMandatory: true,
* defaultValue: '',
* cssClass: '',
* weight: ''
* }
*
* @attribute criteria
* @type Array
* @default []
*/
criteria: {
value: []
}
};
Y.extend(SearchBoxWidgetWizard, Y.BaseWidgetList, {
initWizard: function () {
var instance = this,
host = this.get('host'),
isEdit = instance.get('widgetId') > 0;
instance.set('widgetType', '1');
instance._addDropDownEvents();
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.search.form')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: [
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('searchBox.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.doSaveWidget();
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('searchBox.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.doGetWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
})
]
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
var criteriaList = host.one('.criteria-list'),
id = criteriaList.get('id');
var lis = host.one('.criteria-list').all('.available-criteria');
lis.each(function (v, k) {
var dd = new Y.DD.Drag({
node: v,
target: {
padding: '0 0 0 20'
}
}).plug(Y.Plugin.DDProxy, {
moveOnEnd: false
}).plug(Y.Plugin.DDConstrained, {
constrain2node: '#' + id
});
});
//Create simple targets for the 2 lists.
new Y.DD.Drop({
node: criteriaList
});
},
/**
* Retruns DOM objects for the general tab - the widgets components
* @returns {Y.PanelElement} - YUI object that neeeds to be rendered
*/
getGeneralSettings: function () {
var instance = this;
var returnOBJ;
returnOBJ = new Y.PanelElement({
wrapperCssClass: 'tab-pane active',
id: 'tab-1',
children: [
new Y.InputElement({
label: instance.t('searchBox.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget()
}
}),
new Y.InputElement({
label: instance.t('searchBox.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
instance.getLanguageSelector(),
instance._createCriteriaElements(),
new Y.HtmlElement({
label: instance.t('searchBox.resultsPage'),
children: [
new Y.RadioElement({
label: instance.t('searchBox.useTheResultsPageOfEuLawAndPublicationsWebsite'),
value: RESULTS_PAGE_EU_LAW,
modelInstance: instance,
name: FIELD_RESULTS_PAGE
}),
new Y.RadioElement({
label: instance.t('searchBox.ownResultsPage'),
value: RESULTS_PAGE_OWN,
modelInstance: instance,
name: FIELD_RESULTS_PAGE
})
]
}),
new Y.InputElement({
label: instance.t('searchBox.targetPage'),
name: FIELD_TARGET_PAGE,
modelInstance: instance
})
]
});
return returnOBJ;
},
/**
* Retunrns the DOM objects for the Appearance Tab
* @returns {Y.PanelElement} - YUI elements that need to be rendered
*/
getAppearanceSettings: function () {
var instance = this;
var tab;
var basicConfiguration = null;
var advancedConfiguration = null;
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* if parameters for getDisplayAppearence() doesn't exists, provide null as parameter. *
* @type {Y.TabView}
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, false);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner2',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchForm"],
data = [],
columns = [],
i,
len;
var isEdit = instance.get('widgetId') > 0;
var widgetElement;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchForm"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
if (widgetList) {
for (i = 0, len = (widgetList.length - 1); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
searchTerms: widgetElement.searchTerms,
noSearches: widgetElement.noSearches
});
}
}
}
}
columns = [
{
key: 'searchTerms',
label: instance.t('statistics.table.search.terms'),
width: '80%',
className: 'numeric'
},
{
key: 'noSearches',
width: '20%',
label: instance.t('statistics.table.number.searches'),
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
destructWizard: function () {
if (SUBSCRIPTION_DD_DRAG) {
SUBSCRIPTION_DD_DRAG.detach();
}
if (SUBSCRIPTION_DD_DROP_HIT) {
SUBSCRIPTION_DD_DROP_HIT.detach();
}
if (SUBSCRIPTION_DD_END) {
SUBSCRIPTION_DD_END.detach();
}
if (SUBSCRIPTION_DD_OVER) {
SUBSCRIPTION_DD_OVER.detach();
}
if (SUBSCRIPTION_DD_START) {
SUBSCRIPTION_DD_START.detach();
}
},
/**
* Returns the DOM structure for search criteria elements, using the
* {{#crossLink 'SearchBoxWidgetWizard/AVAILABLE_CRITERIA:property'}}{{/crossLink}} property
*
* @method _createCriteriaElements
* @return {HtmlElement}
* @private
*/
_createCriteriaElements: function () {
var instance = this,
children = [], i,
defaultCriteria = AVAILABLE_CRITERIA.slice(0),
availableCriteria = instance.get(FIELD_CRITERIA);
defaultCriteria.sort(function (a, b) {
var aCriteria, bCriteria;
for (var i = 0; i < availableCriteria.length && !(aCriteria && bCriteria); i++) {
if (!aCriteria && availableCriteria[i].type == a.type) {
aCriteria = availableCriteria[i];
}
else if (!bCriteria && availableCriteria[i].type == b.type) {
bCriteria = availableCriteria[i];
}
}
if (!aCriteria && !bCriteria) {
return 0;
}
if (!aCriteria) {
return 1;
}
if (!bCriteria) {
return -1;
}
if (aCriteria.weight > bCriteria.weight) {
return 1;
}
else {
return -1;
}
});
for (i = 0; i < defaultCriteria.length; i++) {
var criteria = defaultCriteria[i],
wrapperCssClass = 'available-criteria',
selected = false;
for (var j = 0; j < availableCriteria.length; j++) {
if (criteria.type == availableCriteria[j].type) {
selected = true;
break;
}
}
children.push(new Y.HtmlElement({
label: instance.t(criteria.label), // todo get label
wrapperCssClass: wrapperCssClass + (selected ? " active" : ''),
// Keep the criteria type in id
id: 'criteria_' + criteria.type,
children: [
new Y.InputElement({
type: 'hidden',
value: criteria.type,
cssClass: 'criteria-type'
}),
new Y.HtmlElement({
htmlContent: instance.t('searchBox.edit'),
cssClass: 'criteria-edit',
onClick: function (e) {
instance._doEditCriteria(e);
}
}),
new Y.CheckboxElement({
cssClass: 'criteria-toggle',
checked: selected ? 'true' : '',
onClick: function (e) {
instance._doSelectCriteria(e);
}
})
]
}));
}
return new Y.HtmlElement({
label: instance.t('searchBox.searchCriteria'),
cssClass: 'container-fluid container-fluid-legacy',
children: [
new Y.HtmlElement({
cssClass: 'row-legacy',
children: [
new Y.HtmlElement({
cssClass: 'col-xs-6 criteria-list',
id: instance.get('namespace') + 'criteria_selector',
children: children,
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.HtmlElement({
cssClass: 'col-xs-6 edit-criteria',
children: []
})
]
})
]
});
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate criteria toggles list */
var criteriaToggles = host.one('#' + instance.get('namespace') + 'criteria_selector').all('.criteria-toggle');
var isCriteriaValidated = false;
criteriaToggles.each(function (criteriaToggle) {
if (criteriaToggle.get('checked')) {
isCriteriaValidated = true;
}
});
if (!isCriteriaValidated) {
isValidated = false;
}
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if (isValidated) {
actionButtons.removeClass('disabled');
}
else {
actionButtons.addClass('disabled');
}
return isValidated;
},
/**
* Returns an array of available criteria and caches the result in
* {{#crossLink 'SearchBoxWidgetWizard/CRITERIA_AVAILABLE_COLLECTIONS:property'}}{{/crossLink}} property
*
* @method _getAvailableCollections
* @return {Array} of objects of type {key : 'key', value: 'value'}
* @private
*/
_getAvailableCollections: function () {
var instance = this;
if (!CRITERIA_AVAILABLE_COLLECTIONS) {
CRITERIA_AVAILABLE_COLLECTIONS = Liferay.portal2012[instance.get('namespace') + "criteriaAvailableCollections"];
}
return CRITERIA_AVAILABLE_COLLECTIONS;
},
/**
* Returns an array of available languages and caches the result in
* {{#crossLink 'SearchBoxWidgetWizard/CRITERIA_AVAILABLE_LANGUAGES:property'}}{{/crossLink}} property
*
* @method _getAvailableLanguages
* @return {Array} of objects of type {key : 'key', value: 'value'}
* @private
*/
_getAvailableLanguages: function () {
var instance = this;
if (!CRITERIA_AVAILABLE_LANGUAGES) {
CRITERIA_AVAILABLE_LANGUAGES = Liferay.portal2012[instance.get('namespace') + "criteriaAvailableLanguages"];
}
return CRITERIA_AVAILABLE_LANGUAGES;
},
/**
* Returns an array of available formats and caches the result in
* {{#crossLink 'SearchBoxWidgetWizard/CRITERIA_AVAILABLE_FORMATS:property'}}{{/crossLink}} property
*
* @method _getAvailableFormats
* @return {Array} of objects of type {key : 'key', value: 'value'}
* @private
*/
_getAvailableFormats: function () {
var instance = this;
if (!CRITERIA_AVAILABLE_FORMATS) {
CRITERIA_AVAILABLE_FORMATS = Liferay.portal2012[instance.get('namespace') + "criteriaAvailableFormats"];
}
return CRITERIA_AVAILABLE_FORMATS;
},
/**
* Returns the URL used by AutoComplete to search in the server for subjects
*
* @method _getAllSubjects
* @return {String}
* @private
*/
_getAllSubjects: function () {
var instance = this,
defaultLanguage = instance.getDefaultLanguage();
return '/o/opportal-service/autocomplete/subject?language=' + defaultLanguage + '&chars={query}';
},
/**
* Returns the URL used by AutoComplete to search in the server for authors
*
* @method _getAllAuthors
* @return {String}
* @private
*/
_getAllAuthors: function () {
var instance = this,
defaultLanguage = instance.getDefaultLanguage();
return '/o/opportal-service/autocomplete/author?language=' + defaultLanguage + '&chars={query}';
},
/**
* Callback method executed when the user presses edit on a selected criteria
*
* @method _doEditCriteria
* @param e
* @private
*/
_doEditCriteria: function (e) {
var instance = this,
host = instance.get('host'),
editArea = host.one('.edit-criteria'),
criteriaSelectedElement = Y.one(e.currentTarget).ancestor("div.available-criteria"),
criteriaId = criteriaSelectedElement.one('.criteria-type').get('value'),
criteria, i, tempCriteria, selectedCriteria, valuesElement, messageBubble;
var renderElementList = [];
editArea.empty();
for (i = 0; i < AVAILABLE_CRITERIA.length; i++) {
tempCriteria = AVAILABLE_CRITERIA[i];
if (criteriaId == tempCriteria.type) {
criteria = tempCriteria;
break;
}
}
for (i = 0; i < instance.get(FIELD_CRITERIA).length; i++) {
tempCriteria = instance.get(FIELD_CRITERIA)[i];
if (criteriaId == tempCriteria.type) {
selectedCriteria = tempCriteria;
break;
}
}
if (!criteria || !selectedCriteria) {
return;
}
if (criteria.valuesCallback && !criteria.useAjax) {
valuesElement = new Y.SelectBoxElement({
label: instance.t('searchBox.defaultValue'),
name: 'defaultValue',
cssClass: 'default-value',
options: instance[criteria.valuesCallback](),
value: selectedCriteria.defaultValue,
multiple: criteria.multiple ? true : false
});
if (criteria.multiple) {
messageBubble = new Y.HtmlElement({
wrapperCssClass: 'glyphicon glyphicon-asterisk',
cssClass: 'info-message',
htmlContent: instance.t('baseWidgetList.message.help')
});
}
}
else if (criteria.valuesCallback && criteria.useAjax) {
valuesElement = new Y.AutoCompleteElement({
label: instance.t('searchBox.defaultValue'),
name: 'defaultValue',
cssClass: 'default-value',
selectedOptions: selectedCriteria.defaultValue,
cacheNamespace: "searchBoxWidgetWizard" + criteria.type,
source: instance[criteria.valuesCallback]()
});
}
else if (criteria.type == CRITERIA_DATE) {
var valueFrom = "", valueTo = "", parts = [];
if (selectedCriteria.defaultValue && selectedCriteria.defaultValue.length > 0) {
parts = selectedCriteria.defaultValue[0].split("|");
}
if (parts.length > 0) {
try {
valueFrom = Y.Date.format(Y.Date.parse(parts[0]), {format: DATE_FORMAT_PATTERN});
} catch (e) {
valueFrom = ""
}
}
if (parts.length > 1) {
try {
valueTo = Y.Date.format(Y.Date.parse(parts[1]), {format: DATE_FORMAT_PATTERN});
} catch (e) {
valueTo = ""
}
}
valuesElement = new Y.HtmlElement({
children: [
new Y.InputDateElement({
label: instance.t('searchBox.dateFrom'),
name: 'defaultValueFrom',
cssClass: 'default-value-from',
placeholder: DATE_FORMAT_PLACEHOLDER,
value: valueFrom
}),
new Y.InputDateElement({
label: instance.t('searchBox.dateTo'),
name: 'defaultValueTo',
cssClass: 'default-value-to',
placeholder: DATE_FORMAT_PLACEHOLDER,
value: valueTo
})
]
});
}
else {
valuesElement = new Y.InputElement({
label: instance.t('searchBox.defaultValue'),
name: 'defaultValue',
cssClass: 'default-value',
value: selectedCriteria.defaultValue && selectedCriteria.defaultValue.length > 0 ? selectedCriteria.defaultValue[0] : ""
});
}
/**
* Construction of the render list of elements
*/
renderElementList.push(
new Y.CheckboxElement({
label: instance.t('searchBox.visibleToUsers'),
name: 'visibleToUsers',
cssClass: 'visible-to-users',
value: 1,
checked: selectedCriteria.visibleToUsers
})
);
renderElementList.push(
new Y.CheckboxElement({
label: instance.t('searchBox.criteriaMandatory'),
name: 'criteriaMandatory',
cssClass: 'criteria-mandatory',
value: 1,
checked: selectedCriteria.criteriaMandatory
})
);
renderElementList.push(valuesElement);
//If there is no help message
if (messageBubble != undefined) {
renderElementList.push(messageBubble);
}
renderElementList.push(
new Y.InputElement({
label: instance.t('searchBox.cssClass'),
name: 'cssClass',
cssClass: 'css-class',
value: selectedCriteria.cssClass
})
);
renderElementList.push(
new Y.HtmlElement({
cssClass: 'button-row',
children: [
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary',
htmlContent: instance.t('searchBox.save'),
onClick: function (e) {
var allCriteria = instance.get(FIELD_CRITERIA);
selectedCriteria.visibleToUsers = editArea.one('.visible-to-users').get('checked');
selectedCriteria.criteriaMandatory = editArea.one('.criteria-mandatory').get('checked');
if (criteria.valuesCallback && !criteria.useAjax) {
selectedCriteria.defaultValue = editArea.one('.default-value').all('option:checked').get('value');
}
else if (criteria.useAjax) {
selectedCriteria.defaultValue = valuesElement.get("selectedOptions");
}
else if (criteria.type == CRITERIA_DATE) {
var valueFrom = editArea.one('.default-value-from').get('value'),
valueTo = editArea.one('.default-value-to').get('value');
try {
valueFrom = Y.Date.parse(valueFrom).getTime() - (Y.Date.parse(valueFrom).getTimezoneOffset() * 60000);
} catch (e) {
valueFrom = "";
}
try {
valueTo = Y.Date.parse(valueTo).getTime() - (Y.Date.parse(valueTo).getTimezoneOffset() * 60000);
} catch (e) {
valueTo = "";
}
selectedCriteria.defaultValue = [valueFrom + "|" + valueTo];
}
else {
selectedCriteria.defaultValue = [editArea.one('.default-value').get('value')];
}
selectedCriteria.cssClass = editArea.one('.css-class').get('value');
for (i = 0; i < allCriteria.length; i++) {
if (selectedCriteria.type == allCriteria.type) {
break;
}
}
if (i < allCriteria.length) {
allCriteria.splice(i, 1, selectedCriteria);
}
editArea.empty();
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn',
htmlContent: instance.t('searchBox.cancel'),
onClick: function (e) {
editArea.empty();
}
})
]
})
)
new Y.HtmlElement({
label: instance.t(criteria.label),
children: renderElementList
}).render(editArea);
},
/**
* Callback method executed when the user selects the criteria
*
* @method _doSelectCriteria
* @param e
* @private
*/
_doSelectCriteria: function (e) {
var instance = this,
criteriaSelected = Y.one(e.currentTarget).ancestor("div.available-criteria"),
criteriaId = criteriaSelected.one('.criteria-type').get('value'),
criteria, i;
criteriaSelected.toggleClass('active');
for (i = 0; i < AVAILABLE_CRITERIA.length; i++) {
var tempCriteria = AVAILABLE_CRITERIA[i];
if (criteriaId == tempCriteria.type) {
criteria = tempCriteria;
break;
}
}
if (!criteria) {
return;
}
if (criteriaSelected.hasClass('active')) {
instance._doAddCriteria(criteria, criteriaSelected);
}
else {
instance._doRemoveCriteria(criteria);
}
},
/**
* Adds a criteria in the {{#crossLink 'SearchBoxWidgetWizard/criteria:attribute'}}{{/crossLink}} attribute
*
* @method _doAddCriteria
* @param criteria
* @param criteriaSelected
* @private
*/
_doAddCriteria: function (criteria, criteriaSelected) {
var instance = this, i,
availableCriteria = instance.get(FIELD_CRITERIA),
criteriaList = Y.one('.criteria-list').all('div.available-criteria'),
weight = criteriaList.indexOf(criteriaSelected);
for (i = 0; i < availableCriteria.length; i++) {
if (criteria.type == availableCriteria[i].type) {
return;
}
}
availableCriteria.push({
type: criteria.type,
visibleToUsers: criteria.defaultVisible,
criteriaMandatory: criteria.defaultMandatory,
defaultValue: [],
cssClass: '',
weight: weight
});
instance.set(FIELD_CRITERIA, availableCriteria);
instance.resetCriteriaWeights();
},
/**
* Removes a criteria from the {{#crossLink 'SearchBoxWidgetWizard/criteria:attribute'}}{{/crossLink}} attribute
*
* @method _doRemoveCriteria
* @param criteria
* @private
*/
_doRemoveCriteria: function (criteria) {
var instance = this, i,
host = instance.get('host'),
editArea = host.one('.edit-criteria'),
availableCriteria = instance.get(FIELD_CRITERIA);
for (i = 0; i < availableCriteria.length; i++) {
if (criteria.type == availableCriteria[i].type) {
break;
}
}
if (i < availableCriteria.length) {
availableCriteria.splice(i, 1);
}
instance.set(FIELD_CRITERIA, availableCriteria);
editArea.empty();
},
/**
* Adds drop down events for the criteria list
*
* @method _addDropDownEvents
* @private
*/
_addDropDownEvents: function () {
var instance = this;
//Listen for all drop:over events
SUBSCRIPTION_DD_OVER = Y.DD.DDM.on('drop:over', function (e) {
//Get a reference to our drag and drop nodes
var drag = e.drag.get('node'),
drop = e.drop.get('node');
//Are we dropping on a li node?
if (drop.hasClass('available-criteria')) {
//Are we not going up?
if (!goingUp) {
drop = drop.get('nextSibling');
}
//Add the node to this list
e.drop.get('node').get('parentNode').insertBefore(drag, drop);
//Resize this nodes shim, so we can drop on it later.
e.drop.sizeShim();
}
});
//Listen for all drag:drag events
SUBSCRIPTION_DD_DRAG = Y.DD.DDM.on('drag:drag', function (e) {
//Get the last y point
var y = e.target.lastXY[1];
//is it greater than the lastY var?
if (y < lastY) {
//We are going up
goingUp = true;
}
else {
//We are going down.
goingUp = false;
}
//Cache for next check
lastY = y;
});
//Listen for all drag:start events
SUBSCRIPTION_DD_START = Y.DD.DDM.on('drag:start', function (e) {
//Get our drag object
var drag = e.target;
//Set some styles here
drag.get('node').setStyle('opacity', '.25');
drag.get('dragNode').set('innerHTML', drag.get('node').get('innerHTML'));
drag.get('dragNode').setStyles({
opacity: '.5',
borderColor: drag.get('node').getStyle('borderColor'),
backgroundColor: drag.get('node').getStyle('backgroundColor')
});
});
//Listen for a drag:end events
SUBSCRIPTION_DD_END = Y.DD.DDM.on('drag:end', function (e) {
var drag = e.target;
//Put our styles back
drag.get('node').setStyles({
visibility: '',
opacity: '1'
});
});
//Listen for all drag:drophit events
SUBSCRIPTION_DD_DROP_HIT = Y.DD.DDM.on('drag:drophit', function (e) {
var drop = e.drop.get('node'),
drag = e.drag.get('node');
//if we are not on a child, we must have been dropped on a parent
if (drop.hasClass('criteria-list')) {
if (!drop.contains(drag)) {
drop.appendChild(drag);
}
}
instance.resetCriteriaWeights();
});
},
/**
* Resets the criteria weights
*
* @method resetCriteriaWeights
* @private
*/
resetCriteriaWeights: function () {
var instance = this, j, i, type,
availableCriteria = instance.get(FIELD_CRITERIA),
criteriaList = Y.one('.criteria-list') ? Y.one('.criteria-list').all('.criteria-type') : [];
for (j = 0; j < availableCriteria.length; j++) {
for (i = 0; i < criteriaList.size(); i++) {
type = criteriaList.item(i).get('value');
if (type == availableCriteria[j].type) {
availableCriteria[j].weight = i;
break;
}
}
}
;
instance.set(FIELD_CRITERIA, availableCriteria);
}
});
Y.namespace('Plugin').SearchBoxWidgetWizard = SearchBoxWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'node',
'base-build',
'plugin',
'classnamemanager',
'attribute-base',
'io-base',
'history-hash',
'wizardTools',
'baseWidgetList',
'formWidget',
'dd-constrain',
'dd-proxy',
'dd-drop',
'autocomplete',
'datatype'
]
});
/**
* This module keeps all classes used to generate elements in the widget creation wizard
*
* @module formWidget
* @requires node
*/
YUI.add('formWidget', function (Y) {
var
/**
* Constant field to define all reserved attributes that should not be rendered in html directly
*
* @property RESERVED_ATTRS
* @type Array
*/
RESERVED_ATTRS = ['templateList', 'destroyed', 'host', 'initialized', 'element', 'cssClass', 'wrapperCssClass', 'htmlContent', 'children', 'label', 'modelInstance', 'currentLanguage', 'disabled'],
/**
* Local cache to store values
*
* @property LOCAL_STORAGE
* @type Object
*/
LOCAL_STORAGE = {},
/**
* Template used by autocomplete class
*
* @property AUTOCOMPLETE_TEMPLATE
* @type String
*/
AUTOCOMPLETE_TEMPLATE = '
{value}
',
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
/**
* Object used in string replacement on function calls.
* Can be extended in future with other attributes.
* @type {{CHECKBOX: string, INPUT: string, RADIO: string}}
* @static
* @final
*/
ELEMENT_TYPE = {
CHECKBOX: 'CheckboxElement',
INPUT: 'InputElement',
RADIO: 'RadioElement'
},
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
METADATA_SAVED_OBJS = 'selectedMetaDataFieldType';
if (typeof Array.prototype.contains != 'function') {
Array.prototype.contains = function (obj) {
var i = this.length;
while (i--) {
if (this[i] === obj) {
return true;
}
}
return false;
}
}
if (typeof String.prototype.startsWith != 'function') {
// see below for better implementation!
String.prototype.startsWith = function (str) {
return this.indexOf(str) === 0;
};
}
/**
* Generates a basic HTML element
*
* @param cfg
* @constructor
* @class HtmlElement
* @extends Base
*/
var HtmlElement = function (cfg) {
HtmlElement.superclass.constructor.apply(this, arguments);
}
HtmlElement.NAME = 'HtmlElement';
HtmlElement.NS = 'HtmlElement';
HtmlElement.ATTRS = {
/**
* Attribute defines the HTML title attribute
*
* @attribute title
* @type String
* @default ''
*/
title: {
value: ''
},
/**
* Attribute defines the HTML id attribute
*
* @attribute id
* @type String
* @default ''
*/
id: {
value: ''
},
/**
* Attribute defines the HTML name attribute
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: null
},
/**
* Attribute defines the HTML value attribute, mainly used by input elements
*
* @attribute value
* @type String|Array
* @default ''
*/
value: {
value: null
},
/**
* Attribute defines the HTML inner content
*
* @attribute htmlContent
* @type String
* @default ''
*/
htmlContent: {
value: ''
},
/**
* Attribute defines the HTML type attribute, mainly used by input elements
*
* @attribute type
* @type String
* @default ''
*/
type: {
value: ''
},
/**
* Attribute defines the HTML tag type
*
* @attribute element
* @type String
* @default 'div'
*/
element: {
value: 'div'
},
/**
* Attribute defines the css classes to be added to the element
*
* @attribute cssClass
* @type String
* @default ''
*/
cssClass: {
value: ''
},
/**
* Attribute defines the element children. This is not a direct reference to the HTML elements generated in DOM.
* Element children can be handled using the 'host' attribute, inherited from base.
* The following code sample will return the Node element of the first child
*
* instance.get('children')[0].get('host')
*
* @attribute children
* @type Array
* @default ''
*/
children: {
value: []
},
/**
* Keeps the callback method invoked when the onChange event fires on 'host'
*
* @attribute onChange
* @type function
* @default ''
*/
onChange: {
value: null
},
/**
* Keeps the callback method invoked when the onClick event fires on 'host'
*
* @attribute onClick
* @type function
* @default ''
*/
onClick: {
value: null
},
/**
* Keeps the callback method invoked when the onFocus event fires on 'host'
*
* @attribute onFocus
* @type function
* @default ''
*/
onFocus: {
value: null
},
/**
* Keeps the callback method invoked when the onBlur event fires on 'host'
*
* @attribute onBlur
* @type function
* @default ''
*/
onBlur: {
value: null
},
/**
* Keeps the element label. If the label is not empty, the element will be wrapped, depending on the
* {{#crossLink 'HtmlElement/wrapWithLabel:method'}}{{/crossLink}} implementation
*
* @attribute label
* @type String
* @default ''
*/
label: {
value: null
},
/**
* Keeps the reference to the wizard instance used as a model for this element.
* It is used together with {{#crossLink 'HtmlElement/name:attribute'}}{{/crossLink}} attribute to
* change the model attribute when a change event was triggered on this HTML element.
*
* var instance = this,
* modelInstance = instance.get('modelInstance'),
* name = instance.get('name'),
* defaultValue = modelInstance.get(name);
*
* At this step, modelInstance will be the wizard instance that rendered this element. When this element is
* changed, the value is automatically persisted in the attribute:
*
* modelInstance.set(name, value);
*
* @attribute modelInstance
* @type AbstractWizard
* @default null
*/
modelInstance: {
value: null
},
/**
* Attribute defines the css classes to be added to the element wrapper
*
* @attribute wrapperCssClass
* @type String
* @default null
*/
wrapperCssClass: {
value: null
},
/**
* Keeps a list of events that this object will listen.
* {
* events: [
* { name: 'eventName', handler: handlerFunction }
* ]
* }
*
* This means that each time an eventName is fired, handlerFunction is invoked
*
* @attribute events
* @type Array
* @default []
*/
events: { // future use
value: [] // [{name: 'eventName', handler: handlerFunction}]
},
required: {
value: false
},
validateFunction: {
value: ''
}
};
Y.extend(HtmlElement, Y.Base, {
/**
* This method initializes the object
*
* @method initializer
*/
initializer: function () {
var instance = this;
for (var i = 0; i < instance.get('events').length; i++) {
var descriptor = instance.get('events')[i];
if (descriptor.handler) {
instance.on(descriptor.name, descriptor.handler);
} // if a handler is not present, make the subscription in the specific object, in the overridden initializer()
}
},
/**
* Invoked by YUI when object is destroyed
*
* @method destructor
*/
destructor: function () {
},
/**
* Callback method triggered when the element is changed and, depending on element type, will change the attribute
* {{#crossLink 'HtmlElement/name:attribute'}}{{/crossLink}} for the instance {{#crossLink 'HtmlElement/modelInstance:attribute'}}{{/crossLink}}
* @param e
* @method changeModelAttribute
*/
changeModelAttribute: function (e) {
},
/**
* Method used to generate the HTML elements in the DOM, based on each element configurations. After this method is executed,
* a reference to the created Node element will be kept in the 'host' attribute
*
* @param node {Node} the YUI node that this element will use as a parent element
* @method render
* @return {Node}
*/
render: function (node) {
var instance = this,
attrs = instance.getAttrs(),
element = Y.Node.create('<' + instance.get('element') + '>'),
wrapper,
modelInstance = instance.get('modelInstance'),
name = instance.get('name'),
type = instance.get('type');
instance.set('host', element);
wrapper = instance.wrapWithLabel(element);
if (node) {
node.append(wrapper);
instance.addAfterRenderEvents();
}
for (var property in attrs) {
if (attrs.hasOwnProperty(property) && !RESERVED_ATTRS.contains(property) && instance.get(property)) {
if (property.startsWith("on")) {
element.on(property.substr(2, 1).toLowerCase() + property.substr(3), function (e) {
var eventType = e.type;
instance.get('on' + eventType.substr(0, 1).toUpperCase() + eventType.substr(1))(e);
});
}
else {
var propertyValue = instance.get(property);
if (!Y.Lang.isObject(propertyValue)) {
if (property.startsWith("data")) {
var origProperty = instance.get(property);
property = property.substr(0, 4) + "-" + property.substr(4, (property.length - 1));
element.setAttribute(property, origProperty);
}
else {
element.setAttribute(property, instance.get(property));
}
}
}
}
}
if (instance.get('disabled')) {
element.set('disabled', true);
}
if (instance.get('cssClass')) {
element.addClass(instance.get('cssClass'));
}
if (instance.get('htmlContent')) {
element.setHTML(instance.get('htmlContent'));
}
if (instance.get('children') && instance.get('children') instanceof Array) {
for (var i = 0; i < instance.get('children').length; i++) {
instance.get('children')[i].render(element);
}
}
if (modelInstance && name) {
instance.setModelEvents(element);
}
if (instance.get('required') && instance.get('validateFunction')) {
element.on('change', function () {
instance.get('validateFunction')();
});
}
instance.postRender(wrapper);
return wrapper;
},
/**
* Method used to wrap elements that use label attribute
*
* @param elem {Node} the element to wrap
* @method wrapWithLabel
* @return {Node} the wrapped element or the element reference
*/
wrapWithLabel: function (elem) {
var instance = this,
labelString = instance.get('label'),
wrapperCssClass = instance.get('wrapperCssClass');
if (!labelString && !wrapperCssClass) {
return elem;
}
var wrapper = Y.Node.create('');
if (instance.get('label')) {
var label = Y.Node.create('');
label.setHTML(labelString);
label.set('for', elem.get('id'));
wrapper.append(label);
}
wrapper.append(elem);
if (wrapperCssClass) {
wrapper.addClass(wrapperCssClass);
}
return wrapper;
},
/**
* Set the events required by the implementation to change the model value when element value is changed
*
* @method setModelEvents
* @param element {Node}
*/
setModelEvents: function (element) {
},
/**
* Adds events required after the element is rendered in DOM
*
* @method addAfterRenderEvents
*/
addAfterRenderEvents: function () {
},
/**
* function available to children for doing post rendering actions
* @param elem
* @method postRender
*/
postRender: function (elem) {
return elem;
}
});
Y.HtmlElement = HtmlElement;
/**
* This class will generate a wrapper, having the label as a heading and the children in body section.
*
* new PanelElement({
* label: 'My Panel',
* children: [
* new HtmlElement({
* htmlContent: 'Hello panel!'
* })
* ]
* });
*
* will render:
*
*
*
My Panel
*
*
Hello panel!
*
*
*
* @param cfg
* @constructor
* @class PanelElement
* @extends HtmlElement
*/
var PanelElement = function (cfg) {
PanelElement.superclass.constructor.apply(this, arguments);
}
Y.extend(PanelElement, HtmlElement, {
wrapWithLabel: function (elem) {
var instance = this;
var wrapper = Y.Node.create('');
if (instance.get('cssClass')) {
wrapper.addClass(instance.get('cssClass'));
}
if (instance.get('label')) {
var label = Y.Node.create('');
label.setHTML(instance.get('label'));
wrapper.append(label);
}
wrapper.append(elem);
elem.addClass('panel-body');
if (instance.get('wrapperCssClass')) {
wrapper.addClass(instance.get('wrapperCssClass'));
}
return wrapper;
}
});
Y.PanelElement = PanelElement;
var TabPanelElement = function (cfg) {
TabPanelElement.superclass.constructor.apply(this, arguments);
}
TabPanelElement.ATTRS = {
/**
* Attribute defines the onTabChange event for tabs
*
* @attribute onTabChange
* @type Function
* @default null
*/
onTabChange: {
value: null
}
}
Y.extend(TabPanelElement, HtmlElement, {
wrapWithLabel: function (elem) {
var instance = this;
var wrapper = Y.Node.create('');
var navigationList = Y.Node.create('
');
var activeTabStatus = "active";
var onTabChange = instance.get('onTabChange');
var tabNames = instance.get('label');
if (tabNames && tabNames.length > 0) {
for (var i = 0; i < tabNames.length; i++) {
var tabClass = i == 0 ? activeTabStatus : '';
var currentTab = Y.Node.create('
';
templateList = new Y.Popover({
align: {
node: targetElement,
points: [Y.WidgetPositionAlign.TC, Y.WidgetPositionAlign.BC]
},
cssClass: 'widget-template-popup',
bodyContent: popoverContent,
position: 'bottom'
}).render();
var templateListNode = templateList ? templateList.get('srcNode') : undefined;
if (templateListNode) {
templateListNode.get('parentNode').setStyle('z-index', '');
}
instance.set('templateList', templateList);
var saveNewTemplateBtn = Y.one("#saveNewTemplate");
saveNewTemplateBtn.on('click', function (e) {
const isAdmin = Liferay.portal2012[instance.get('namespace') + "isAdmin"];
const userId = Liferay.portal2012[instance.get('namespace') + "userId"];
var templateNameBox = Y.one('#newTemplateName');
var newTemplateName = templateNameBox.get('value');
var attrs = {};
var allAttributes = instance.getAttrs();
var RESERVED_ATTRS = ['host', 'destroyed', 'initialized', 'templateList'];
for (var property in allAttributes) {
if (allAttributes.hasOwnProperty(property) && !RESERVED_ATTRS.contains(property)) {
attrs[property] = instance.get(property);
}
}
let confirmationRequired = false;
Y.all('.widget-template-element').each((widgetTemplate) => {
let templateNameNode = widgetTemplate.one('.template-name');
if (templateNameNode && templateNameNode.html() && templateNameNode.html().trim() === newTemplateName) {
if (isAdmin || widgetTemplate.attr('data-user') === userId) {
confirmationRequired = true;
}
}
});
if (confirmationRequired && !confirm(instance.t('baseWidgetList.templates.confirmOverride'))) {
return;
}
Y.io(Liferay.portal2012[instance.get('namespace') + "saveWidgetTemplateUrl"] + "&templateName=" + newTemplateName, {
method: 'POST',
data: Y.JSON.stringify(attrs),
headers: {
'Content-Type': 'application/json'
},
on: {
success: function (id, response) {
try {
var createdTemplate = JSON.parse(response.responseText);
if (createdTemplate && createdTemplate.error) {
console.log('error creating template :' + createdTemplate.error);
alert(instance.t('baseWidgetList.templates.saveTemplateError') + ': ' + createdTemplate.error);
return;
}
let existingTemplate = Y.one('#' + 'widgetTemplate_' + createdTemplate.id);
if (existingTemplate) {
existingTemplate.attr('data-user', createdTemplate.user);
let existingTemplateNameNode = existingTemplate.one('.template-name');
if (existingTemplateNameNode) {
existingTemplateNameNode.html(createdTemplate.name);
templateNameBox.set('value', '');
return;
}
}
var publicTemplatesContainer = Y.one('#' + instance.get('namespace') + 'publicTemplates');
if (publicTemplatesContainer) {
publicTemplatesContainer.all('.template-check-control .w-check-template').addClass('hidden');
}
var privatesTemplatesContainer = Y.one('#' + instance.get('namespace') + "privateTemplates");
if (privatesTemplatesContainer) {
privatesTemplatesContainer.all('.template-check-control .w-check-template').addClass('hidden');
var privateTemplateElement = instance.createTemplateElement(instance, createdTemplate, true, upgradeEnabled, isAdmin);
privatesTemplatesContainer.one('ul').append(privateTemplateElement);
attachTemplateEvents(privatesTemplatesContainer.one('ul').one('li:last-child'));
}
templateNameBox.set('value', '');
}
catch(e){
console.log('error saving template:', e);
}
},
error: function (response) {
alert('template save error');
}
}
});
});
var attachTemplateEvents = function(templateNode) {
templateNode.all(".remove-template").on('click', function (e) {
var userConfirmation = confirm(instance.t('baseWidgetList.templates.confirmRemove'));
if (userConfirmation) {
var templateId = e.target.getAttribute('templateId');
var liNode = e.target.ancestor('li');
Y.io(Liferay.portal2012[instance.get('namespace') + "deleteWidgetTemplateUrl"] + "&templateId=" + templateId, {
method: 'POST',
on: {
success: function (response) {
liNode.remove();
},
error: function (response) {
alert('template remove error');
}
}
});
}
});
templateNode.all(".upgrade-template").on('click', function (e) {
var userConfirmation = confirm(instance.t('baseWidgetList.templates.confirmUpgrade'));
if (userConfirmation) {
var templateId = e.target.getAttribute('templateId');
Y.io(Liferay.portal2012[instance.get('namespace') + "upgradeWidgetTemplateUrl"] + "&templateId=" + templateId, {
method: 'POST',
on: {
success: function (response) {
var removedTemplate = Y.one('#widgetTemplate_' + templateId);
var publicTemplatesDiv = Y.one('#' + instance.get('namespace') + 'publicTemplates ul');
removedTemplate.one('.upgrade-template').remove();
removedTemplate.remove();
if (removedTemplate && publicTemplatesDiv) {
publicTemplatesDiv.appendChild(removedTemplate);
}
},
error: function (response) {
alert(instance.t('baseWidgetList.templates.saveTemplateError'));
}
}
});
}
});
templateNode.all(".select-template").on('click', function (e) {
var userConfirmation = confirm(instance.t('baseWidgetList.templates.confirmApply'));
if (userConfirmation) {
var templateId = e.target.getAttribute('templateId');
Y.all('.w-check-template').each(function (item) {
item.addClass('hidden');
});
var selectedTemplateIcon = Y.one('.w-check-template-' + templateId);
if (selectedTemplateIcon) {
selectedTemplateIcon.removeClass('hidden');
}
instance.set(FIELD_WIDGET_TEMPLATE_ID, templateId);
Y.io(Liferay.portal2012[instance.get('namespace') + "getWidgetTemplateUrl"] + "&" + instance.get('namespace') + "templateId=" + templateId, {
method: 'GET',
on: {
success: function (id, response) {
var templateBody = JSON.parse(response.responseText);
instance.refreshElementFromTemplate(instance, templateId, templateBody);
},
error: function (response) {
console.log('template retrieval error');
}
}
});
}
});
};
Y.all('.widget-template-group .widget-template-list li').each(function (templateNode) {
attachTemplateEvents(templateNode);
});
}
else {
templateList.set('visible', !templateList.get('visible'));
}
},
refreshParticularElementsFromTemplate: function (instance, configuration) {
},
refreshElementFromTemplate: function (instance, id, configuration) {
//clear the current appearenaces
currentAppearanceOption = '';
basicAppearance = '';
currentMetaOtion = '';
widgetAppearance = [];
metadataAppearanceList = [];
metaDataAppearanceObjs = configuration.metadataAppearanceList;
//instance.initLayoutItem();
instance.set(FIELD_LAYOUT, configuration.layout);
instance.set(FIELD_LAYOUT_METADATA, configuration.layoutMetadata);
instance.set(FIELD_LAYOUT_STYLE, configuration.layoutStyle);
instance.set(FIELD_ROWS, configuration.layoutRows);
instance.set(FIELD_COLUMNS, configuration.layoutColumns);
instance.set(STYLE_PAGINATED, configuration.paginated);
instance.set(STYLE_SLIDE_SHOW, configuration.slideShow);
instance.set(FIELD_RESULTS_PAGE, configuration.resultsPage);
instance.set(FIELD_ORDER_THIS, configuration.showOrderPublicationButton);
instance.set(FIELD_SHARE_THIS, configuration.showSharePublicationButton);
instance.set(METADATA_SAVED_OBJS, configuration.selectedMetaDataFieldType);
if (configuration.slideShowLayout) {
var slideShowColumns = configuration.slideShowLayout.columns;
var showControlsDefault = configuration.slideShowLayout.controls;
var slideNoDefault = configuration.slideShowLayout.slidesNumber;
var timingDefault = configuration.slideShowLayout.timing;
var effectsDefault = configuration.slideShowLayout.transition;
}
instance.set(FIELD_SLIDE_SHOW_NUMBER_SLIDES, configuration.slideShowNumberSlides);
instance.set(FIELD_SLIDE_SHOW_TIMING, configuration.slideShowTiming);
instance.set(FIELD_SELECTED_METADATA, configuration.selectedMetadata);
instance.set(METADATA_SAVED_OBJS, configuration.selectedMetaDataFieldType);
instance.set(FIELD_SHOW_ONLY_SELECTED_LANGUAGE_PUBLICATIONS, configuration.showOnlySelectedLanguagePublications);
instance.set(FIELD_USE_DEFAULT_THUMBNAIL_IMAGE, configuration.useDefaultThumbnailImage);
instance.set(FIELD_ADVANCED_SET_APPEARANCE, configuration.advancedAppearance);
instance.set(APPEARANCE_BASIC_DISPLAY, configuration.widgetAppearance);
instance.set(APPEARANCE_BASIC_DISPLAY_OBJ_LIST, configuration.metadataAppearanceList);
instance.set(ADVANCED_APPEARANCE_METADATA, configuration.advancedAppearanceMetadata);
instance.set(ADVANCED_APPEARANCE_PROPERTY, configuration.advancedAppearanceProperty);
instance.set(FIELD_WIDGET_TEMPLATE_ID, id);
/*instance.initLayoutItem();
var layoutOptions = Y.all('.layout-set-select input[type="radio"]');
if (layoutOptions) {
for (var layoutIndx = 0; layoutIndx < layoutOptions.size(); layoutIndx++) {
layoutOptions.item(layoutIndx).set('checked', layoutOptions.item(layoutIndx).get('value') === configuration.layout);
}
}*/
var navTabs = Y.one('.nav-tabs');
if (navTabs) {
navTabs.remove();
}
var one = Y.one('#tab-1');
if (one) {
one.remove();
}
var two = Y.one('#tab-2');
if (two) {
two.remove();
}
var three = Y.one('#tab-3');
if (three) {
three.remove();
}
var tabPane = Y.one('.tab-pane');
if (tabPane) {
tabPane.remove();
}
var buttonRows = Y.all('#' + instance.get('namespace') + '_buttonRow');
if (buttonRows) {
buttonRows.each(function (item) {
item.remove();
});
}
var previewPanel = Y.one('.refresh-panel');
if (previewPanel) {
previewPanel.remove();
}
instance.initWizard();
instance.refreshParticularElementsFromTemplate(instance, configuration);
}
});
Y.BaseWidgetList = BaseWidgetList;
},
'portalop-2014.05.28-17-20', {
requires: [
'node',
'base-build',
'plugin',
'classnamemanager',
'attribute-base',
'io-base',
'history-hash',
'wizardTools',
'formWidget',
'paginator',
'dd-constrain',
'dd-proxy',
'dd-drop'
]
});
/**
* This module generates the semantic search widget wizard
*
* @module semanticSearchWidgetWizard
* @requires wizardTools
* @requires formWidget
*/
YUI.add('semanticSearchWidgetWizard', function(Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_TITLE
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description'
/**
* Generates the dom and dom events for semantic search widget wizard
*
* @param cfg
* @constructor
* @class SemanticSearchWidgetWizard
* @extends AbstractWizard
*/
function SemanticSearchWidgetWizard(cfg){
SemanticSearchWidgetWizard.superclass.constructor.apply(this, arguments);
}
SemanticSearchWidgetWizard.NAME = 'SemanticSearchWidgetWizard';
SemanticSearchWidgetWizard.NS = 'SemanticSearchWidgetWizard';
SemanticSearchWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value:''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value:''
}
};
Y.extend(SemanticSearchWidgetWizard, Y.AbstractWizard, {
initWizard : function(){
var instance = this,
host = this.get('host'),
isEdit = instance.get('widgetId') > 0;
instance.set('widgetType', '4');
new Y.PanelElement({
children: [
new Y.InputElement({
label: instance.t('searchBox.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder:instance.t('baseWidgetList.name.placeholder'),
cssClass:'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('searchBox.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass:'widget-input'
}),
instance.getLanguageSelector(),
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: [
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!instance.get('widgetId') > 0 ? ' disabled' : ''),
htmlContent: instance.t('searchBox.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.doSaveWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!instance.get('widgetId') > 0 ? ' hidden' : ''),
htmlContent: instance.t('searchBox.getCode'),
onClick: function (e) {
instance.doGetWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!instance.get('widgetId') > 0 ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
})
]
})
]
}).render(host);
instance.attachPreviewPanel(host, function() {
instance.doPreviewWidget();
},function(){
instance.clearCache();
});
instance.displayPreviewNode();
},
validateWidget: function() {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function() {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if (isValidated) {
actionButtons.removeClass('disabled');
} else {
actionButtons.addClass('disabled');
}
return isValidated;
}
});
Y.namespace('Plugin').SemanticSearchWidgetWizard = SemanticSearchWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires:
[
'node',
'base-build',
'plugin',
'classnamemanager',
'attribute-base',
'io-base',
'history-hash',
'wizardTools',
'formWidget'
]
});
/**
* This module generates the public procurement search results widget
*
* @module publicProcurementSearchResultsWidgetWizard
* @requires baseWidgetList
*/
YUI.add('publicProcurementSearchResultsWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'title'
*
* @property FIELD_TITLE
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description',
FIELD_TARGET_PAGE = 'targetPage',
FIELD_EXCLUDE = 'excludedPermalinks',
FIELD_SELECTED_METADATA = 'selectedMetadata',
FIELD_ADVANCED_SET_APPEARANCE = 'advancedAppearance',
FIELD_LAYOUT = 'layout',
APPEARANCE_BASIC_DISPLAY = 'widgetAppearance',
APPEARANCE_BASIC_DISPLAY_OBJ_LIST = 'metadataAppearanceList',
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
/**
* Object used in string replacement on function calls.
* Can be extended in future with other attributes.
* @type {{CHECKBOX: string, INPUT: string, RADIO: string}}
* @static
* @final
*/
ELEMENT_TYPE = {
CHECKBOX: 'CheckboxElement',
INPUT: 'InputElement',
RADIO: 'RadioElement'
},
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
/**
* Array of MetaData option objects.
* Do not populate by default.
* @type {Array}
*/
METADATA_SELECTION_OBJS = [],
metadataAppearanceList = [],
slideShowLayout = {},
METADATA = [{
value: 'Title',
key: 'title',
type: FIELDTYPE.TEXT
}, {
value: 'Description',
key: 'description',
type: FIELDTYPE.TEXT
}, {
value: 'Published',
key: 'published_date',
type: FIELDTYPE.TEXT
}, {
value: 'Submission deadline',
key: 'submission_deadline',
type: FIELDTYPE.TEXT
}, {
value: 'Status',
key: 'status',
type: FIELDTYPE.TEXT
}, {
value: 'Type of contract',
key: 'type_of_contract',
type: FIELDTYPE.TEXT
}, {
value: 'Buyer',
key: 'buyer',
type: FIELDTYPE.TEXT
}, {
value: 'Estimated contract value',
key: 'estimated_contract_value',
type: FIELDTYPE.TEXT
}, {
value: 'Main CPV Code',
key: 'main_cpv',
type: FIELDTYPE.TEXT
}, {
value: 'Place of performance (NUTS)',
key: 'nuts',
type: FIELDTYPE.TEXT
}],
/**
* Static constant to refer field 'source'
*
* @property FIELD_SOURCE
* @type String
* @static
* @final
*/
FIELD_SOURCE = 'source',
/**
* Static constant to refer field 'header'
*
* @property FIELD_HEADER
* @type String
* @static
* @final
*/
FIELD_HEADER = 'header',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_FOOTER
* @type String
* @static
* @final
*/
FIELD_FOOTER = 'footer',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_SAVED_SEARCH
* @type {string}
* @static
* @final
*/
FIELD_SAVED_SEARCH = 'savedSearch',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_SPARQL_QUERY
* @type {string}
* @static
* @final
*/
FIELD_SPARQL_QUERY = 'sparql',
SEARCH_SOURCE_ELEMENT;
/**
* Generates the dom and dom events for search result widget wizard
*
* @param cfg
* @constructor
* @class PublicProcurementSearchResultsWidgetWizard
* @extends BaseWidgetList
*/
function PublicProcurementSearchResultsWidgetWizard(cfg) {
PublicProcurementSearchResultsWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
PublicProcurementSearchResultsWidgetWizard.NAME = 'PublicProcurementSearchResultsWidgetWizard';
PublicProcurementSearchResultsWidgetWizard.NS = 'PublicProcurementSearchResultsWidgetWizard';
PublicProcurementSearchResultsWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the source for the results. Can be one of 'widget' or 'source'.
* If the source is 'widget', then the query will be taken from the parent URL and be passed to the server to display the results.
*
* @attribute source
* @type {String}
* @default ''
*/
source: {
value: " "
},
setAppearanceTabs: null,
/**
* A list of header options to be displayed in the widget
* See {{#crossLink 'PublicProcurementSearchResultsWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute header
* @type {Array}
* @default []
*/
header: {
value: [
"nrOfResults",
"navigation"
]
},
/**
* A list of footer options to be displayed in the widget
* See {{#crossLink 'PublicProcurementSearchResultsWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute footer
* @type {Array}
* @default []
*/
footer: {
value: [
"nrOfResults",
"navigation"
]
},
/**
* Keeps the selected search widget
*
* @attribute searchWidget
* @type {String}
* @deprecated
*/
searchWidget: {
value: ""
},
/**
* Keeps the selected saved search id
*
* @attribute savedSearch
* @type {String}
*/
savedSearch: {
value: ''
},
excludedPermalinks: {
value: ''
},
/**
* Keeps the sparql query to be executed
*
* @attribute savedSearch
* @type {String}
* @deprecated
*/
sparql: {
value: ''
},
/**
* metadata selection refactoring
* array of objects containing selected metadata
* each obect has following propertes
* key - code of metadata attribute
* metadataFieldType - type of metadata attribute
* showLabel - value of showLabel checkbox
* maxLength - number of characters to be displayed
* formatsType - for formats metadata specify if they will be displayed as ICON or TEXT
*
* @type {Array}
*/
selectedMetaDataFieldType: {
value: [
{
"key": "title",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": false
},
{
"key": "description",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": false
},
{
"key": "published_date",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "submission_deadline",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "status",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "buyer",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "main_cpv",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
}
]
},
selectedMetadata: {
value: [
"title",
"description",
"published_date",
"submission_deadline",
"status",
"type_of_contract",
"buyer",
"estimated_contract_value",
"main_cpv",
"nuts"
]
},
layoutRows: {
value: 5
},
metadataAppearanceList: {
value: []
},
widgetAppearance: {
},
slideShowLayout: {
value: {}
},
/**
* A list of result formats options to be displayed in the widget
* See {{#crossLink 'PublicProcurementSearchResultsWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute result formats
* @type {Array}
* @default []
*/
resultFormats: {
value: []
}
};
Y.extend(PublicProcurementSearchResultsWidgetWizard, Y.BaseWidgetList, {
/**
* Initialization of the inner tabs.
*/
initWizard: function () {
var instance = this,
host = this.get('host');
//add button for templates
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.search.results')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
if(instance.get('layoutColumns') && instance.get('layoutRows')) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50 &&
Y.one(".message-to-show").hasClass('hidden')) {
Y.one(".message-to-show").removeClass('hidden');
} else {
Y.one(".message-to-show").addClass('hidden');
}
}
instance.validateWidget();
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
instance.initLayoutItem();
/**
* Button bar present at footer for all tabs.
*/
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_buttonRow',
children: instance.getButtonsBar()
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
instance.fireLoadCallFinished();
},
/**
* First tab creation.
* @returns {Y.PanelElement}
*/
getGeneralSettings: function () {
var instance = this, tab;
var metadataOpt = instance.getMetadataTranslation();
tab = new Y.HtmlElement({
id: 'tab-1',
cssClass: 'tab-pane active',
children: [
new Y.PanelElement({
label: instance.t('publication.properties'),
children: [
new Y.InputElement({
label: instance.t('searchResult.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('searchResult.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
/**
* Language selection option. Automatic option or manual selection of language
*/
instance.getLanguageSelector()
]
}),
new Y.PanelElement({
label: instance.t('searchResult.source'),
children: [
SEARCH_SOURCE_ELEMENT = new Y.SearchSourceElement({
labels: {
radioSearchWidget: instance.t('searchResult.searchWidget'),
radioAvailableSearches: instance.t('searchResult.savedSearch'),
tableHeader_no: instance.t('searchResult.table.no'),
tableHeader_searchName: instance.t('searchResult.table.searchName'),
tableHeader_searchType: instance.t('searchResult.table.searchType'),
exclude: instance.t('searchResult.exclude'),
excludeDescription: instance.t('searchResult.exclude.observation'),
searchType_simple: instance.t('searchResult.searchType.simple'),
searchType_elif: instance.t('searchResult.searchType.elif'),
searchType_advanced: instance.t('searchResult.searchType.advanced'),
searchType_browseBySubject: instance.t('searchResult.searchType.browseBySubject'),
searchType_sparql: instance.t('searchResult.searchType.sparql')
},
modelInstance: instance,
fieldSource: FIELD_SOURCE,
fieldSavedSearch: FIELD_SAVED_SEARCH,
fieldExcluded: FIELD_EXCLUDE,
getSavedSearchesURL: Liferay.portal2012[instance.get('namespace') + "myPublicProcurementSearchesUrl"],
mySearchesPageURL: Liferay.portal2012[instance.get('namespace') + "mySearchesPageURL"]
})
]
}),
/**
* Metadata selection, default metadata.
*/
new Y.HtmlElement({
id: instance.get(ELEM_ATTR.NAMESPACE) + "metaselect",
wrapperCssClass: 'row',
children: [
new Y.MetadataEditInTableElement({
label: instance.t('baseWidgetList.displayedMetadata'),
modelInstance: instance,
name: FIELD_SELECTED_METADATA,
options: METADATA,
displayOrderButton: false
})]
}),
instance.getTargetPageStep()
]
});
return tab;
},
/**
* This function will return the object tab in order to display the appearance configuration options.
* The appearance options are initialized if there is any configuration, or an widget is edited.
* @returns {Y.PanelElement}
*/
getAppearanceSettings: function () {
var instance = this,
tab;
var layout = instance.getLayoutStep();
var basicConfiguration = null;
var advancedConfiguration = null;
/**
* Basic config for simple Appearance
*/
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* advanced config for simple Appearance
*/
if (instance.get('metadataAppearanceList') != undefined && instance.get('metadataAppearanceList') != null) {
advancedConfiguration = instance.get('metadataAppearanceList');
}
/**
* Slide show edit configuration
*/
if (instance.get('slideShowLayout') != undefined && instance.get('slideShowLayout') != null) {
slideShowLayout = instance.getLayoutStyleStep(instance.get('slideShowLayout'));
}
else {
slideShowLayout = instance.getLayoutStyleStep(null);
}
/**
* Appearance settings tab configuration. *
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, true);
instance.after(FIELD_LAYOUT + "Change", function (e) {
var instance = e.currentTarget;
instance._layoutSet();
instance._setLayoutMetadata();
});
instance._addDropDownEvents();
instance._layoutSet(true);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_HEADER)
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_FOOTER)
}),
layout,
slideShowLayout,
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchResults"],
data = [],
columns = [],
i,
len;
var widgetElement;
var isEdit = instance.get('widgetId') > 0;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchResults"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
if (widgetList) {
for (i = 0, len = (widgetList.length - 1); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
publications: widgetElement.publication,
searchClicks: widgetElement.searchClicks,
noImpresions: widgetElement.noImpressions
});
}
}
}
}
columns = [
{
key: 'publications',
label: instance.t('statistics.table.publications'),
width: '60%',
className: 'numeric'
},
{
key: 'noImpresions',
width: '20%',
label: instance.t('statistics.table.impressions'),
sortable: true
},
{
key: 'searchClicks',
width: '20%',
label: instance.t('statistics.table.clicks'),
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
/**
* Not implemented, this was only a proposal.
* @returns {Y.PanelElement}
*/
getStatistics: function () {
var instance = this,
tab;
// tab = new Y.PanelElement({
// wrapperCssClass: 'step step-2 hide',
// children: []
// });
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
children: instance.getButtonsBar()
})
]
});
return tab;
},
/**
* Returns the button bar for the widget.
* @returns {Array}
*/
getButtonsBar: function () {
var instance = this, toolBar = [];
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('baseWidgetList.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doSaveWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doGetWidget()
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
}));
return toolBar;
},
getBasicAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-1',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
getAdvancedAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
setWizardType: function () {
var instance = this;
instance.set("widgetType", 8);
},
setLoadCalls: function () {
var instance = this;
instance.set("loadCalls", 1);
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if(instance.get('layoutColumns') && instance.get('layoutRows') && isValidated) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50) {
isValidated = false;
}
}
if (isValidated) {
actionButtons.removeClass('disabled');
actionButtons.set('disabled',false)
}
else {
actionButtons.addClass('disabled');
actionButtons.set('disabled',true)
}
return isValidated;
},
metadataSelected: function (metadataArray, value) {
if (metadataArray) {
var arraySize = metadataArray.length;
for (var i = 0; i < arraySize; i++) {
if (metadataArray[i] === value) {
return true;
}
}
}
return false;
}
});
Y.namespace('Plugin').PublicProcurementSearchResultsWidgetWizard = PublicProcurementSearchResultsWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList',
'aui-tabview',
'tabview'
]
});
/**
* This module generates the publication view widget wizard
*
* @module searchResultWidgetWizard
* @requires baseWidgetList
*/
YUI.add('searchResultWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'title'
*
* @property FIELD_TITLE
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description',
FIELD_TARGET_PAGE = 'targetPage',
FIELD_EXCLUDE = 'excludedPermalinks',
FIELD_SELECTED_METADATA = 'selectedMetadata',
FIELD_ADVANCED_SET_APPEARANCE = 'advancedAppearance',
FIELD_LAYOUT = 'layout',
APPEARANCE_BASIC_DISPLAY = 'widgetAppearance',
APPEARANCE_BASIC_DISPLAY_OBJ_LIST = 'metadataAppearanceList',
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
/**
* Object used in string replacement on function calls.
* Can be extended in future with other attributes.
* @type {{CHECKBOX: string, INPUT: string, RADIO: string}}
* @static
* @final
*/
ELEMENT_TYPE = {
CHECKBOX: 'CheckboxElement',
INPUT: 'InputElement',
RADIO: 'RadioElement'
},
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
/**
* Array of MetaData option objects.
* Do not populate by default.
* @type {Array}
*/
METADATA_SELECTION_OBJS = [],
metadataAppearanceList = [],
slideShowLayout = {},
METADATA = [{
value: 'Title',
key: 'title',
type: FIELDTYPE.TEXT
}, {
value: 'Subtitle',
key: 'subtitle',
type: FIELDTYPE.TEXT
}, {
value: 'Abstract',
key: 'abstract',
type: FIELDTYPE.TEXT
}, {
value: 'Date',
key: 'publishing_date',
type: FIELDTYPE.TEXT
}, {
value: 'Author',
key: 'authors',
type: FIELDTYPE.TEXT
}, {
value: 'Subject',
key: 'subjects',
type: FIELDTYPE.TEXT
}, {
value: 'Format',
key: 'available_formats',
type: FIELDTYPE.ICON
}, {
value: 'Thumbnail',
key: 'thumbnail',
type: FIELDTYPE.IMAGE
}],
/**
* Static constant to refer field 'source'
*
* @property FIELD_SOURCE
* @type String
* @static
* @final
*/
FIELD_SOURCE = 'source',
/**
* Static constant to refer field 'header'
*
* @property FIELD_HEADER
* @type String
* @static
* @final
*/
FIELD_HEADER = 'header',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_FOOTER
* @type String
* @static
* @final
*/
FIELD_FOOTER = 'footer',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_SAVED_SEARCH
* @type {string}
* @static
* @final
*/
FIELD_SAVED_SEARCH = 'savedSearch',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_SPARQL_QUERY
* @type {string}
* @static
* @final
*/
FIELD_SPARQL_QUERY = 'sparql',
SEARCH_SOURCE_ELEMENT;
/**
* Generates the dom and dom events for search result widget wizard
*
* @param cfg
* @constructor
* @class SearchResultWidgetWizard
* @extends BaseWidgetList
*/
function SearchResultWidgetWizard(cfg) {
SearchResultWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
SearchResultWidgetWizard.NAME = 'SearchResultWidgetWizard';
SearchResultWidgetWizard.NS = 'SearchResultWidgetWizard';
SearchResultWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the source for the results. Can be one of 'widget' or 'source'.
* If the source is 'widget', then the query will be taken from the parent URL and be passed to the server to display the results.
*
* @attribute source
* @type {String}
* @default ''
*/
source: {
value: " "
},
setAppearanceTabs: null,
/**
* A list of header options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute header
* @type {Array}
* @default []
*/
header: {
value: []
},
/**
* A list of footer options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute footer
* @type {Array}
* @default []
*/
footer: {
value: []
},
/**
* Keeps the selected search widget
*
* @attribute searchWidget
* @type {String}
* @deprecated
*/
searchWidget: {
value: ""
},
/**
* Keeps the selected saved search id
*
* @attribute savedSearch
* @type {String}
*/
savedSearch: {
value: ''
},
excludedPermalinks: {
value: ''
},
/**
* Keeps the sparql query to be executed
*
* @attribute savedSearch
* @type {String}
* @deprecated
*/
sparql: {
value: ''
},
/**
* metadata selection refactoring
* array of objects containing selected metadata
* each obect has following propertes
* key - code of metadata attribute
* metadataFieldType - type of metadata attribute
* showLabel - value of showLabel checkbox
* maxLength - number of characters to be displayed
* formatsType - for formats metadata specify if they will be displayed as ICON or TEXT
*
* @type {Array}
*/
selectedMetaDataFieldType: {
value: []
},
metadataAppearanceList: {
value: []
},
widgetAppearance: {
value: {}
},
slideShowLayout: {
value: {}
},
/**
* A list of result formats options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute result formats
* @type {Array}
* @default []
*/
resultFormats: {
value: []
}
};
Y.extend(SearchResultWidgetWizard, Y.BaseWidgetList, {
/**
* Initialization of the inner tabs.
*/
initWizard: function () {
var instance = this,
host = this.get('host');
//add button for templates
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.search.results')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
if(instance.get('layoutColumns') && instance.get('layoutRows')) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50 &&
Y.one(".message-to-show").hasClass('hidden')) {
Y.one(".message-to-show").removeClass('hidden');
} else {
Y.one(".message-to-show").addClass('hidden');
}
}
instance.validateWidget();
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
instance.initLayoutItem();
/**
* Button bar present at footer for all tabs.
*/
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_buttonRow',
children: instance.getButtonsBar()
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
instance.fireLoadCallFinished();
},
/**
* First tab creation.
* @returns {Y.PanelElement}
*/
getGeneralSettings: function () {
var instance = this, tab;
var metadataOpt = instance.getMetadataTranslation();
tab = new Y.HtmlElement({
id: 'tab-1',
cssClass: 'tab-pane active',
children: [
new Y.PanelElement({
label: instance.t('publication.properties'),
children: [
new Y.InputElement({
label: instance.t('searchResult.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('searchResult.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
/**
* Language selection option. Automatic option or manual selection of language
*/
instance.getLanguageSelector()
]
}),
new Y.PanelElement({
label: instance.t('searchResult.source'),
children: [
SEARCH_SOURCE_ELEMENT = new Y.SearchSourceElement({
labels: {
radioSearchWidget: instance.t('searchResult.searchWidget'),
radioAvailableSearches: instance.t('searchResult.savedSearch'),
tableHeader_no: instance.t('searchResult.table.no'),
tableHeader_searchName: instance.t('searchResult.table.searchName'),
tableHeader_searchType: instance.t('searchResult.table.searchType'),
exclude: instance.t('searchResult.exclude'),
excludeDescription: instance.t('searchResult.exclude.observation'),
searchType_simple: instance.t('searchResult.searchType.simple'),
searchType_elif: instance.t('searchResult.searchType.elif'),
searchType_advanced: instance.t('searchResult.searchType.advanced'),
searchType_browseBySubject: instance.t('searchResult.searchType.browseBySubject'),
searchType_sparql: instance.t('searchResult.searchType.sparql')
},
modelInstance: instance,
fieldSource: FIELD_SOURCE,
fieldSavedSearch: FIELD_SAVED_SEARCH,
fieldExcluded: FIELD_EXCLUDE,
getSavedSearchesURL: Liferay.portal2012[instance.get('namespace') + "mySearchesUrl"],
mySearchesPageURL: Liferay.portal2012[instance.get('namespace') + "mySearchesPageURL"]
})
]
}),
/**
* Metadata selection, default metadata.
*/
new Y.HtmlElement({
id: instance.get(ELEM_ATTR.NAMESPACE) + "metaselect",
wrapperCssClass: 'row',
children: [
new Y.MetadataEditInTableElement({
label: instance.t('baseWidgetList.displayedMetadata'),
modelInstance: instance,
name: FIELD_SELECTED_METADATA,
options: METADATA,
displayOrderButton: true
})]
}),
instance.getTargetPageStep()
]
});
return tab;
},
/**
* This function will return the object tab in order to display the appearance configuration options.
* The appearance options are initialized if there is any configuration, or an widget is edited.
* @returns {Y.PanelElement}
*/
getAppearanceSettings: function () {
var instance = this,
tab;
var layout = instance.getLayoutStep();
var basicConfiguration = null;
var advancedConfiguration = null;
/**
* Basic config for simple Appearance
*/
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* advanced config for simple Appearance
*/
if (instance.get('metadataAppearanceList') != undefined && instance.get('metadataAppearanceList') != null) {
advancedConfiguration = instance.get('metadataAppearanceList');
}
/**
* Slide show edit configuration
*/
if (instance.get('slideShowLayout') != undefined && instance.get('slideShowLayout') != null) {
slideShowLayout = instance.getLayoutStyleStep(instance.get('slideShowLayout'));
}
else {
slideShowLayout = instance.getLayoutStyleStep(null);
}
/**
* Appearance settings tab configuration. *
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, true);
instance.after(FIELD_LAYOUT + "Change", function (e) {
var instance = e.currentTarget;
instance._layoutSet();
instance._setLayoutMetadata();
});
instance._addDropDownEvents();
instance._layoutSet(true);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_HEADER)
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_FOOTER)
}),
layout,
slideShowLayout,
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchResults"],
data = [],
columns = [],
i,
len;
var widgetElement;
var isEdit = instance.get('widgetId') > 0;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchResults"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
if (widgetList) {
for (i = 0, len = (widgetList.length - 1); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
publications: widgetElement.publication,
searchClicks: widgetElement.searchClicks,
noImpresions: widgetElement.noImpressions
});
}
}
}
}
columns = [
{
key: 'publications',
label: instance.t('statistics.table.publications'),
width: '60%',
className: 'numeric'
},
{
key: 'noImpresions',
width: '20%',
label: instance.t('statistics.table.impressions'),
sortable: true
},
{
key: 'searchClicks',
width: '20%',
label: instance.t('statistics.table.clicks'),
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
/**
* Not implemented, this was only a proposal.
* @returns {Y.PanelElement}
*/
getStatistics: function () {
var instance = this,
tab;
// tab = new Y.PanelElement({
// wrapperCssClass: 'step step-2 hide',
// children: []
// });
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
children: instance.getButtonsBar()
})
]
});
return tab;
},
/**
* Returns the button bar for the widget.
* @returns {Array}
*/
getButtonsBar: function () {
var instance = this, toolBar = [];
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('baseWidgetList.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doSaveWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doGetWidget()
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
}));
return toolBar;
},
getBasicAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-1',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
getAdvancedAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
setWizardType: function () {
var instance = this;
instance.set("widgetType", 2);
},
setLoadCalls: function () {
var instance = this;
instance.set("loadCalls", 1);
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if(instance.get('layoutColumns') && instance.get('layoutRows') && isValidated) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50) {
isValidated = false;
}
}
if (isValidated) {
actionButtons.removeClass('disabled');
actionButtons.set('disabled',false)
}
else {
actionButtons.addClass('disabled');
actionButtons.set('disabled',true)
}
return isValidated;
},
metadataSelected: function (metadataArray, value) {
if (metadataArray) {
var arraySize = metadataArray.length;
for (var i = 0; i < arraySize; i++) {
if (metadataArray[i] === value) {
return true;
}
}
}
return false;
}
});
Y.namespace('Plugin').SearchResultWidgetWizard = SearchResultWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList',
'aui-tabview',
'tabview'
]
});
/**
* This module generates the publication view widget wizard
*
* @module publicationViewWidgetWizard
* @requires baseWidgetList
*/
YUI.add('publicationViewWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
/**
* Static constant to refer field 'description'
*
* @property FIELD_DESCRIPTION
* @type String
* @static
* @final
*/
FIELD_DESCRIPTION = 'description',
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
/**
* Static constant to refer field 'header'
*
* @property FIELD_HEADER
* @type String
* @static
* @final
*/
FIELD_HEADER = 'header',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_FOOTER
* @type String
* @static
* @final
*/
FIELD_FOOTER = 'footer',
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
METADATA_SELECTION_OBJS = [],
METADATA_SAVED_OBJS = 'selectedMetaDataFieldType',
FIELD_LAYOUT = 'layout',
slideShowLayout = {},
/**
* Object used in string replacement on function calls.
* Can be extended in future with other attributes.
* @type {{CHECKBOX: string, INPUT: string, RADIO: string}}
* @static
* @final
*/
ELEMENT_TYPE = {
CHECKBOX: 'CheckboxElement',
INPUT: 'InputElement',
RADIO: 'RadioElement'
},
/**
* Static constant to refer field 'cellarIDs'
*
* @property FIELD_CELLAR_IDS
* @type String
* @static
* @final
*/
FIELD_CELLAR_IDS = 'cellarIDs',
/**
* Static constant to refer field 'permanentLinks'
*
* @property FIELD_PERMANENT_LINKS
* @type String
* @static
* @final
*/
FIELD_PERMANENT_LINKS = 'permanentLinks',
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
FIELD_SELECTED_METADATA = 'selectedMetadata',
/**
* Static constant to refer field 'savedPublications'
*
* @property FIELD_SAVED_PUBLICATIONS
* @type String
* @static
* @final
*/
FIELD_SAVED_PUBLICATIONS = 'savedPublications',
/**
* Static constant to refer field 'selectedInformation'
*
* @property FIELD_SELECTED_INFORMATION
* @type String
* @static
* @final
*/
FIELD_SELECTED_INFORMATION = 'defaultOrderElements',
/**
* Static constant to refer field 'publicationOrder'
*
* @property FIELD_PUBLICATION_ORDER
* @type String
* @static
* @final
*/
FIELD_PUBLICATION_ORDER = 'publicationOrder',
METADATA = [{
value: 'Title',
key: 'title',
type: FIELDTYPE.TEXT
}, {
value: 'Subtitle',
key: 'subtitle',
type: FIELDTYPE.TEXT
}, {
value: 'Abstract',
key: 'abstract',
type: FIELDTYPE.TEXT
}, {
value: 'Date',
key: 'publishing_date',
type: FIELDTYPE.TEXT
}, {
value: 'Author',
key: 'authors',
type: FIELDTYPE.TEXT
}, {
value: 'Subject',
key: 'subjects',
type: FIELDTYPE.TEXT
}, {
value: 'Format',
key: 'available_formats',
type: FIELDTYPE.ICON
}, {
value: 'Thumbnail',
key: 'thumbnail',
type: FIELDTYPE.IMAGE
}];
/**
* Generates the dom and dom events for publication view widget wizard
*
* @param cfg
* @constructor
* @class PublicationViewWidgetWizard
* @extends BaseWidgetList
*/
function PublicationViewWidgetWizard(cfg) {
PublicationViewWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
PublicationViewWidgetWizard.NAME = 'PublicationViewWidgetWizard';
PublicationViewWidgetWizard.NS = 'PublicationViewWidgetWizard';
PublicationViewWidgetWizard.ATTRS = {
/**
* @Deprecated
*
* Keeps the cellar ids got from the permanent links
*
* @attribute permanentLinks
* @type Array
* @default []
*/
permanentLinks: {
value: []
},
/**
* Keeps the cellar ids got from my publications
*
* @attribute cellarIDs
* @type Array
* @default []
*/
cellarIDs: {
value: []
},
/**
* Keeps the cellar ids got from saved publications
*
* @attribute savedPublications
* @type Array
* @default []
*/
savedPublications: {
value: []
},
/**
* @Deprecated
*
* Keeps the cellar ids got from saved publications and
* the cellar ids got from the permanent links for the default order sort criteria
*
* @attribute defaultOrderElements
* @type Array
* @default []
*/
defaultOrderElements: {
value: ''
},
/**
* Keeps the publication order
*
* @attribute publicationOrder
* @type Array
* @default []
*/
publicationOrder: {
value: ''
},
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* A list of header options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute header
* @type {Array}
* @default []
*/
header: {
value: []
},
/**
* A list of footer options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute footer
* @type {Array}
* @default []
*/
footer: {
value: []
},
/**
* A list of result formats options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute result formats
* @type {Array}
* @default []
*/
resultFormats: {
value: []
},
/**
* metadata selection refactoring
* array of objects containing selected metadata
* each obect has following propertes
* key - code of metadata attribute
* metadataFieldType - type of metadata attribute
* showLabel - value of showLabel checkbox
* maxLength - number of characters to be displayed
* formatsType - for formats metadata specify if they will be displayed as ICON or TEXT
*
* @type {Array}
*/
selectedMetaDataFieldType: {
value: []
}
};
Y.extend(PublicationViewWidgetWizard, Y.BaseWidgetList, {
setWizardType: function () {
var instance = this;
instance.set("widgetType", 3);
},
setLoadCalls: function () {
var instance = this;
instance.set("loadCalls", 1);
},
initWizard: function () {
var instance = this,
host = this.get('host');
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.publications.details')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
if(instance.get('layoutColumns') && instance.get('layoutRows')) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50 &&
Y.one(".message-to-show").hasClass('hidden')) {
Y.one(".message-to-show").removeClass('hidden');
} else {
Y.one(".message-to-show").addClass('hidden');
}
}
instance.validateWidget();
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
instance.initLayoutItem();
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: instance.getButtonsBar()
})
]
}).render(host);
instance.fireLoadCallFinished();
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
},
/**
* This panel displays widget title and the selection of publications that will appear in the widget
*
* @method getPropertiesStep
* @return {PanelElement} the panel with widget properties configuration
*/
getGeneralSettings: function () {
var instance = this,
host = instance.get('host'),
isEdit = instance.get('widgetId') > 0;
var metadataOpt = instance.getMetadataTranslation();
var step = new Y.HtmlElement({
id: 'tab-1',
cssClass: 'tab-pane active',
children: [
new Y.PanelElement({
label: instance.t('publication.properties'),
children: [
new Y.InputElement({
label: instance.t('publication.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('publication.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
/**
* Language selection option. Automatic option or manual selection of language
*/
instance.getLanguageSelector(),
instance.getShowOnlySelectedLanguagePublicationsSelector()
]
}),
new Y.PanelElement({
label: instance.t('publication.publications'),
children: [
new Y.SelectedPublicationsElement({
id: 'selectedPublicationsSelector',
cssClass: 'selected-publications-css-class',
labels: {
availablePublications: instance.t('publication.availablePublications'),
publicationsTableHeader_no: instance.t('publication.table.no'),
publicationsTableHeader_documentTitle: instance.t('publication.table.documentTitle'),
publicationsTableHeader_format: instance.t('publication.table.format'),
publicationsTableHeader_language: instance.t('publication.table.language'),
addPublication: instance.t('publication.add'),
addPermanentLink: instance.t('publication.addPermanentLink'),
selectedPublications: instance.t('publication.selectedPublications'),
sortBy: instance.t('publication.order')
},
name: FIELD_SAVED_PUBLICATIONS,
fieldSortBy: FIELD_PUBLICATION_ORDER,
sortByCriteria: [
{key: '', value: instance.t('publication.order.default')},
{key: 'PUBLICATION_DATE', value: instance.t('publication.order.publicationDate')},
{key: 'AUTHOR', value: instance.t('publication.order.author')},
{key: 'COLLECTION', value: instance.t('publication.order.collection')},
{key: 'SUBJECT', value: instance.t('publication.order.subject')},
{key: 'TITLE', value: instance.t('publication.order.title')}
],
fieldCellarIds: FIELD_CELLAR_IDS,
fieldCustomOrder: isEdit ? FIELD_SELECTED_INFORMATION : undefined, // backward compatibility
fieldPermanentLinks: isEdit ? FIELD_PERMANENT_LINKS : undefined, // backward compatibility
modelInstance: instance,
getSavedPublicationsURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsUrl"],
getMissingPublicationsURL: Liferay.portal2012[instance.get('namespace') + "getPublicationsNames"] +
'&' + instance.get('namespace') + 'cellarIds=',
myPublicationsPageURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsPageURL"]
})
]
}),
/**
* Metadata selection, default metadata.
*/
new Y.HtmlElement({
id: instance.get(ELEM_ATTR.NAMESPACE) + "metaselect",
wrapperCssClass: 'row',
children: [
new Y.MetadataEditInTableElement({
label: instance.t('baseWidgetList.displayedMetadata'),
modelInstance: instance,
name: FIELD_SELECTED_METADATA,
options: METADATA,
displayOrderButton: true
})]
}),
new Y.PanelElement({
label: instance.t('publication.targetPage'),
children: [
instance.getTargetPageStep()
]
})
]
});
return step;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSelectedPub"],
data = [],
columns = [],
i,
len;
var widgetElement;
var isEdit = instance.get('widgetId') > 0;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSelectedPub"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
if (widgetList) {
for (i = 0, len = (widgetList.length ); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
publications: widgetElement.publication,
searchClicks: widgetElement.searchClicks,
noImpresions: widgetElement.noImpressions
});
}
}
}
}
columns = [
{
key: 'publications',
label: instance.t('statistics.table.publications'),
width: '60%',
className: 'numeric'
},
{
key: 'noImpresions',
width: '20%',
label: instance.t('statistics.table.impressions'),
sortable: true
},
{
key: 'searchClicks',
width: '20%',
label: instance.t('statistics.table.clicks'),
sortable: true
}
];
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
getAppearanceSettings: function () {
var instance = this,
tab;
var layout = instance.getLayoutStep();
var basicConfiguration = null;
var advancedConfiguration = null;
/**
* Basic config for simple Appearance
*/
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* advanced config for simple Appearance
*/
if (instance.get('metadataAppearanceList') != undefined && instance.get('metadataAppearanceList') != null) {
advancedConfiguration = instance.get('metadataAppearanceList');
}
/**
* Slide show edit configuration
*/
if (instance.get('slideShowLayout') != undefined && instance.get('slideShowLayout') != null) {
slideShowLayout = instance.getLayoutStyleStep(instance.get('slideShowLayout'));
}
else {
slideShowLayout = instance.getLayoutStyleStep(null);
}
/**
* Appearance settings tab configuration.
* if parameters for getDisplayAppearence() doesn't exists, provide null as parameter.
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, true);
instance.after(FIELD_LAYOUT + "Change", function (e) {
var instance = e.currentTarget;
instance._layoutSet();
instance._setLayoutMetadata();
});
instance.after(FIELD_SELECTED_METADATA + "Change", function (e) {
var instance = e.currentTarget;
// remove events
instance._resetLayoutEvents();
instance._layoutSet();
instance._setLayoutMetadata();
});
instance._addDropDownEvents();
instance._layoutSet(true);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_HEADER)
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_FOOTER)
}),
layout,
slideShowLayout,
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
getStatistics: function () {
var instance = this,
step, i;
step = new Y.PanelElement({
id: 'tab-3',
label: instance.t('publication.properties')
})
return step;
},
getButtonsBar: function () {
var instance = this, toolBar = [];
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('baseWidgetList.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doSaveWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doGetWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
}));
return toolBar;
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
// validate the product rows*columns <50
if(instance.get('layoutColumns') && instance.get('layoutRows') && isValidated) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50) {
isValidated = false;
}
}
if (isValidated) {
actionButtons.removeClass('disabled');
actionButtons.set('disabled',false)
}
else {
actionButtons.addClass('disabled');
actionButtons.set('disabled',true)
}
return isValidated;
}
});
Y.namespace('Plugin').PublicationViewWidgetWizard = PublicationViewWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList'
]
});
/**
* This module generates the publication view widget wizard
*
* @module publicationDetailWidgetWizard
* @requires baseWidgetList
*/
YUI.add('publicationDetailWidgetWizard', function (Y) {
var
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description',
FIELD_SELECTED_METADATA = 'selectedMetadata',
FIELD_LAYOUT = 'layout',
FIELD_PERMANENT_LINK = 'permanentLink',
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
METADATA = [{
value: 'Title',
key: 'title',
type: FIELDTYPE.TEXT
}, {
value: 'Subtitle',
key: 'subtitle',
type: FIELDTYPE.TEXT
}, {
value: 'Abstract',
key: 'abstract',
type: FIELDTYPE.TEXT
}, {
value: 'Date',
key: 'publishing_date',
type: FIELDTYPE.TEXT
}, {
value: 'Author',
key: 'authors',
type: FIELDTYPE.TEXT
}, {
value: 'Subject',
key: 'subjects',
type: FIELDTYPE.TEXT
}, {
value: 'Format',
key: 'available_formats',
type: FIELDTYPE.ICON
}, {
value: 'Thumbnail',
key: 'thumbnail',
type: FIELDTYPE.IMAGE
}],
FIELD_PUBLICATION_TYPE='publicationType';
/**
* Generates the dom and dom events for search result widget wizard
*
* @param cfg
* @constructor
* @class SearchResultWidgetWizard
* @extends BaseWidgetList
*/
function PublicationDetailWidgetWizard(cfg) {
PublicationDetailWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
PublicationDetailWidgetWizard.NAME = 'PublicationDetailWidgetWizard';
PublicationDetailWidgetWizard.NS = 'PublicationDetailWidgetWizard';
PublicationDetailWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the source for the results. Can be one of 'widget' or 'source'.
* If the source is 'widget', then the query will be taken from the parent URL and be passed to the server to display the results.
*
* @attribute source
* @type {String}
* @default ''
*/
source: {
value: " "
},
permanentLink: {
value: ''
},
setAppearanceTabs: null,
selectedMetaDataFieldType: {
value: []
},
metadataAppearanceList: {
value: []
},
widgetAppearance: {
value: {}
},
/**
* A list of result formats options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute result formats
* @type {Array}
* @default []
*/
resultFormats: {
value: []
},
/**
* Keep the publication type. It should either be null/blank or 'elif'
*/
publicationType :{value:''}
};
Y.extend(PublicationDetailWidgetWizard, Y.BaseWidgetList, {
/**
* Initialization of the inner tabs.
*/
initWizard: function () {
var instance = this,
host = this.get('host');
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.publications.details')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
instance.initLayoutItem();
/**
* Button bar present at footer for all tabs.
*/
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: instance.getButtonsBar()
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
instance.validateWidget();
},
getMetadataStep: function () {
var instance = this, options = [], i;
for (i = 0; i < METADATA.length; i++) {
options.push({
key: METADATA[i].key,
value: instance.t('baseWidgetList.' + METADATA[i].key)
})
}
return options;
},
/**
* First tab creation.
* @returns {Y.PanelElement}
*/
getGeneralSettings: function () {
var instance = this, tab;
var metadataOpt = instance.getMetadataStep();
let metadataEditInTableElement = new Y.MetadataEditInTableElement({
label: instance.t('baseWidgetList.displayedMetadata'),
modelInstance: instance,
name: FIELD_SELECTED_METADATA,
options: METADATA,
displayOrderButton: true
});
(metadataEditInTableElement.get('children')[0]).get('children').push(instance.getViewThisSelector());
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane active',
id: 'tab-1',
children: [
new Y.InputElement({
label: instance.t('searchResult.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('searchResult.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
/**
* Language selection option. Automatic option or manual selection of language
*/
instance.getLanguageSelector(),
/**
* Metadata selection, default metadata.
*/
new Y.HtmlElement({
id: instance.get(ELEM_ATTR.NAMESPACE) + "metaselect",
wrapperCssClass: 'row',
children: [
metadataEditInTableElement
]
}),
new Y.PanelElement({
label: instance.t('publication.publication'),
children: [
new Y.SelectedPublicationsElement({
id: 'publicationSelector',
labels: {
publicationsTableHeader_no: instance.t('publication.table.no'),
publicationsTableHeader_documentTitle: instance.t('publication.table.documentTitle'),
publicationsTableHeader_format: instance.t('publication.table.format'),
publicationsTableHeader_language: instance.t('publication.table.language'),
publicationsTableHeader_publicationType: instance.t('publication.table.publicationType'),
addPublication: instance.t('publication.add'),
addPermanentLink: instance.t('publication.addPermanentLink'),
selectedPublications: instance.t('publication.selectedPublication'),
optionNoPreSelected: instance.t('publicationDetails.noPreselected'),
optionPreSelected: instance.t('publicationDetails.preselected')
},
singlePublication: true,
name: FIELD_PERMANENT_LINK,
fieldCellarIds: FIELD_PERMANENT_LINK,
modelInstance: instance,
getSavedPublicationsURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsUrl"],
getMissingPublicationsURL: Liferay.portal2012[instance.get('namespace') + "getPublicationsNames"] +
'&' + instance.get('namespace') + 'cellarIds=',
myPublicationsPageURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsPageURL"]
})
]
})
//,instance.getViewThisSelector()
]
});
return tab;
},
getAppearanceSettings: function () {
var instance = this,
tab;
var layout = instance.getLayoutStep();
/**
* getDisplayAppearence() must have null as aprameters in order to work.
* @type {Y.TabView}
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(null, null, true, true);
instance.after(FIELD_LAYOUT + "Change", function (e) {
var instance = e.currentTarget;
instance._layoutSet();
instance._setLayoutMetadata();
});
instance.after(FIELD_SELECTED_METADATA + "Change", function (e) {
var instance = e.currentTarget;
// remove events
instance._resetLayoutEvents();
instance._layoutSet();
instance._setLayoutMetadata();
});
instance._addDropDownEvents();
instance._layoutSet(true);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
layout,
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
instance.fireLoadCallFinished();
instance._addDropDownEvents();
instance._layoutSet(true);
return tab;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListPublicationDetail"],
data = [],
columns = [],
i,
len;
var widgetElement;
var isEdit = instance.get('widgetId') > 0;
if (widgetList && widgetList.length > 0) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListPublicationDetail"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
for (i = 0, len = (widgetList.length - 1); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
publications: widgetElement.publication,
searchClicks: widgetElement.searchClicks,
noImpresions: widgetElement.noImpressions
});
}
}
}
columns = [
{
key: 'publications',
label: instance.t('statistics.table.publications'),
width: '60%',
className: 'numeric'
},
{
key: 'noImpresions',
width: '20%',
label: instance.t('statistics.table.impressions'),
sortable: true
},
{
key: 'searchClicks',
width: '20%',
label: instance.t('statistics.table.clicks'),
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
getStatistics: function () {
var instance = this,
tab,
isEdit = instance.get('widgetId') > 0;
tab = new Y.PanelElement({
wrapperCssClass: 'step step-2 hide',
children: []
});
return tab;
},
getButtonsBar: function () {
var instance = this, toolBar = [];
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('baseWidgetList.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doSaveWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doGetWidget()
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
}));
return toolBar;
},
getBasicAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-1',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
getAdvancedAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
setWizardType: function () {
var instance = this;
instance.set("widgetType", 5);
},
setLoadCalls: function () {
var instance = this;
instance.set("loadCalls", 1);
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if (isValidated) {
actionButtons.removeClass('disabled');
}
else {
actionButtons.addClass('disabled');
}
return isValidated;
}
});
Y.namespace('Plugin').PublicationDetailWidgetWizard = PublicationDetailWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList',
'aui-tabview',
'tabview'
]
});
/**
* This module generates the public procurement details widget
*
* @module publicProcurementDetailsWidgetWizard
* @requires baseWidgetList
*/
YUI.add('publicProcurementDetailsWidgetWizard', function (Y) {
var
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description',
FIELD_SELECTED_METADATA = 'selectedMetadata',
FIELD_LAYOUT = 'layout',
FIELD_PERMANENT_LINK = 'permanentLink',
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
METADATA = [{
value: 'Title',
key: 'title',
type: FIELDTYPE.TEXT
}, {
value: 'Description',
key: 'description',
type: FIELDTYPE.TEXT
}, {
value: 'Published',
key: 'published_date',
type: FIELDTYPE.TEXT
}, {
value: 'Submission deadline',
key: 'submission_deadline',
type: FIELDTYPE.TEXT
}, {
value: 'Status',
key: 'status',
type: FIELDTYPE.TEXT
}, {
value: 'Buyer',
key: 'buyer',
type: FIELDTYPE.TEXT
}, {
value: 'Estimated contract value',
key: 'estimated_contract_value',
type: FIELDTYPE.TEXT
}, {
value: 'CPV Code',
key: 'business_sector',
type: FIELDTYPE.TEXT
}, {
value: 'Place of performance (NUTS)',
key: 'nuts',
type: FIELDTYPE.TEXT
}],
FIELD_PUBLICATION_TYPE='publicationType';
/**
* Generates the dom and dom events for search result widget wizard
*
* @param cfg
* @constructor
* @class SearchResultWidgetWizard
* @extends BaseWidgetList
*/
function PublicProcurementDetailsWidgetWizard(cfg) {
PublicProcurementDetailsWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
PublicProcurementDetailsWidgetWizard.NAME = 'PublicProcurementDetailsWidgetWizard';
PublicProcurementDetailsWidgetWizard.NS = 'PublicProcurementDetailsWidgetWizard';
PublicProcurementDetailsWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the source for the results. Can be one of 'widget' or 'source'.
* If the source is 'widget', then the query will be taken from the parent URL and be passed to the server to display the results.
*
* @attribute source
* @type {String}
* @default ''
*/
source: {
value: " "
},
permanentLink: {
value: ''
},
setAppearanceTabs: null,
selectedMetaDataFieldType: {
value: [
{
"key": "title",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": false
},
{
"key": "description",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": false
},
{
"key": "published_date",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "submission_deadline",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "status",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "buyer",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "estimated_contract_value",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "business_sector",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "nuts",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"align": "left",
"key": "shareButton",
"maxItems": 0,
"maxLength": 0,
"showLabel": false
}
]
},
metadataAppearanceList: {
value: []
},
widgetAppearance: {
},
/**
* A list of result formats options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute result formats
* @type {Array}
* @default []
*/
resultFormats: {
value: []
},
/**
* Keep the publication type. It should either be null/blank or 'elif'
*/
publicationType :{value:''}
};
Y.extend(PublicProcurementDetailsWidgetWizard, Y.BaseWidgetList, {
/**
* Initialization of the inner tabs.
*/
initWizard: function () {
var instance = this,
host = this.get('host');
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.publications.details')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
instance.initLayoutItem();
/**
* Button bar present at footer for all tabs.
*/
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: instance.getButtonsBar()
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
instance.validateWidget();
},
getMetadataStep: function () {
var instance = this, options = [], i;
for (i = 0; i < METADATA.length; i++) {
options.push({
key: METADATA[i].key,
value: instance.t('baseWidgetList.' + METADATA[i].key)
})
}
return options;
},
/**
* First tab creation.
* @returns {Y.PanelElement}
*/
getGeneralSettings: function () {
var instance = this, tab;
var metadataOpt = instance.getMetadataStep();
let metadataEditInTableElement = new Y.MetadataEditInTableElement({
label: instance.t('baseWidgetList.displayedMetadata'),
modelInstance: instance,
name: FIELD_SELECTED_METADATA,
options: METADATA,
displayOrderButton: false
});
(metadataEditInTableElement.get('children')[0]).get('children').push(instance.getViewThisSelector());
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane active',
id: 'tab-1',
children: [
new Y.InputElement({
label: instance.t('searchResult.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('searchResult.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
/**
* Language selection option. Automatic option or manual selection of language
*/
instance.getLanguageSelector(),
/**
* Metadata selection, default metadata.
*/
new Y.HtmlElement({
id: instance.get(ELEM_ATTR.NAMESPACE) + "metaselect",
wrapperCssClass: 'row',
children: [
metadataEditInTableElement
]
}),
new Y.PanelElement({
label: instance.t('publication.publication'),
children: [
new Y.SelectedPublicationsElement({
id: 'publicationSelector',
labels: {
publicationsTableHeader_no: instance.t('publication.table.no'),
publicationsTableHeader_documentTitle: instance.t('publication.table.documentTitle'),
publicationsTableHeader_format: instance.t('publication.table.format'),
publicationsTableHeader_language: instance.t('publication.table.language'),
publicationsTableHeader_publicationType: instance.t('publication.table.publicationType'),
addPublication: instance.t('publication.add'),
addPermanentLink: instance.t('publication.addPermanentLink'),
selectedPublications: instance.t('publication.selectedPublication'),
optionNoPreSelected: instance.t('publicationDetails.noPreselected'),
optionPreSelected: instance.t('publicationDetails.preselected')
},
singlePublication: true,
name: FIELD_PERMANENT_LINK,
fieldCellarIds: FIELD_PERMANENT_LINK,
modelInstance: instance,
getSavedPublicationsURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsUrl"],
getMissingPublicationsURL: Liferay.portal2012[instance.get('namespace') + "getPublicationsNames"] +
'&' + instance.get('namespace') + 'cellarIds=',
myPublicationsPageURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsPageURL"]
})
]
})
//,instance.getViewThisSelector()
]
});
return tab;
},
getAppearanceSettings: function () {
var instance = this,
tab;
var layout = instance.getLayoutStep();
/**
* getDisplayAppearence() must have null as aprameters in order to work.
* @type {Y.TabView}
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(null, null, true, true);
instance.after(FIELD_LAYOUT + "Change", function (e) {
var instance = e.currentTarget;
instance._layoutSet();
instance._setLayoutMetadata();
});
instance.after(FIELD_SELECTED_METADATA + "Change", function (e) {
var instance = e.currentTarget;
// remove events
instance._resetLayoutEvents();
instance._layoutSet();
instance._setLayoutMetadata();
});
instance._addDropDownEvents();
instance._layoutSet(true);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
layout,
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
instance.fireLoadCallFinished();
instance._addDropDownEvents();
instance._layoutSet(true);
return tab;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListPublicationDetail"],
data = [],
columns = [],
i,
len;
var widgetElement;
var isEdit = instance.get('widgetId') > 0;
if (widgetList && widgetList.length > 0) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListPublicationDetail"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
for (i = 0, len = (widgetList.length - 1); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
publications: widgetElement.publication,
searchClicks: widgetElement.searchClicks,
noImpresions: widgetElement.noImpressions
});
}
}
}
columns = [
{
key: 'publications',
label: instance.t('statistics.table.publications'),
width: '60%',
className: 'numeric'
},
{
key: 'noImpresions',
width: '20%',
label: instance.t('statistics.table.impressions'),
sortable: true
},
{
key: 'searchClicks',
width: '20%',
label: instance.t('statistics.table.clicks'),
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
getStatistics: function () {
var instance = this,
tab,
isEdit = instance.get('widgetId') > 0;
tab = new Y.PanelElement({
wrapperCssClass: 'step step-2 hide',
children: []
});
return tab;
},
getButtonsBar: function () {
var instance = this, toolBar = [];
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('baseWidgetList.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doSaveWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doGetWidget()
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
}));
return toolBar;
},
getBasicAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-1',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
getAdvancedAppearence: function () {
var instance = this;
var element;
element = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-inner-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline'
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline'
})
]
});
return element;
},
setWizardType: function () {
var instance = this;
instance.set("widgetType", 10);
},
setLoadCalls: function () {
var instance = this;
instance.set("loadCalls", 1);
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if (isValidated) {
actionButtons.removeClass('disabled');
}
else {
actionButtons.addClass('disabled');
}
return isValidated;
}
});
Y.namespace('Plugin').PublicProcurementDetailsWidgetWizard = PublicProcurementDetailsWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList',
'aui-tabview',
'tabview'
]
});
window.SELECT_ORGANIZATION_WIDGET_PRESENT = true;
/**
* This module generates the select organization widget
*
* @module selectOrganizationWidget
* @requires wizardTools
*/
YUI.add('selectOrganizationWidget', function(Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
BASE_ORGANIZATION = 'PUBL/PUBL';
/**
* Generates the dom and dom events for search box wizard
*
* @param cfg
* @constructor
* @class SelectOrganizationWidget
* @extends AbstractWizard
*/
function SelectOrganizationWidget(cfg){
SelectOrganizationWidget.superclass.constructor.apply(this, arguments);
}
SelectOrganizationWidget.NAME = 'SelectOrganizationWidget';
SelectOrganizationWidget.NS = 'SelectOrganizationWidget';
SelectOrganizationWidget.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value:''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value:''
},
baseOrganization: {
value: ''
},
locale: {
value: ''
},
validator: {
value: function() {}
},
currentValue: {
value: ''
}
};
SelectOrganizationWidget.TREE_LOADED_EVENT = 'treeLoadedEvent';
SelectOrganizationWidget.TREE_UPDATED_EVENT = 'treeUpdatedEvent';
Y.extend(SelectOrganizationWidget, Y.HtmlElement, {
globalTree: null,
_afterRenderEventHandler: null,
initializer: function () {
var instance = this;
baseOrganization = instance.get('baseOrganization');
locale = instance.get('locale');
validator = instance.get('validator');
var children = [];
children.push(new Y.HtmlElement({
cssClass: 'row table-holder',
htmlContent: '
' +
'' +
'
'
}));
instance.set('children', children);
Y.on('io:complete', instance._ioFilter, Y, {});
},
_ioFilter: function(id, o, args) {
var instance = this;
if(o.response.indexOf("wiw-webservice/sublevels") !== -1) {
var payload = JSON.parse(o.response);
Y.fire(SelectOrganizationWidget.TREE_UPDATED_EVENT, {
currentTarget: instance,
options: payload
});
}
},
getCodeFromUrl: function(url) {
var regexp = /\?WIW_ORGANIZATION_DETAIL_COMBINED_URL_PARAM=(.*?)&/;
return regexp.exec(url)[1];
},
getPathToNode: function(node) {
var instance = this;
var parent = node;
var aPath = [];
while(parent != null && parent.getAttrs().io != null) {
aPath.push(instance.getCodeFromUrl(parent.getAttrs().io.url));
parent = parent.getAttrs().parentNode;
}
return aPath.reverse();
},
getSelectedElement: function() {
var instance = this;
var selectedElement = null;
if(instance.globalTree !=null) {
var findChecked = function(parent) {
var attrs = parent.getAttrs();
if(attrs.checked) {
return {
label: attrs.label,
code: instance.getCodeFromUrl(attrs.io.url),
path: instance.getPathToNode(parent)
}
} else if(attrs.children.length > 0 ){
for(var i = 0; i < attrs.children.length; i ++) {
var returnedValue = findChecked(attrs.children[i]);
if(returnedValue != null) {
return returnedValue;
}
}
}
return null;
}
instance.globalTree.eachChildren(function(child){
if(selectedElement == null) {
selectedElement = findChecked(child);
}
});
}
return selectedElement;
},
loadTree: function() {
var instance = this;
//making the ajax call to load the whole tree
var sGetSublevelsUrl = '/o/wiw-webservice/sublevels?WIW_ORGANIZATION_DETAIL_COMBINED_URL_PARAM=' + baseOrganization + '&WIW_ORGANIZATION_DETAIL_LOCALE_PARAM=' + locale + '&WIW_ORGANIZATION_DETAIL_LIST_TYPE_PARAM=RADIO';
Y.io.request(sGetSublevelsUrl, {
dataType: 'json',
method: 'POST',
data: {},
on: {
success: function () {
var json = this.get('responseData');
Y.fire(SelectOrganizationWidget.TREE_LOADED_EVENT, {
currentTarget: instance,
options: json
});
}
}
});
},
renderTree: function(treeData) {
var instance = this;
var host = instance.get('host');
if(Y.one('#blocking-loader')) {
Y.one('#blocking-loader').remove();
}
//A.TreeNode.ATTRS.cssClasses.value.normal.iconHitAreaCollapsed = 'op-icon op-icon-plus tree-hitarea';
// A.TreeNode.ATTRS.cssClasses.value.normal.iconHitAreaExpanded = 'op-icon op-icon-less tree-hitarea';
//A.TreeNode.ATTRS.cssClasses.value.normal.iconLeaf = 'op-icon op-icon-op-bullet-wiw';
var after = {};
var currentValue = instance.get('currentValue');
var aSplited = [];
if(currentValue != null && currentValue.length > 0) {
var aSplited = currentValue;
var LoadIterator = function(values) {
var checkList = function(childrenList, elementToFind, elementsLength) {
var actionTaken = false;
Y.Array.each(childrenList, function(child, index) {
var currentCode = instance.getCodeFromUrl(child.getAttrs().io.url);
if (currentCode == elementToFind) {
//when found the one to click
if (LoadIterator.prototype.NEXT_INDEX == elementsLength - 1) {
child._getStateVal('boundingBox').one('.icon-ok-sign').simulate('click');
LoadIterator.prototype.HAS_FINISHED = true;
actionTaken = true;
} else {
//when found the one to open
LoadIterator.prototype.NEXT_INDEX++;
child._getStateVal('boundingBox').one('.tree-hitarea').simulate('click');
actionTaken = true;
}
}
if(!actionTaken) {
var children = child.getChildren();
if(children.length > 0) {
actionTaken = checkList(children, elementToFind, elementsLength);
}
}
});
return actionTaken;
}
this.setup = function() {
if(!LoadIterator.prototype.HAS_FINISHED) {
var elementToFind = values[LoadIterator.prototype.NEXT_INDEX];
//we need to find it in the current level and select it if it is the last
var treeChildren = instance.globalTree.getChildren();
checkList(treeChildren, elementToFind, values.length);
}
}
}
LoadIterator.prototype = {
HAS_FINISHED: false,
NEXT_INDEX: 0,
VALUES: aSplited
}
after = {
'*:expandedChange': function(e) {
var iterator = new LoadIterator(aSplited);
iterator.setup();
}
}
} else {
after = {
'*:expandedChange': function(e) {
}
}
}
instance.globalTree = new Y.TreeView(
{
type: 'normal',
boundingBox: host,
children: treeData,
after: after,
//children: root
//lazyLoad: true,
/*
io: {
cfg: {
data: function (node) {
return {
parentId: node.get('id')
};
},
method: A.config.io.method
},
url: _this.options.fragmentUrl
}*/
});
instance.globalTree.on('click', function(e){
var validator = instance.get('validator');
validator();
});
instance.globalTree.render();
if(aSplited.length > 0) {
var iterator = new LoadIterator(aSplited);
iterator.setup();
}
},
destructWizard : function(){
if(this.globalTree != null) {
this.globalTree.destroy();
this.globalTree = null;
}
if(this._afterRenderEventHandler != null) {
this._afterRenderEventHandler.detach();
}
},
addAfterRenderEvents: function () {
this.loadTree();
this._afterRenderEventHandler = Y.on(SelectOrganizationWidget.TREE_LOADED_EVENT, function (e) {
var instance = e.currentTarget;
instance.renderTree(e.options);
return false;
});
}
});
Y.SelectOrganizationWidget = SelectOrganizationWidget;
}, 'portalop-2014.05.28-17-20', {
requires:
[
'node',
'base-build',
'plugin',
'classnamemanager',
'attribute-base',
'io-base',
'history-hash',
'wizardTools',
'formWidget',
'dd-constrain',
'dd-proxy',
'dd-drop',
'autocomplete',
'datatype',
'node-event-simulate',
'aui-tree-view'
]
});
/**
* This module generates the public procurement selected procurements widget
*
* @module publicProcurementSelectedWidgetWizard
* @requires baseWidgetList
*/
YUI.add('publicProcurementSelectedWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
/**
* Static constant to refer field 'description'
*
* @property FIELD_DESCRIPTION
* @type String
* @static
* @final
*/
FIELD_DESCRIPTION = 'description',
/**
* Object used to set the MetaTags field types.
* Do not modify, MetaTags types are predefined.
* @type {{TEXT: string, ICON: string, IMAGE: string}}
* @static
* @final
*/
/**
* Static constant to refer field 'header'
*
* @property FIELD_HEADER
* @type String
* @static
* @final
*/
FIELD_HEADER = 'header',
/**
* Static constant to refer field 'footer'
*
* @property FIELD_FOOTER
* @type String
* @static
* @final
*/
FIELD_FOOTER = 'footer',
FIELDTYPE = {TEXT: 'TEXT', ICON: 'ICON', IMAGE: 'IMAGE'},
METADATA_SELECTION_OBJS = [],
METADATA_SAVED_OBJS = 'selectedMetaDataFieldType',
FIELD_LAYOUT = 'layout',
slideShowLayout = {},
/**
* Object used in string replacement on function calls.
* Can be extended in future with other attributes.
* @type {{CHECKBOX: string, INPUT: string, RADIO: string}}
* @static
* @final
*/
ELEMENT_TYPE = {
CHECKBOX: 'CheckboxElement',
INPUT: 'InputElement',
RADIO: 'RadioElement'
},
/**
* Static constant to refer field 'cellarIDs'
*
* @property FIELD_CELLAR_IDS
* @type String
* @static
* @final
*/
FIELD_CELLAR_IDS = 'cellarIDs',
/**
* Static constant to refer field 'permanentLinks'
*
* @property FIELD_PERMANENT_LINKS
* @type String
* @static
* @final
*/
FIELD_PERMANENT_LINKS = 'permanentLinks',
/**
* Object used to set status of elements.
* Can be extended in the future.
* @type {{CHECKBOX_STATUS: string, VALUE: string, NAMESPACE: string}}
* @static
* @final
*/
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE: 'value',
NAMESPACE: 'namespace'
},
FIELD_SELECTED_METADATA = 'selectedMetadata',
/**
* Static constant to refer field 'savedPublications'
*
* @property FIELD_SAVED_PUBLICATIONS
* @type String
* @static
* @final
*/
FIELD_SAVED_PUBLICATIONS = 'savedPublications',
/**
* Static constant to refer field 'selectedInformation'
*
* @property FIELD_SELECTED_INFORMATION
* @type String
* @static
* @final
*/
FIELD_SELECTED_INFORMATION = 'defaultOrderElements',
/**
* Static constant to refer field 'publicationOrder'
*
* @property FIELD_PUBLICATION_ORDER
* @type String
* @static
* @final
*/
FIELD_PUBLICATION_ORDER = 'publicationOrder',
METADATA = [{
value: 'Title',
key: 'title',
type: FIELDTYPE.TEXT
}, {
value: 'Description',
key: 'description',
type: FIELDTYPE.TEXT
}, {
value: 'Published',
key: 'published_date',
type: FIELDTYPE.TEXT
}, {
value: 'Submission deadline',
key: 'submission_deadline',
type: FIELDTYPE.TEXT
}, {
value: 'Status',
key: 'status',
type: FIELDTYPE.TEXT
}, {
value: 'Type of contract',
key: 'type_of_contract',
type: FIELDTYPE.TEXT
}, {
value: 'Buyer',
key: 'buyer',
type: FIELDTYPE.TEXT
}, {
value: 'Estimated contract value',
key: 'estimated_contract_value',
type: FIELDTYPE.TEXT
}, {
value: 'Main CPV Code',
key: 'main_cpv',
type: FIELDTYPE.TEXT
}, {
value: 'Place of performance (NUTS)',
key: 'nuts',
type: FIELDTYPE.TEXT
}];
/**
* Generates the dom and dom events for publication view widget wizard
*
* @param cfg
* @constructor
* @class PublicProcurementSelectedWidgetWizard
* @extends BaseWidgetList
*/
function PublicProcurementSelectedWidgetWizard(cfg) {
PublicProcurementSelectedWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
PublicProcurementSelectedWidgetWizard.NAME = 'PublicProcurementSelectedWidgetWizard';
PublicProcurementSelectedWidgetWizard.NS = 'PublicProcurementSelectedWidgetWizard';
PublicProcurementSelectedWidgetWizard.ATTRS = {
/**
* @Deprecated
*
* Keeps the cellar ids got from the permanent links
*
* @attribute permanentLinks
* @type Array
* @default []
*/
permanentLinks: {
value: []
},
/**
* Keeps the cellar ids got from my publications
*
* @attribute cellarIDs
* @type Array
* @default []
*/
cellarIDs: {
value: []
},
/**
* Keeps the cellar ids got from saved publications
*
* @attribute savedPublications
* @type Array
* @default []
*/
savedPublications: {
value: []
},
/**
* @Deprecated
*
* Keeps the cellar ids got from saved publications and
* the cellar ids got from the permanent links for the default order sort criteria
*
* @attribute defaultOrderElements
* @type Array
* @default []
*/
defaultOrderElements: {
value: ''
},
/**
* Keeps the publication order
*
* @attribute publicationOrder
* @type Array
* @default []
*/
publicationOrder: {
value: ''
},
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* A list of header options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute header
* @type {Array}
* @default []
*/
header: {
value: []
},
/**
* A list of footer options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute footer
* @type {Array}
* @default []
*/
footer: {
value: []
},
/**
* A list of result formats options to be displayed in the widget
* See {{#crossLink 'SearchResultWidgetWizard/OPTIONS:property'}}{{/crossLink}} property for the list of options available
*
* @attribute result formats
* @type {Array}
* @default []
*/
resultFormats: {
value: []
},
/**
* metadata selection refactoring
* array of objects containing selected metadata
* each obect has following propertes
* key - code of metadata attribute
* metadataFieldType - type of metadata attribute
* showLabel - value of showLabel checkbox
* maxLength - number of characters to be displayed
* formatsType - for formats metadata specify if they will be displayed as ICON or TEXT
*
* @type {Array}
*/
selectedMetaDataFieldType: {
value: [
{
"key": "title",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": false
},
{
"key": "published_date",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "status",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "submission_deadline",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "type_of_contract",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "buyer",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "main_cpv",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": true
},
{
"key": "description",
"maxItems": 0,
"maxLength": 0,
"metadataFieldType": "TEXT",
"showLabel": false
},
{
"align": "left",
"key": "shareButton",
"maxItems": 0,
"maxLength": 0,
"showLabel": false
}
]
},
selectedMetadata: {
value: [
"title",
"description",
"published_date",
"submission_deadline",
"status",
"type_of_contract",
"buyer",
"estimated_contract_value",
"main_cpv",
"nuts"
]
},
layoutRows: {
value: 5
},
metadataAppearanceList: {
value: []
},
widgetAppearance: {
},
};
Y.extend(PublicProcurementSelectedWidgetWizard, Y.BaseWidgetList, {
setWizardType: function () {
var instance = this;
instance.set("widgetType", 9);
},
setLoadCalls: function () {
var instance = this;
instance.set("loadCalls", 1);
},
initWizard: function () {
var instance = this,
host = this.get('host');
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.publications.details')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
if(instance.get('layoutColumns') && instance.get('layoutRows')) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50 &&
Y.one(".message-to-show").hasClass('hidden')) {
Y.one(".message-to-show").removeClass('hidden');
} else {
Y.one(".message-to-show").addClass('hidden');
}
}
instance.validateWidget();
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
instance.initLayoutItem();
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: instance.getButtonsBar()
})
]
}).render(host);
instance.fireLoadCallFinished();
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
},
/**
* This panel displays widget title and the selection of publications that will appear in the widget
*
* @method getPropertiesStep
* @return {PanelElement} the panel with widget properties configuration
*/
getGeneralSettings: function () {
var instance = this,
host = instance.get('host'),
isEdit = instance.get('widgetId') > 0;
var metadataOpt = instance.getMetadataTranslation();
var step = new Y.HtmlElement({
id: 'tab-1',
cssClass: 'tab-pane active',
children: [
new Y.PanelElement({
label: instance.t('publication.properties'),
children: [
new Y.InputElement({
label: instance.t('publication.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.InputElement({
label: instance.t('publication.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
/**
* Language selection option. Automatic option or manual selection of language
*/
instance.getLanguageSelector(),
instance.getShowOnlySelectedLanguagePublicationsSelector()
]
}),
new Y.PanelElement({
label: instance.t('publication.publications'),
children: [
new Y.SelectedPublicationsElement({
id: 'selectedPublicationsSelector',
cssClass: 'selected-publications-css-class',
labels: {
availablePublications: instance.t('publication.availablePublications'),
publicationsTableHeader_no: instance.t('publication.table.no'),
publicationsTableHeader_documentTitle: instance.t('publication.table.documentTitle'),
publicationsTableHeader_format: instance.t('publication.table.format'),
publicationsTableHeader_language: instance.t('publication.table.language'),
addPublication: instance.t('publication.add'),
addPermanentLink: instance.t('publication.addPermanentLink'),
selectedPublications: instance.t('publication.selectedPublications'),
sortBy: instance.t('publication.order'),
},
name: FIELD_SAVED_PUBLICATIONS,
fieldSortBy: FIELD_PUBLICATION_ORDER,
sortByCriteria: [
{key: '', value: instance.t('publication.order.default')},
{key: 'PUBLICATION_DATE', value: instance.t('baseWidgetList.orderBy.procurementDate')},
{key: 'TITLE', value: instance.t('publication.order.title')}
],
fieldCellarIds: FIELD_CELLAR_IDS,
fieldCustomOrder: isEdit ? FIELD_SELECTED_INFORMATION : undefined, // backward compatibility
fieldPermanentLinks: isEdit ? FIELD_PERMANENT_LINKS : undefined, // backward compatibility
modelInstance: instance,
getSavedPublicationsURL: Liferay.portal2012[instance.get('namespace') + "myPublicProcurementDocumentsUrl"],
getMissingPublicationsURL: Liferay.portal2012[instance.get('namespace') + "getPublicationsNames"] +
'&' + instance.get('namespace') + 'cellarIds=',
myPublicationsPageURL: Liferay.portal2012[instance.get('namespace') + "myPublicationsPageURL"]
})
]
}),
/**
* Metadata selection, default metadata.
*/
new Y.HtmlElement({
id: instance.get(ELEM_ATTR.NAMESPACE) + "metaselect",
wrapperCssClass: 'row',
children: [
new Y.MetadataEditInTableElement({
label: instance.t('baseWidgetList.displayedMetadata'),
modelInstance: instance,
name: FIELD_SELECTED_METADATA,
options: METADATA,
displayOrderButton: false
})]
}),
new Y.PanelElement({
label: instance.t('publication.targetPage'),
children: [
instance.getTargetPageStep()
]
})
]
});
return step;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSelectedPub"],
data = [],
columns = [],
i,
len;
var widgetElement;
var isEdit = instance.get('widgetId') > 0;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSelectedPub"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
if (widgetList) {
for (i = 0, len = (widgetList.length ); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
publications: widgetElement.publication,
searchClicks: widgetElement.searchClicks,
noImpresions: widgetElement.noImpressions
});
}
}
}
}
columns = [
{
key: 'publications',
label: instance.t('statistics.table.publications'),
width: '60%',
className: 'numeric'
},
{
key: 'noImpresions',
width: '20%',
label: instance.t('statistics.table.impressions'),
sortable: true
},
{
key: 'searchClicks',
width: '20%',
label: instance.t('statistics.table.clicks'),
sortable: true
}
];
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
getAppearanceSettings: function () {
var instance = this,
tab;
var layout = instance.getLayoutStep();
var basicConfiguration = null;
var advancedConfiguration = null;
/**
* Basic config for simple Appearance
*/
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* advanced config for simple Appearance
*/
if (instance.get('metadataAppearanceList') != undefined && instance.get('metadataAppearanceList') != null) {
advancedConfiguration = instance.get('metadataAppearanceList');
}
/**
* Slide show edit configuration
*/
if (instance.get('slideShowLayout') != undefined && instance.get('slideShowLayout') != null) {
slideShowLayout = instance.getLayoutStyleStep(instance.get('slideShowLayout'));
}
else {
slideShowLayout = instance.getLayoutStyleStep(null);
}
/**
* Appearance settings tab configuration.
* if parameters for getDisplayAppearence() doesn't exists, provide null as parameter.
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, true);
instance.after(FIELD_LAYOUT + "Change", function (e) {
var instance = e.currentTarget;
instance._layoutSet();
instance._setLayoutMetadata();
});
instance.after(FIELD_SELECTED_METADATA + "Change", function (e) {
var instance = e.currentTarget;
// remove events
instance._resetLayoutEvents();
instance._layoutSet();
instance._setLayoutMetadata();
});
instance._addDropDownEvents();
instance._layoutSet(true);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
label: instance.t('searchResult.header'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_HEADER)
}),
new Y.HtmlElement({
label: instance.t('searchResult.footer'),
cssClass: 'form-inline',
children: instance.getHeaderFooterOptionList(FIELD_FOOTER)
}),
layout,
slideShowLayout,
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
getStatistics: function () {
var instance = this,
step, i;
step = new Y.PanelElement({
id: 'tab-3',
label: instance.t('publication.properties')
})
return step;
},
getButtonsBar: function () {
var instance = this, toolBar = [];
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('baseWidgetList.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doSaveWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertLayoutStyleToJson();
instance.convertBasicAppearanceMetaObjListToJson(instance.getAdvancedAppearenceMetaDataObjectList());
instance.doGetWidget();
}
}));
toolBar.push(new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
}));
return toolBar;
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
// validate the product rows*columns <50
if(instance.get('layoutColumns') && instance.get('layoutRows') && isValidated) {
if ((instance.get('layoutColumns') * instance.get('layoutRows')) > 50) {
isValidated = false;
}
}
if (isValidated) {
actionButtons.removeClass('disabled');
actionButtons.set('disabled',false)
}
else {
actionButtons.addClass('disabled');
actionButtons.set('disabled',true)
}
return isValidated;
}
});
Y.namespace('Plugin').PublicProcurementSelectedWidgetWizard = PublicProcurementSelectedWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList'
]
});
/**
* This module generates the search box widget wizard
*
* @module organizationWidgetWizard
* @requires wizardTools
*/
YUI.add('organizationWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
/**
* Static constant to refer field 'selectedOrganization'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_SELECTED_ORGANIZATION = 'selectedOrganization',
BASE_ORGANIZATION = 'EURUN/EURUN',
//BASE_ORGANIZATION = 'PUBL/PUBL',
FIELD_DESCRIPTION = 'description';
/**
* Generates the dom and dom events for search box wizard
*
* @param cfg
* @constructor
* @class OrganizationWidgetWizard
* @extends AbstractWizard
*/
function OrganizationWidgetWizard(cfg) {
OrganizationWidgetWizard.superclass.constructor.apply(this, arguments);
}
OrganizationWidgetWizard.NAME = 'OrganizationWidgetWizard';
OrganizationWidgetWizard.NS = 'OrganizationWidgetWizard';
OrganizationWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the target page of the search box
*
* @attribute targetPage
* @type String
* @default {}
*/
targetPage: {
value: ''
},
/**
* Appearance tab
*/
setAppearanceTabs: null,
/**
* Array of objects with the following structure
* {
* type: 'CriteriaType',
* visibleToUsers: true,
* criteriaMandatory: true,
* defaultValue: '',
* cssClass: '',
* weight: ''
* }
*
* @attribute criteria
* @type Array
* @default []
*/
criteria: {
value: []
},
selectedEntity: {
value: ''
},
accessibleEntityLevels: {
values: ''
},
canClickOnPeople: {
value: false
},
collapseExpandEntities: {
value: false
},
showTheBreadCrump: {
value: false
}
};
Y.extend(OrganizationWidgetWizard, Y.BaseWidgetList, {
selectOrganizationWidgetInstance: null,
classifications: {},
initWizard: function () {
var instance = this,
host = this.get('host'),
isEdit = instance.get('widgetId') > 0;
instance.set('widgetType', '6');
var firstLoad = true;
var renderClassifications = function () {
var renderedCheckboxes = "
";
for (var classification in instance.classifications) {
if (classification.length > 0) {
var checkedHtml = "";
var label = instance.classifications[classification].label;
if (instance.classifications[classification].checked) {
checkedHtml = "checked='checked'";
}
renderedCheckboxes += "
" + label + "
";
}
}
renderedCheckboxes += "
";
Y.one('#' + instance.get("namespace") + "accessibleLevelsChecklistContainer").setHTML(renderedCheckboxes);
}
var treeLoadEventHandler = Y.on(Y.SelectOrganizationWidget.TREE_UPDATED_EVENT, function (e) {
if (isEdit && firstLoad) {
firstLoad = false;
return;
}
firstLoad = false;
//we need to parse the classifications and the labels in order to build the options
e.options.forEach(function (element) {
if (typeof instance.classifications[element.classification] == "undefined") {
instance.classifications[element.classification] = {
label: element.classification_label,
checked: false
}
}
});
//updating the html element
renderClassifications([]);
});
instance._addDropDownEvents();
new Y.TabPanelElement({
label: [instance.t('searchResult.general')
, instance.t('searchResult.appearance')
],
children: [
instance.getGeneralSettings()
, instance.getAppearanceSettings()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: [
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!instance.get('widgetId') > 0 ? ' disabled' : ''),
htmlContent: instance.t('searchBox.save'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertSpecificFieldsToJson();
instance.doSaveWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!instance.get('widgetId') > 0 ? ' disabled' : ''),
htmlContent: instance.t('searchBox.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.convertSpecificFieldsToJson();
instance.doGetWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!instance.get('widgetId') > 0 ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
})
]
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.convertSpecificFieldsToJson();
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
},
convertSpecificFieldsToJson: function () {
var instance = this;
var selectedElement = instance._getSelectOrganizationWidget().getSelectedElement();
// instance.set("selectedEntity", selectedElement.path.join("||"));
var selectedEntities = [];
if(selectedElement != null){
for (i = 0; i < selectedElement.path.length; i++) {
var selectedEntity = {};
selectedEntity["value"] = selectedElement.path[i];
selectedEntities.push(selectedEntity);
}
}
if(selectedEntities.length>0){
//ODR-971 - EU WhoIsWho: detail page: button to create a widget does not work as expected
// when user enter in edit mode nothing is selected in the tree and it will lead to an exception
instance.set("selectedEntity", Y.JSON.stringify(selectedEntities));
}
var accesibleLevels = [];
//converting the accesible levels
Y.all('.accessibleLevelsChecklistContainer input').each(function (element) {
var accesibleLevel = {};
accesibleLevel["val"] = element.val();
accesibleLevel["checked"] = (element.attr('checked') ? "true" : "false");
accesibleLevel["title"] = element.attr('title');
accesibleLevels.push(accesibleLevel);
// accesibleLevels += element.val() + '||' + (element.attr('checked') ? "true" : "false") + "||" + element.attr('title') + "||";
});
instance.set("accessibleEntityLevels", Y.JSON.stringify(accesibleLevels));
},
/**
* Retruns DOM objects for the general tab - the widgets components
* @returns {Y.PanelElement} - YUI object that neeeds to be rendered
*/
getGeneralSettings: function () {
var instance = this;
var returnOBJ;
returnOBJ = new Y.PanelElement({
wrapperCssClass: 'tab-pane active',
id: 'tab-1',
children: [
new Y.InputElement({
label: instance.t('searchBox.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget(true)
}
}),
new Y.InputElement({
label: instance.t('searchBox.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
instance.getLanguageSelector(),
instance._createEntitySelectionElement(),
instance._createOptionsElement()
]
});
return returnOBJ;
},
/**
* Retunrns the DOM objects for the Appearance Tab
* @returns {Y.PanelElement} - YUI elements that need to be rendered
*/
getAppearanceSettings: function () {
var instance = this;
var tab;
var basicConfiguration = null;
var advancedConfiguration = null;
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* if parameters for getDisplayAppearence() doesn't exists, provide null as parameter. *
* @type {Y.TabView}
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, false);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
destructWizard: function () {
this._getSelectOrganizationWidget().destructWizard();
this.selectOrganizationWidgetInstance = null;
},
/**
* Returns the DOM structure for options selection
*
* @method _createOptionsElement
* @return {HtmlElement}
* @private
*/
_createOptionsElement: function () {
var instance = this,
children = [], i;
var optionsContainerId = instance.get('namespace') + "optionsContainer";
return new Y.PanelElement({
label: instance.t('organization.options'),
children: [
new Y.HtmlElement({
element: "div",
id: optionsContainerId,
children: [
instance._getAccessibleLevelsOption(),
new Y.CheckboxElement({
label: instance.t('organization.collapseExpandEntities'),
wrapperCssClass: 'col-md-12 check',
checked: (instance.getAttrs().collapseExpandEntities ? true : false),
modelInstance: instance,
//id: FIELD_SHARE_THIS,
onClick: function () {
if (!instance.getAttrs().collapseExpandEntities) {
instance.set("collapseExpandEntities", true);
}
else {
instance.set("collapseExpandEntities", false);
}
}
}),
new Y.CheckboxElement({
label: instance.t('organization.showTheBreadCrump'),
wrapperCssClass: 'col-md-12 check',
checked: (instance.getAttrs().showTheBreadCrump ? true : false),
modelInstance: instance,
//id: FIELD_SHARE_THIS,
onClick: function () {
if (!instance.getAttrs().showTheBreadCrump) {
instance.set("showTheBreadCrump", true);
}
else {
instance.set("showTheBreadCrump", false);
}
}
}),
new Y.CheckboxElement({
label: instance.t('organization.canClickOnPeople'),
wrapperCssClass: 'col-md-12 check',
checked: (instance.getAttrs().canClickOnPeople ? true : false),
modelInstance: instance,
//id: FIELD_SHARE_THIS,
onClick: function () {
if (!instance.getAttrs().canClickOnPeople) {
instance.set("canClickOnPeople", true);
}
else {
instance.set("canClickOnPeople", false);
}
}
})
]
})
]
});
},
_getAccessibleLevelsOption: function () {
var instance = this;
var existingLevels = instance.get('accessibleEntityLevels');
var children = [];
if (existingLevels) {
var splitedLevels = existingLevels;
if (typeof splitedLevels === 'string' || splitedLevels instanceof String) {
splitedLevels = JSON.parse(existingLevels);
}
for (var iLevel = 0; iLevel < splitedLevels.length; iLevel++) {
var value = splitedLevels[iLevel].val;
if (value.length > 0) {
var checked = splitedLevels[iLevel].checked === "true";
var label = splitedLevels[iLevel].title;
instance.classifications[value] = {
label: label,
checked: checked
};
children[children.length] = new Y.HtmlElement({
element: "li",
children: [
new Y.CheckboxElement({
title: label,
checked: checked,
value: value
}),
new Y.HtmlElement({
element: "span",
htmlContent: label
})
]
});
}
}
}
return new Y.HtmlElement({
element: "div",
id: instance.get('namespace') + "accessibleLevelsContainer",
htmlContent: instance.t("organization.accessibleLevels"),
children: [
new Y.HtmlElement({
element: "div",
cssClass: "accessibleLevelsChecklistContainer",
id: instance.get('namespace') + "accessibleLevelsChecklistContainer",
children: [
new Y.HtmlElement({
element: "ul",
children: children
})
]
})
]
})
},
/**
* Returns the DOM structure for entity selection
*
* @method _createEntitySelectionElement
* @return {HtmlElement}
* @private
*/
_createEntitySelectionElement: function () {
var instance = this,
children = [], i;
var sublevelsContainerId = instance.get('namespace') + "sublevelsContainer";
var currentValue = instance.get("selectedEntity");
return new Y.PanelElement({
label: instance.t('organization.entity'),
children: [
new Y.HtmlElement({
element: "div",
id: sublevelsContainerId,
children: [
instance._getSelectOrganizationWidget(currentValue)
]
})
]
});
},
_getSelectOrganizationWidget: function (currentValue) {
var instance = this;
if (this.selectOrganizationWidgetInstance == null) {
this.selectOrganizationWidgetInstance = new Y.SelectOrganizationWidget({
id: 'organizationSelector',
currentValue: currentValue,
baseOrganization: BASE_ORGANIZATION,
locale: Liferay.portal2012[instance.get('namespace') + "locale"],
cssClass: 'selected-publications-css-class',
labels: {
availablePublications: instance.t('publication.availablePublications')
},
name: FIELD_SELECTED_ORGANIZATION,
validator: function () {
instance.validateWidget();
}
});
}
return this.selectOrganizationWidgetInstance;
},
validateWidget: function (name) {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate selected organization */
var selectedElement = instance._getSelectOrganizationWidget().getSelectedElement();
if (selectedElement == null && !name) {
isValidated = false;
}
else {
//updating the levels of the entity that should be accessible
}
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if (isValidated) {
actionButtons.removeClass('disabled');
actionButtons.set('disabled',false)
}
else {
actionButtons.addClass('disabled');
actionButtons.set('disabled',true)
}
},
/**
* Returns an array of available languages and caches the result in
* {{#crossLink 'OrganizationWidgetWizard/CRITERIA_AVAILABLE_LANGUAGES:property'}}{{/crossLink}} property
*
* @method _getAvailableLanguages
* @return {Array} of objects of type {key : 'key', value: 'value'}
* @private
*/
_getAvailableLanguages: function () {
var instance = this;
if (!CRITERIA_AVAILABLE_LANGUAGES) {
CRITERIA_AVAILABLE_LANGUAGES = Liferay.portal2012[instance.get('namespace') + "criteriaAvailableLanguages"];
}
return CRITERIA_AVAILABLE_LANGUAGES;
}
});
Y.namespace('Plugin').OrganizationWidgetWizard = OrganizationWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'node',
'base-build',
'plugin',
'classnamemanager',
'attribute-base',
'io-base',
'history-hash',
'wizardTools',
'formWidget',
'dd-constrain',
'dd-proxy',
'dd-drop',
'autocomplete',
'datatype',
'baseWidgetList',
'selectOrganizationWidget'
]
});
/**
* Created by andreit on 11/1/2016.
*/
YUI.add('publicationStatisticsWidgetWizard', function (Y) {
var FIELD_ID='widgetId',
FIELD_TYPE='widgetType',
FIELD_NAME='widgetName',
FIELD_AUTHOR='widgetAuthor',
FIELD_NO_IMPRESSIONS='widgetNoImpressions',
ELEM_ATTR = {
CHECKBOX_STATUS: 'checked',
VALUE:'value',
NAMESPACE:'namespace'
}
/**
* Generates the dom and dom events for search result widget wizard
*
* @param cfg
* @constructor
* @class SearchResultWidgetWizard
* @extends BaseWidgetList
*/
function PublicationStatisticsWidgetWizard(cfg) {
PublicationStatisticsWidgetWizard.superclass.constructor.apply(this, arguments);
this.initSavedObjects(cfg);
}
PublicationStatisticsWidgetWizard.NAME = 'PublicationStatisticsWidgetWizard';
PublicationStatisticsWidgetWizard.NS = 'PublicationStatisticsWidgetWizard';
PublicationStatisticsWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value:''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value:''
},
/**
* Keeps the source for the results. Can be one of 'widget' or 'source'.
* If the source is 'widget', then the query will be taken from the parent URL and be passed to the server to display the results.
*
* @attribute source
* @type {String}
* @default ''
*/
source: {
value: " "
}
}
Y.extend(PublicationStatisticsWidgetWizard, Y.BaseWidgetList, {
initWizard: function () {
var instance = this, host = this.get('host');
new Y.TabPanelElement({
label: [instance.t('statistics.report'),
instance.t('statistics.selected.publication'),
instance.t('statistics.search.results'),
instance.t('statistics.publications.details'),
instance.t('statistics.search.form')
],
children: [
instance.getAdminStatistics(),
instance.getSelectedPubStatistics(),
instance.getSearchResultStatistics(),
instance.getPublicationDetailsStatics(),
instance.getStatisticsTable()
],
onTabChange: function() {
instance.getWidgetStatistics();
}
}).render(host);
instance.attachPreviewPanel(host, function() {
},function(){
instance.clearCache();
});
},
getAdminStatistics: function() {
var instance = this, tab;
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane active',
id:'tab-1',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.admin.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: [
instance.getTableStatistics()
]
})
]
});
return tab;
},
getSelectedPubStatistics: function() {
var instance = this, tab;
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id:'tab-2',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.publication'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: [
instance.getTableStatistics()
]
})
]
});
return tab;
},
getSearchResultStatistics: function() {
var instance = this, tab;
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id:'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.results'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: [
instance.getTableStatistics()
]
})
]
});
return tab;
},
getPublicationDetailsStatics: function() {
var instance = this, tab;
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id:'tab-4',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.publication.detail'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: [
instance.getTableStatistics()
]
})
]
});
return tab;
},
getStatisticsTable: function() {
var instance = this, tab;
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id:'tab-5',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: [
instance.getTableStatistics()
]
})
]
});
return tab;
},
getTableElement: function(){
var instance = this, tableElem;
tableElem = new Y.TableElement({
label: instance.t('searchResult.description'),
name: FIELD_NAME,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
tableSummary: "Test table",
tableCaption: "Statistics",
cssClass:'widget-table',
tableColumns: ["id", "name", "price"],
tableDate: [
{ id: "ga_3475", name: "gadget", price: "$6.99" },
{ id: "sp_9980", name: "sprocket", price: "$3.75" },
{ id: "wi_0650", name: "widget", price: "$4.25" }
]
})
return tableElem;
},
getTableStatistics: function() {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsList"],
data = [],
columns = [],
i,
len;
var widgetElement;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: widgetElement.visits,
clicks: widgetElement.clicks
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 20);
table.set('pageSizes', [10, 20, 50])
table.set('paginatorLocation', ['footer']);
return table;
}
});
Y.namespace('Plugin').PublicationStatisticsWidgetWizard = PublicationStatisticsWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'baseWidgetList',
'aui-tabview',
'tabview'
]
});
/**
* This module generates the public procurement search form widget
*
* @module publicProcurementSearchBoxWidgetWizard
* @requires wizardTools
*/
YUI.add('publicProcurementSearchBoxWidgetWizard', function (Y) {
var
/**
* Static constant to refer field 'name'
*
* @property FIELD_NAME
* @type String
* @static
* @final
*/
FIELD_NAME = 'name',
FIELD_DESCRIPTION = 'description',
/**
* Static constant to refer field 'resultsPage'
*
* @property FIELD_RESULTS_PAGE
* @type String
* @static
* @final
*/
FIELD_RESULTS_PAGE = 'resultsPage',
/**
* Static constant to refer field 'targetPage'
*
* @property FIELD_TARGET_PAGE
* @type String
* @static
* @final
*/
FIELD_TARGET_PAGE = 'targetPage',
/**
* Static constant to refer field 'criteria'
*
* @property FIELD_CRITERIA
* @type String
* @static
* @final
*/
FIELD_CRITERIA = 'criteria',
/**
* Defines the value that specifies that the search is redirected to eu law and publications website
*
* @property RESULTS_PAGE_EU_LAW
* @type {string}
* @static
* @final
*/
RESULTS_PAGE_EU_LAW = 'a',
/**
* Defines the value that specifies that the search is redirected to the page specified by {{#crossLink 'PublicProcurementSearchBoxWidgetWizard/targetPage:attribute'}}{{/crossLink}}
*
* @property RESULTS_PAGE_OWN
* @type {string}
* @static
* @final
*/
RESULTS_PAGE_OWN = 'b',
/**
* Defines text criteria type
*
* @property CRITERIA_TEXT
* @type {string}
* @static
* @final
*/
CRITERIA_TEXT = 'text',
/**
* Defines CPV criteria type
*
* @property CRITERIA_CPV
* @type {string}
* @static
* @final
*/
CRITERIA_CPV = 'cpv',
/**
* Defines NUTS criteria type
*
* @property CRITERIA_NUTS
* @type {string}
* @static
* @final
*/
CRITERIA_NUTS = 'nuts',
/**
* Defines buyer criteria type
*
* @property CRITERIA_BUYER
* @type {string}
* @static
* @final
*/
CRITERIA_BUYER = 'buyer',
/**
* Defines company awarded contract criteria type
*
* @property CRITERIA_COMPANIES_AWARDED_CONTRACTS
* @type {string}
* @static
* @final
*/
CRITERIA_COMPANIES_AWARDED_CONTRACTS = 'companiesAwardedContracts',
/**
* Defines publicationYear criteria type
*
* @property CRITERIA_YEAR
* @type {string}
* @static
* @final
*/
CRITERIA_YEAR = 'publicationYear',
/**
* Defines status criteria type
*
* @property CRITERIA_STATUS
* @type {string}
* @static
* @final
*/
CRITERIA_STATUS = 'status',
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_OVER
* @type {string}
* @static
*/
SUBSCRIPTION_DD_OVER,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_DRAG
* @type {string}
* @static
*/
SUBSCRIPTION_DD_DRAG,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_START
* @type {string}
* @static
*/
SUBSCRIPTION_DD_START,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_END
* @type {string}
* @static
*/
SUBSCRIPTION_DD_END,
/**
* Keeps dd subscription so it will be removed when plugin is unloaded
*
* @property SUBSCRIPTION_DD_DROP_HIT
* @type {string}
* @static
*/
SUBSCRIPTION_DD_DROP_HIT,
/**
* Keeps a list of available criterias for search
*
* @property AVAILABLE_CRITERIA
* @type {string}
* @static
* @final
*/
AVAILABLE_CRITERIA = [
{
label: 'textSearch',
type: CRITERIA_TEXT,
defaultVisible: true,
defaultMandatory: true
},
{
label: 'cpv',
type: CRITERIA_CPV,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getValuesCPV',
useAjax: true
},
{
label: 'nuts',
type: CRITERIA_NUTS,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getValuesNUTS',
useAjax: true
},
{
label: 'buyer',
type: CRITERIA_BUYER,
defaultVisible: true,
defaultMandatory: false
},
{
label: 'companiesAwardedContracts',
type: CRITERIA_COMPANIES_AWARDED_CONTRACTS,
defaultVisible: true,
defaultMandatory: false
},
{
label: 'publicationYear',
type: CRITERIA_YEAR,
defaultVisible: true,
defaultMandatory: false
},
{
label: 'status',
type: CRITERIA_STATUS,
defaultVisible: true,
defaultMandatory: false,
valuesCallback: '_getAvailableStatus',
multiple: true
},
],
/**
* Caches the available status codes
*
* @property CRITERIA_AVAILABLE_STATUS
* @type {string}
* @static
*/
CRITERIA_AVAILABLE_STATUS,
/**
* Static property to check if the dragged element is dragged up
*
* @property goingUp
* @type {boolean}
* @static
*/
goingUp = false,
/**
* Static property to check Y position of dragged element
*
* @property lastY
* @type {int}
* @static
*/
lastY = 0;
/**
* Generates the dom and dom events for search box wizard
*
* @param cfg
* @constructor
* @class PublicProcurementSearchBoxWidgetWizard
* @extends AbstractWizard
*/
function PublicProcurementSearchBoxWidgetWizard(cfg) {
PublicProcurementSearchBoxWidgetWizard.superclass.constructor.apply(this, arguments);
}
PublicProcurementSearchBoxWidgetWizard.NAME = 'PublicProcurementSearchBoxWidgetWizard';
PublicProcurementSearchBoxWidgetWizard.NS = 'PublicProcurementSearchBoxWidgetWizard';
PublicProcurementSearchBoxWidgetWizard.ATTRS = {
/**
* Keeps the widget name
*
* @attribute name
* @type String
* @default ''
*/
name: {
value: ''
},
/**
* Keeps the widget description
*
* @attribute description
* @type String
* @default ''
*/
description: {
value: ''
},
/**
* Keeps the selected option by the user, referring to form action url
*
* @attribute resultsPage
* @type String
* @default 'a'
*/
resultsPage: {
value: RESULTS_PAGE_EU_LAW
},
/**
* Keeps the target page of the search box
*
* @attribute targetPage
* @type String
* @default {}
*/
targetPage: {
value: ''
},
/**
* Appearance tab
*/
setAppearanceTabs: null,
/**
* Array of objects with the following structure
* {
* type: 'CriteriaType',
* visibleToUsers: true,
* criteriaMandatory: true,
* defaultValue: '',
* cssClass: '',
* weight: ''
* }
*
* @attribute criteria
* @type Array
* @default []
*/
criteria: {
value: []
}
};
Y.extend(PublicProcurementSearchBoxWidgetWizard, Y.BaseWidgetList, {
initWizard: function () {
var instance = this,
host = this.get('host'),
isEdit = instance.get('widgetId') > 0;
instance.set('widgetType', '7');
instance._addDropDownEvents();
var templatesButtonRow = Y.one('#' + instance.get('namespace') + '_templatesButtonRow');
if (templatesButtonRow === null || templatesButtonRow === undefined) {
new Y.HtmlElement({
cssClass: '',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + '_templatesButtonRow',
children: instance.getTemplatesButtonBar()
})
]
}).render(host);
}
new Y.TabPanelElement({
label: [instance.t('searchResult.general'),
instance.t('searchResult.appearance'),
instance.t('statistics.search.form')
],
children: [
instance.getGeneralSettings(),
instance.getAppearanceSettings(),
instance.getStatisticsTable()
],
onTabChange: function (e) {
var currentTab = e.currentTarget;
if (currentTab) {
var tabIndex = currentTab.ancestor().all('li').indexOf(currentTab);
instance.displayPreviewNode(tabIndex == 1);
}
}
}).render(host);
instance.setAppearanceTabs.render(Y.one("#sr-widget-inner"));
instance.advancedToBasicAppearanceCSS();
var isExistentWidget = (parseInt(instance.get('widgetId')) > 0);
new Y.PanelElement({
wrapperCssClass: 'tab-pane',
children: [
new Y.HtmlElement({
cssClass: 'button-row',
id: instance.get('namespace') + "_buttonRow",
children: [
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' disabled' : ''),
htmlContent: instance.t('searchBox.save'),
onClick: function (e) {
if (!instance.validateWidget()) {
return;
}
instance.convertBasicAppearanceObjListToJson();
instance.doSaveWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right get-button' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('searchBox.getCode'),
onClick: function (e) {
instance.convertBasicAppearanceObjListToJson();
instance.doGetWidget()
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary pull-right' + (!isExistentWidget ? ' hidden' : ''),
htmlContent: instance.t('baseWidgetList.cancel'),
onClick: function (e) {
instance.doReturnToMyWidgets();
}
})
]
})
]
}).render(host);
instance.attachPreviewPanel(host, function () {
instance.convertBasicAppearanceObjListToJson();
instance.doPreviewWidget();
}, function () {
instance.clearCache();
});
var criteriaList = host.one('.criteria-list'),
id = criteriaList.get('id');
var lis = host.one('.criteria-list').all('.available-criteria');
lis.each(function (v, k) {
var dd = new Y.DD.Drag({
node: v,
target: {
padding: '0 0 0 20'
}
}).plug(Y.Plugin.DDProxy, {
moveOnEnd: false
}).plug(Y.Plugin.DDConstrained, {
constrain2node: '#' + id
});
});
//Create simple targets for the 2 lists.
new Y.DD.Drop({
node: criteriaList
});
},
/**
* Retruns DOM objects for the general tab - the widgets components
* @returns {Y.PanelElement} - YUI object that neeeds to be rendered
*/
getGeneralSettings: function () {
var instance = this;
var returnOBJ;
returnOBJ = new Y.PanelElement({
wrapperCssClass: 'tab-pane active',
id: 'tab-1',
children: [
new Y.InputElement({
label: instance.t('searchBox.name'),
name: FIELD_NAME,
modelInstance: instance,
placeholder: instance.t('baseWidgetList.name.placeholder'),
cssClass: 'widget-input',
required: true,
validateFunction: function () {
instance.validateWidget()
}
}),
new Y.InputElement({
label: instance.t('searchBox.description'),
name: FIELD_DESCRIPTION,
placeholder: instance.t('baseWidgetList.description.placeholder'),
modelInstance: instance,
cssClass: 'widget-input'
}),
instance.getLanguageSelector(),
instance._createCriteriaElements(),
new Y.HtmlElement({
label: instance.t('searchBox.resultsPage'),
children: [
new Y.RadioElement({
label: instance.t('searchBox.useTheResultsPageOfEuLawAndPublicationsWebsite'),
value: RESULTS_PAGE_EU_LAW,
modelInstance: instance,
name: FIELD_RESULTS_PAGE
}),
new Y.RadioElement({
label: instance.t('searchBox.ownResultsPage'),
value: RESULTS_PAGE_OWN,
modelInstance: instance,
name: FIELD_RESULTS_PAGE
})
]
}),
new Y.InputElement({
label: instance.t('searchBox.targetPage'),
name: FIELD_TARGET_PAGE,
modelInstance: instance
})
]
});
return returnOBJ;
},
/**
* Retunrns the DOM objects for the Appearance Tab
* @returns {Y.PanelElement} - YUI elements that need to be rendered
*/
getAppearanceSettings: function () {
var instance = this;
var tab;
var basicConfiguration = null;
var advancedConfiguration = null;
if (instance.get('widgetAppearance') != undefined && instance.get('widgetAppearance') != null) {
basicConfiguration = instance.get('widgetAppearance');
}
/**
* if parameters for getDisplayAppearence() doesn't exists, provide null as parameter. *
* @type {Y.TabView}
*/
instance.setAppearanceTabs = instance.getDisplayAppearence(basicConfiguration, advancedConfiguration, true, false);
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-2',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner',
label: 'Set appearance',
wrapperCssClass: 'widget-display-options col-md-12'
})
]
});
return tab;
},
getStatisticsTable: function () {
var instance = this, tab;
var isEdit = instance.get('widgetId') > 0;
var tableStatistics = [];
tableStatistics.push(instance.getTableStatistics());
if (isEdit) {
tableStatistics.push(instance.getTableDetaliedStatistics());
}
tab = new Y.PanelElement({
wrapperCssClass: 'tab-pane',
id: 'tab-3',
children: [
new Y.HtmlElement({
id: 'sr-widget-inner2',
label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
children: tableStatistics
}),
new Y.HtmlElement({
id: 'sr-widget-inner2',
// label: instance.t('statistics.label.search.report'),
wrapperCssClass: 'widget-display-statistics col-md-12 sr-widget-inner',
cssClass: 'col-md-12',
htmlContent: '' + instance.t('statistics.download') + ''
})
]
});
return tab;
},
getTableStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchForm"],
data = [],
columns = [],
i,
len;
var isEdit = instance.get('widgetId') > 0;
var widgetElement;
if (widgetList) {
for (i = 0, len = widgetList.length; i < len; i++) {
widgetElement = widgetList[i];
data.push({
id: widgetElement.widgetID,
widgetType: widgetElement.widgetType,
widgetName: widgetElement.widgetName,
creator: widgetElement.userId,
impressionsNo: widgetElement.noImpressions,
visits: parseInt(widgetElement.visits),
clicks: parseInt(widgetElement.clicksPerm + widgetElement.clicksSearch)
});
}
}
columns = [
{
key: 'id',
label: instance.t('statistics.table.id'),
width: '8.33%',
className: 'numeric'
},
{
key: 'widgetType',
width: '8.33%',
label: instance.t('statistics.table.type'),
sortable: true
},
{
key: 'widgetName',
label: instance.t('statistics.table.name'),
width: '50%'
},
{
key: 'creator',
label: instance.t('statistics.table.creator'),
width: '8.33%'
},
{
key: 'impressionsNo',
label: instance.t('statistics.table.impressions'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'visits',
label: instance.t('statistics.table.visits'),
width: '8.33%',
className: 'numeric',
sortable: true
},
{
key: 'clicks',
label: instance.t('statistics.table.clicks'),
width: '8.33%',
className: 'numeric',
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
if (!isEdit) {
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
}
return table;
},
getTableDetaliedStatistics: function () {
var instance = this;
var widgetList = Liferay.portal2012[instance.get('namespace') + "widgetStatisticsListSearchForm"],
data = [],
columns = [],
i, j,
len, lenJ;
var isEdit = instance.get('widgetId') > 0;
var widgetElement, detailsWidgetElement = [];
if (widgetList) {
for (i = 0, len = (widgetList.length - 1); i < len; i++) {
if (widgetList[i].publicationStatisticsDTOList) {
detailsWidgetElement = widgetList[i].publicationStatisticsDTOList;
for (j = 0, lenJ = detailsWidgetElement.length; j < lenJ; j++) {
widgetElement = detailsWidgetElement[j];
data.push({
searchTerms: widgetElement.searchTerms,
noSearches: widgetElement.noSearches
});
}
}
}
}
columns = [
{
key: 'searchTerms',
label: instance.t('statistics.table.search.terms'),
width: '80%',
className: 'numeric'
},
{
key: 'noSearches',
width: '20%',
label: instance.t('statistics.table.number.searches'),
sortable: true
}
]
var table = new Y.DataTable({
columns: columns,
data: data
});
table.set('rowsPerPage', 25);
table.set('pageSizes', [10, 25, 50])
table.set('paginatorLocation', ['footer']);
return table;
},
destructWizard: function () {
if (SUBSCRIPTION_DD_DRAG) {
SUBSCRIPTION_DD_DRAG.detach();
}
if (SUBSCRIPTION_DD_DROP_HIT) {
SUBSCRIPTION_DD_DROP_HIT.detach();
}
if (SUBSCRIPTION_DD_END) {
SUBSCRIPTION_DD_END.detach();
}
if (SUBSCRIPTION_DD_OVER) {
SUBSCRIPTION_DD_OVER.detach();
}
if (SUBSCRIPTION_DD_START) {
SUBSCRIPTION_DD_START.detach();
}
},
/**
* Returns the DOM structure for search criteria elements, using the
* {{#crossLink 'PublicProcurementSearchBoxWidgetWizard/AVAILABLE_CRITERIA:property'}}{{/crossLink}} property
*
* @method _createCriteriaElements
* @return {HtmlElement}
* @private
*/
_createCriteriaElements: function () {
var instance = this,
children = [], i,
defaultCriteria = AVAILABLE_CRITERIA.slice(0),
availableCriteria = instance.get(FIELD_CRITERIA);
defaultCriteria.sort(function (a, b) {
var aCriteria, bCriteria;
for (var i = 0; i < availableCriteria.length && !(aCriteria && bCriteria); i++) {
if (!aCriteria && availableCriteria[i].type == a.type) {
aCriteria = availableCriteria[i];
} else if (!bCriteria && availableCriteria[i].type == b.type) {
bCriteria = availableCriteria[i];
}
}
if (!aCriteria && !bCriteria) {
return 0;
}
if (!aCriteria) {
return 1;
}
if (!bCriteria) {
return -1;
}
if (aCriteria.weight > bCriteria.weight) {
return 1;
} else {
return -1;
}
});
for (i = 0; i < defaultCriteria.length; i++) {
var criteria = defaultCriteria[i],
wrapperCssClass = 'available-criteria',
selected = false;
for (var j = 0; j < availableCriteria.length; j++) {
if (criteria.type == availableCriteria[j].type) {
selected = true;
break;
}
}
children.push(new Y.HtmlElement({
label: instance.t(criteria.label),
wrapperCssClass: wrapperCssClass + (selected ? " active" : ''),
// Keep the criteria type in id
id: 'criteria_' + criteria.type,
children: [
new Y.InputElement({
type: 'hidden',
value: criteria.type,
cssClass: 'criteria-type'
}),
new Y.HtmlElement({
htmlContent: instance.t('searchBox.edit'),
cssClass: 'criteria-edit',
onClick: function (e) {
instance._doEditCriteria(e);
}
}),
new Y.CheckboxElement({
cssClass: 'criteria-toggle',
checked: selected ? 'true' : '',
onClick: function (e) {
instance._doSelectCriteria(e);
}
})
]
}));
}
return new Y.HtmlElement({
label: instance.t('searchBox.searchCriteria'),
cssClass: 'container-fluid container-fluid-legacy',
children: [
new Y.HtmlElement({
cssClass: 'row-legacy',
children: [
new Y.HtmlElement({
cssClass: 'col-xs-6 criteria-list',
id: instance.get('namespace') + 'criteria_selector',
children: children,
required: true,
validateFunction: function () {
instance.validateWidget();
}
}),
new Y.HtmlElement({
cssClass: 'col-xs-6 edit-criteria',
children: []
})
]
})
]
});
},
validateWidget: function () {
var instance = this;
var host = instance.get('host');
var isValidated = true;
var actionButtons = host.one("#" + instance.get('namespace') + "_buttonRow").all('.btn');
/* validate criteria toggles list */
var criteriaToggles = host.one('#' + instance.get('namespace') + 'criteria_selector').all('.criteria-toggle');
var isCriteriaValidated = false;
criteriaToggles.each(function (criteriaToggle) {
if (criteriaToggle.get('checked')) {
isCriteriaValidated = true;
}
});
if (!isCriteriaValidated) {
isValidated = false;
}
/* validate text inputs with required attribute */
host.all('input[required]').each(function () {
if (this.get('type') && this.get('type') == 'text') {
if (!this.get('value') || this.get('value').length <= 0) {
isValidated = false;
}
}
});
if (isValidated) {
actionButtons.removeClass('disabled');
} else {
actionButtons.addClass('disabled');
}
return isValidated;
},
/**
* Returns an array of available statuses and caches the result in
* {{#crossLink 'PublicProcurementSearchBoxWidgetWizard/CRITERIA_AVAILABLE_STATUS:property'}}{{/crossLink}} property
*
* @method _getAvailableStatus
* @return {Array} of objects of type {key : 'key', value: 'value'}
* @private
*/
_getAvailableStatus: function () {
var instance = this;
if (!CRITERIA_AVAILABLE_STATUS) {
CRITERIA_AVAILABLE_STATUS = Liferay.portal2012[instance.get('namespace') + "criteriaAvailableProcurementStatus"];
}
return CRITERIA_AVAILABLE_STATUS;
},
/**
* Returns the URL used by AutoComplete to search in the server for CPV values
*
* @method _getValuesCPV
* @return {String}
* @private
*/
_getValuesCPV: function () {
var instance = this,
defaultLanguage = instance.getDefaultLanguage();
return '/o/opportal-service/autocomplete/cpv?language=' + defaultLanguage + '&chars={query}';
},
/**
* Returns the URL used by AutoComplete to search in the server for NUTS values
*
* @method _getValuesNUTS
* @return {String}
* @private
*/
_getValuesNUTS: function () {
var instance = this,
defaultLanguage = instance.getDefaultLanguage();
return '/o/opportal-service/autocomplete/nuts?language=' + defaultLanguage + '&chars={query}';
},
/**
* Callback method executed when the user presses edit on a selected criteria
*
* @method _doEditCriteria
* @param e
* @private
*/
_doEditCriteria: function (e) {
var instance = this,
host = instance.get('host'),
editArea = host.one('.edit-criteria'),
criteriaSelectedElement = Y.one(e.currentTarget).ancestor("div.available-criteria"),
criteriaId = criteriaSelectedElement.one('.criteria-type').get('value'),
criteria, i, tempCriteria, selectedCriteria, valuesElement, messageBubble;
var renderElementList = [];
editArea.empty();
for (i = 0; i < AVAILABLE_CRITERIA.length; i++) {
tempCriteria = AVAILABLE_CRITERIA[i];
if (criteriaId == tempCriteria.type) {
criteria = tempCriteria;
break;
}
}
for (i = 0; i < instance.get(FIELD_CRITERIA).length; i++) {
tempCriteria = instance.get(FIELD_CRITERIA)[i];
if (criteriaId == tempCriteria.type) {
selectedCriteria = tempCriteria;
break;
}
}
if (!criteria || !selectedCriteria) {
return;
}
if (criteria.valuesCallback && !criteria.useAjax) {
valuesElement = new Y.SelectBoxElement({
label: instance.t('searchBox.defaultValue'),
name: 'defaultValue',
cssClass: 'default-value',
options: instance[criteria.valuesCallback](),
value: selectedCriteria.defaultValue,
multiple: criteria.multiple ? true : false
});
if (criteria.multiple) {
messageBubble = new Y.HtmlElement({
wrapperCssClass: 'glyphicon glyphicon-asterisk',
cssClass: 'info-message',
htmlContent: instance.t('baseWidgetList.message.help')
});
}
} else if (criteria.valuesCallback && criteria.useAjax) {
valuesElement = new Y.AutoCompleteElement({
label: instance.t('searchBox.defaultValue'),
name: 'defaultValue',
cssClass: 'default-value',
selectedOptions: selectedCriteria.defaultValue,
cacheNamespace: "publicProcurementSearchBoxWidgetWizard" + criteria.type,
source: instance[criteria.valuesCallback]()
});
} else {
valuesElement = new Y.InputElement({
label: instance.t('searchBox.defaultValue'),
name: 'defaultValue',
cssClass: 'default-value',
value: selectedCriteria.defaultValue && selectedCriteria.defaultValue.length > 0 ? selectedCriteria.defaultValue[0] : ""
});
}
/**
* Construction of the render list of elements
*/
renderElementList.push(
new Y.CheckboxElement({
label: instance.t('searchBox.visibleToUsers'),
name: 'visibleToUsers',
cssClass: 'visible-to-users',
value: 1,
checked: selectedCriteria.visibleToUsers
})
);
renderElementList.push(
new Y.CheckboxElement({
label: instance.t('searchBox.criteriaMandatory'),
name: 'criteriaMandatory',
cssClass: 'criteria-mandatory',
value: 1,
checked: selectedCriteria.criteriaMandatory
})
);
renderElementList.push(valuesElement);
//If there is no help message
if (messageBubble != undefined) {
renderElementList.push(messageBubble);
}
renderElementList.push(
new Y.InputElement({
label: instance.t('searchBox.cssClass'),
name: 'cssClass',
cssClass: 'css-class',
value: selectedCriteria.cssClass
})
);
renderElementList.push(
new Y.HtmlElement({
cssClass: 'button-row',
children: [
new Y.HtmlElement({
element: 'button',
cssClass: 'btn btn-primary',
htmlContent: instance.t('searchBox.save'),
onClick: function (e) {
var allCriteria = instance.get(FIELD_CRITERIA);
selectedCriteria.visibleToUsers = editArea.one('.visible-to-users').get('checked');
selectedCriteria.criteriaMandatory = editArea.one('.criteria-mandatory').get('checked');
if (criteria.valuesCallback && !criteria.useAjax) {
selectedCriteria.defaultValue = editArea.one('.default-value').all('option:checked').get('value');
} else if (criteria.useAjax) {
selectedCriteria.defaultValue = valuesElement.get("selectedOptions");
} else {
selectedCriteria.defaultValue = [editArea.one('.default-value').get('value')];
}
selectedCriteria.cssClass = editArea.one('.css-class').get('value');
for (i = 0; i < allCriteria.length; i++) {
if (selectedCriteria.type == allCriteria.type) {
break;
}
}
if (i < allCriteria.length) {
allCriteria.splice(i, 1, selectedCriteria);
}
editArea.empty();
}
}),
new Y.HtmlElement({
element: 'button',
cssClass: 'btn',
htmlContent: instance.t('searchBox.cancel'),
onClick: function (e) {
editArea.empty();
}
})
]
})
)
new Y.HtmlElement({
label: instance.t(criteria.label),
children: renderElementList
}).render(editArea);
},
/**
* Callback method executed when the user selects the criteria
*
* @method _doSelectCriteria
* @param e
* @private
*/
_doSelectCriteria: function (e) {
var instance = this,
criteriaSelected = Y.one(e.currentTarget).ancestor("div.available-criteria"),
criteriaId = criteriaSelected.one('.criteria-type').get('value'),
criteria, i;
criteriaSelected.toggleClass('active');
for (i = 0; i < AVAILABLE_CRITERIA.length; i++) {
var tempCriteria = AVAILABLE_CRITERIA[i];
if (criteriaId == tempCriteria.type) {
criteria = tempCriteria;
break;
}
}
if (!criteria) {
return;
}
if (criteriaSelected.hasClass('active')) {
instance._doAddCriteria(criteria, criteriaSelected);
} else {
instance._doRemoveCriteria(criteria);
}
},
/**
* Adds a criteria in the {{#crossLink 'PublicProcurementSearchBoxWidgetWizard/criteria:attribute'}}{{/crossLink}} attribute
*
* @method _doAddCriteria
* @param criteria
* @param criteriaSelected
* @private
*/
_doAddCriteria: function (criteria, criteriaSelected) {
var instance = this, i,
availableCriteria = instance.get(FIELD_CRITERIA),
criteriaList = Y.one('.criteria-list').all('div.available-criteria'),
weight = criteriaList.indexOf(criteriaSelected);
for (i = 0; i < availableCriteria.length; i++) {
if (criteria.type == availableCriteria[i].type) {
return;
}
}
availableCriteria.push({
type: criteria.type,
visibleToUsers: criteria.defaultVisible,
criteriaMandatory: criteria.defaultMandatory,
defaultValue: [],
cssClass: '',
weight: weight
});
instance.set(FIELD_CRITERIA, availableCriteria);
instance.resetCriteriaWeights();
},
/**
* Removes a criteria from the {{#crossLink 'PublicProcurementSearchBoxWidgetWizard/criteria:attribute'}}{{/crossLink}} attribute
*
* @method _doRemoveCriteria
* @param criteria
* @private
*/
_doRemoveCriteria: function (criteria) {
var instance = this, i,
host = instance.get('host'),
editArea = host.one('.edit-criteria'),
availableCriteria = instance.get(FIELD_CRITERIA);
for (i = 0; i < availableCriteria.length; i++) {
if (criteria.type == availableCriteria[i].type) {
break;
}
}
if (i < availableCriteria.length) {
availableCriteria.splice(i, 1);
}
instance.set(FIELD_CRITERIA, availableCriteria);
editArea.empty();
},
/**
* Adds drop down events for the criteria list
*
* @method _addDropDownEvents
* @private
*/
_addDropDownEvents: function () {
var instance = this;
//Listen for all drop:over events
SUBSCRIPTION_DD_OVER = Y.DD.DDM.on('drop:over', function (e) {
//Get a reference to our drag and drop nodes
var drag = e.drag.get('node'),
drop = e.drop.get('node');
//Are we dropping on a li node?
if (drop.hasClass('available-criteria')) {
//Are we not going up?
if (!goingUp) {
drop = drop.get('nextSibling');
}
//Add the node to this list
e.drop.get('node').get('parentNode').insertBefore(drag, drop);
//Resize this nodes shim, so we can drop on it later.
e.drop.sizeShim();
}
});
//Listen for all drag:drag events
SUBSCRIPTION_DD_DRAG = Y.DD.DDM.on('drag:drag', function (e) {
//Get the last y point
var y = e.target.lastXY[1];
//is it greater than the lastY var?
if (y < lastY) {
//We are going up
goingUp = true;
} else {
//We are going down.
goingUp = false;
}
//Cache for next check
lastY = y;
});
//Listen for all drag:start events
SUBSCRIPTION_DD_START = Y.DD.DDM.on('drag:start', function (e) {
//Get our drag object
var drag = e.target;
//Set some styles here
drag.get('node').setStyle('opacity', '.25');
drag.get('dragNode').set('innerHTML', drag.get('node').get('innerHTML'));
drag.get('dragNode').setStyles({
opacity: '.5',
borderColor: drag.get('node').getStyle('borderColor'),
backgroundColor: drag.get('node').getStyle('backgroundColor')
});
});
//Listen for a drag:end events
SUBSCRIPTION_DD_END = Y.DD.DDM.on('drag:end', function (e) {
var drag = e.target;
//Put our styles back
drag.get('node').setStyles({
visibility: '',
opacity: '1'
});
});
//Listen for all drag:drophit events
SUBSCRIPTION_DD_DROP_HIT = Y.DD.DDM.on('drag:drophit', function (e) {
var drop = e.drop.get('node'),
drag = e.drag.get('node');
//if we are not on a child, we must have been dropped on a parent
if (drop.hasClass('criteria-list')) {
if (!drop.contains(drag)) {
drop.appendChild(drag);
}
}
instance.resetCriteriaWeights();
});
},
/**
* Resets the criteria weights
*
* @method resetCriteriaWeights
* @private
*/
resetCriteriaWeights: function () {
var instance = this, j, i, type,
availableCriteria = instance.get(FIELD_CRITERIA),
criteriaList = Y.one('.criteria-list') ? Y.one('.criteria-list').all('.criteria-type') : [];
for (j = 0; j < availableCriteria.length; j++) {
for (i = 0; i < criteriaList.size(); i++) {
type = criteriaList.item(i).get('value');
if (type == availableCriteria[j].type) {
availableCriteria[j].weight = i;
break;
}
}
}
;
instance.set(FIELD_CRITERIA, availableCriteria);
}
});
Y.namespace('Plugin').PublicProcurementSearchBoxWidgetWizard = PublicProcurementSearchBoxWidgetWizard;
}, 'portalop-2014.05.28-17-20', {
requires: [
'node',
'base-build',
'plugin',
'classnamemanager',
'attribute-base',
'io-base',
'history-hash',
'wizardTools',
'baseWidgetList',
'formWidget',
'dd-constrain',
'dd-proxy',
'dd-drop',
'autocomplete',
'datatype'
]
});
var openPopup = function (url, title) {
AUI().use('node', 'opportal-dialog', function (Y) {
Y.opportalDialog.show(url, title ? title : '', 'auto');
});
};
/**
* This module generates the semantic search widget wizard
*
* @module wizardTools
* @requires opportalDialog
*/
YUI.add('wizardTools', function (Y) {
var
/**
* Keeps the class name manager to generate yui namespace classes
*
* @attribute getCN
* @type {function}
* @static
* @final
*/
getCN = Y.ClassNameManager.getClassName,
/**
* Keeps the processed class that will be attached on the main element to prevent double processing
*
* @attribute CLS_PROCESSED
* @type {String}
* @static
* @final
*/
CLS_PROCESSED = getCN('wizardTools'),
/**
* Keeps the HashChange event
*
* @attribute EVENT_HASH_CHANGE
* @type {String}
* @static
* @final
* @deprecated
*/
EVENT_HASH_CHANGE = 'hashchange',
/**
* Keeps the url executed to save a widget
*
* @attribute URL_SAVE_WIDGET
* @type {String}
* @static
*/
URL_SAVE_WIDGET,
/**
* Keeps the url executed to preview a widget
*
* @attribute URL_PREVIEW_WIDGET
* @type {String}
* @static
*/
URL_PREVIEW_WIDGET,
/**
* Keeps the url executed to return to widgets list
*
* @attribute URL_RETURN_TO_MY_WIDGETS
* @type {String}
* @static
*/
URL_RETURN_TO_MY_WIDGETS,
/**
* Keeps the url executed to get a widget
*
* @attribute URL_GET_WIDGET
* @type {String}
* @static
*/
URL_GET_WIDGET,
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_SEARCH_BOX
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_SEARCH_BOX = "1",
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_SEARCH_RESULTS
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_SEARCH_RESULTS = "2",
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_PUBLICATION_VIEW
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_PUBLICATION_VIEW = "3",
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_SEMANTIC_SEARCH
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_SEMANTIC_SEARCH = "4",
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_PUBLICATION_DETAIL
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_PUBLICATION_DETAIL = "5",
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_ORGANIZATION
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_ORGANIZATION = "6",
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_PUBLIC_PROCUREMENT_SEARCH
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_PUBLIC_PROCUREMENT_SEARCH = '7',
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_PUBLIC_PROCUREMENT_SEARCH_RESULT
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_PUBLIC_PROCUREMENT_SEARCH_RESULT = '8',
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_PUBLIC_PROCUREMENT_SELECTED
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_PUBLIC_PROCUREMENT_SELECTED = '9',
/**
* Keeps the widget type id for validation
*
* @attribute WIDGET_TYPE_PUBLIC_PROCUREMENT_DETAILS
* @type {string}
* @static
* @final
*/
WIDGET_TYPE_PUBLIC_PROCUREMENT_DETAILS = '10',
/**
* Keeps the loader node, to display while the widget wizard is loading
*
* @attribute LOADER
* @type {Node}
* @static
*/
LOADER = undefined,
/**
* Event fired when all calls are finished
*
* @event loadCallFinished
* @type {string}
* @static
*/
EVENT_LOAD_CALL_FINISHED = 'loadCallFinished',
/**
* default properties from YUI and other cyclic properties
* @attribute RESERVED_ATTRS
* @type {Array}
* @static
* @final
*/
RESERVED_ATTRS = ['host', 'destroyed', 'initialized', 'templateList'],
/**
* Keeps the labels translations
*
* @attribute TRANSLATED_LABELS
* @static
*/
TRANSLATED_LABELS,
/**
* Keeps the default language
*
* @attribute DEFAULT_LANGUAGE
* @static
*/
DEFAULT_LANGUAGE,
/**
* Keeps the available languages
*
* @attribute AVAILABLE_LANGUAGES
* @static
*/
AVAILABLE_LANGUAGES,
LANG_OPTION = 'languageOptionSelection',
LANG_OPTION_SELECTION = 'languageOptionSelectedLang',
SELECTED_LANGUAGE_OPTION = {
AUTO: 'auto',
MANUAL: 'manual'
},
FIELD_LANGUAGE = 'language',
FIELD_LANGUAGE_CALLBACK = 'languageCallback',
PREVIEW_BOX = 'previewBox',
PREVIEW_BOX_NODE = undefined,
PREVIEW_BOX_REFRESH = 'previewRefresh',
CLEAR_CACHE = 'clearCache',
/**
* Keeps the url executed to save a widget
*
* @attribute URL_SAVE_WIDGET
* @type {String}
* @static
*/
URL_NO_ACTION_SAVE_WIDGET;
/**
* This is an abstract class, further extended by all other wizard classes
*
* @param cfg
* @class AbstractWizard
* @constructor
* @extends Plugin.Base
*/
var AbstractWizard = function (cfg) {
AbstractWizard.superclass.constructor.apply(this, arguments);
};
AbstractWizard.ATTRS = {
/**
* The unique namespace for this portlet
*
* @attribute namespace
* @type {String}
* @default ''
*/
namespace: {
value: ''
},
/**
* The systemId under which this portlet executes
*
* @attribute systemId
* @type {String}
* @default ''
* @deprecated
*/
systemId: {
value: ''
},
/**
* The widget id to be send to the portlet action, if is editable
*
* @attribute widgetId
* @type {Number}
* @default 0
*/
widgetId: {
value: 0
},
/**
* The widget type to be send to the portlet action
*
* @attribute widgetType
* @type {String}
* @default ''
*/
widgetType: {
value: '',
validator: function (val, name) {
return (val == WIDGET_TYPE_SEARCH_BOX || val == WIDGET_TYPE_SEARCH_RESULTS ||
val == WIDGET_TYPE_PUBLICATION_VIEW || val == WIDGET_TYPE_SEMANTIC_SEARCH || val == WIDGET_TYPE_PUBLICATION_DETAIL || val == WIDGET_TYPE_ORGANIZATION ||
val == WIDGET_TYPE_PUBLIC_PROCUREMENT_SEARCH || val == WIDGET_TYPE_PUBLIC_PROCUREMENT_SEARCH_RESULT ||
val == WIDGET_TYPE_PUBLIC_PROCUREMENT_SELECTED || val == WIDGET_TYPE_PUBLIC_PROCUREMENT_DETAILS);
}
},
/**
* The number of calls waiting to be loaded
*
* @attribute loadCalls
* @type {Int}
* @default 0
*/
loadCalls: {
value: 0
},
/**
* The language widget is displayed in.
* If 'auto' is selected, the widget will try to take the language from:
* - URL - if the url is like /{language}/*
* - browser.
*
* If 'callback' is selected, the callback method will be executed
*
* @attribute language
* @type {String}
* @default 'auto'
*/
language: {
value: 'auto'
},
/**
* The language widget is displayed in.
* If 'auto' is selected, the widget will try to take the language from:
* - URL - if the url is like /{language}/*
* - browser.
*
* If 'callback' is selected, the callback method will be executed.
* The callback method must be a function available in the page where the widget will be placed.
*
* @attribute languageCallback
* @type {String}
* @default ''
*/
languageCallback: {
value: ''
}
};
Y.extend(AbstractWizard, Y.Plugin.Base, {
/**
* Sets the {{#crossLink 'AbstractWizard/widgetType:attribute}}{{/crossLink}} accordingly
*
* @method setWizardType
*/
setWizardType: function () {
},
/**
* Returns language selector
* @returns {Y.HtmlElement}
*/
getLanguageSelector: function () {
var instance = this;
var langSelector;
var languageAuto;
var languageManual;
var langSelectorManual;
var langSelectorList;
languageAuto = new Y.RadioElement({
label: instance.t('searchResult.lang.multilingual'),
value: SELECTED_LANGUAGE_OPTION.AUTO,
modelInstance: instance,
name: LANG_OPTION,
checked: instance.get("language") == SELECTED_LANGUAGE_OPTION.AUTO ? true : false,
id: instance.get('namespace') + "_" + LANG_OPTION + '_' + SELECTED_LANGUAGE_OPTION.AUTO,
onChange: function (e) {
instance.setLanguageWidgetLanguage(instance.getDefaultLanguage(), SELECTED_LANGUAGE_OPTION.AUTO);
}
});
langSelectorManual = new Y.RadioElement({
label: instance.t('searchResult.lang.multilingual.selection'),
value: SELECTED_LANGUAGE_OPTION.MANUAL,
modelInstance: instance,
wrapperCssClass: '',
name: LANG_OPTION,
checked: instance.get("language") != SELECTED_LANGUAGE_OPTION.AUTO ? true : false,
id: instance.get('namespace') + "_" + LANG_OPTION + '_' + SELECTED_LANGUAGE_OPTION.MANUAL,
onChange: function (e) {
instance.setLanguageWidgetLanguage(AUI().one("#" + instance.get('namespace') + LANG_OPTION_SELECTION).get('value'), SELECTED_LANGUAGE_OPTION.MANUAL);
}
});
langSelectorList = new Y.SelectBoxElement({
name: LANG_OPTION_SELECTION,
modelInstance: instance,
wrapperCssClass: 'col-md-2 ' + LANG_OPTION,
options: instance.getLanguageListAvailable(),
id: instance.get('namespace') + LANG_OPTION_SELECTION,
defaultSelectValue: instance.get('language') && instance.get('language') != 'auto' ? instance.get('language') : '',
onChange: function (e) {
instance.setLanguageWidgetLanguage(e.target.get('value'), SELECTED_LANGUAGE_OPTION.MANUAL);
}
});
languageManual = new Y.HtmlElement({
cssClass: 'row',
children: [langSelectorManual, langSelectorList]
});
langSelector = new Y.HtmlElement({
cssClass: 'sr-lang-selection',
children: [languageAuto, languageManual]
});
return langSelector;
},
/**
* Used by language selector
* @param language
* @param languageType auto/manual
*/
setLanguageWidgetLanguage: function (language, languageType) {
var instance = this;
if (languageType == SELECTED_LANGUAGE_OPTION.AUTO) {
var langNodeAuto = AUI().one("#" + instance.get('namespace') + "_" + LANG_OPTION + '_' + SELECTED_LANGUAGE_OPTION.AUTO);
var langNodeManual = AUI().one("#" + instance.get('namespace') + "_" + LANG_OPTION + '_' + SELECTED_LANGUAGE_OPTION.MANUAL);
langNodeManual.removeAttribute('checked');
langNodeManual.set('checked', false);
langNodeAuto.setAttribute('checked', true);
langNodeAuto.set('checked', true)
instance.setLanguage(instance.getLanguageDefaultOption());
}
if (languageType == SELECTED_LANGUAGE_OPTION.MANUAL) {
var langNodeAuto = AUI().one("#" + instance.get('namespace') + "_" + LANG_OPTION + '_' + SELECTED_LANGUAGE_OPTION.AUTO);
var langNodeManual = AUI().one("#" + instance.get('namespace') + "_" + LANG_OPTION + '_' + SELECTED_LANGUAGE_OPTION.MANUAL);
langNodeAuto.removeAttribute('checked');
langNodeAuto.set('checked', false);
langNodeManual.setAttribute('checked', true);
langNodeManual.set('checked', true)
instance.setLanguage(language);
}
},
/**
* Returns the language nodes to be added in widget
*
* @method getLanguageNodes
* @return Y.HtmlElement
*/
getLanguageNodes: function () {
var instance = this,
languages = instance.getAvailableLanguages(),
options = [
{key: 'auto', value: instance.t('wizard.auto')},
{key: 'callback', value: instance.t('wizard.callback')}
], i;
for (i = 0; i < languages.length; i++) {
options.push({key: languages[i], value: languages[i]});
}
var nodeChildren = [
new Y.SelectBoxElement({
label: instance.t('wizard.language'),
modelInstance: instance,
name: FIELD_LANGUAGE,
options: options,
onChange: function (e) {
var node = Y.one(e.currentTarget),
value = node.get('value');
if (value == 'callback') {
Y.all('.language-callback').removeClass('hidden');
}
else {
Y.all('.language-callback').addClass('hidden');
}
}
}),
new Y.InputElement({
label: instance.t('wizard.languageCallback'),
modelInstance: instance,
name: FIELD_LANGUAGE_CALLBACK,
wrapperCssClass: 'language-callback' + (instance.get(FIELD_LANGUAGE) == 'callback' ? '' : ' hidden')
})
];
return new Y.HtmlElement({
children: nodeChildren
});
},
/**
* Returns the language nodes without automatic options to be added in widget
*
* @method getLanguageNodes
* @return Y.HtmlElement
*/
getLanguageAvailableNodes: function () {
var instance = this,
languages = instance.getAvailableLanguages(),
options = new Array(), i;
for (i = 0; i < languages.length; i++) {
options.push({key: languages[i], value: languages[i]});
}
var nodeChildren = [
new Y.SelectBoxElement({
label: instance.t('wizard.language'),
modelInstance: instance,
name: FIELD_LANGUAGE,
options: options,
onChange: function (e) {
var node = Y.one(e.currentTarget),
value = node.get('value');
if (value == 'callback') {
Y.all('.language-callback').removeClass('hidden');
}
else {
Y.all('.language-callback').addClass('hidden');
}
}
}),
new Y.InputElement({
label: instance.t('wizard.languageCallback'),
modelInstance: instance,
name: FIELD_LANGUAGE_CALLBACK,
wrapperCssClass: 'language-callback' + (instance.get(FIELD_LANGUAGE) == 'callback' ? '' : ' hidden'),
value: 'en'
})
];
return new Y.HtmlElement({
children: nodeChildren
});
},
getLanguageListAvailable: function () {
var instance = this,
languages = instance.getAvailableLanguages(),
options = new Array(), i;
for (i = 0; i < languages.length; i++) {
options.push({key: languages[i], value: languages[i]});
}
return options;
},
setLanguage: function (language) {
var instance = this;
instance.set('language', language);
},
attachPreviewPanel: function (host, refreshAction, clearCacheAction) {
var instance = this;
new Y.PanelElement({
label: '' + instance.t('wizard.preview') + '' +
'' +
'',
wrapperCssClass: 'refresh-panel hidden',
id: 'widgetPreviewPanel',
children: [
new Y.HtmlElement({
id: PREVIEW_BOX,
cssClass: 'preview-box',
wrapperCssClass: 'widget-display-options col-md-12',
modelInstance: instance
})
]
}).render(host);
Y.one('#' + PREVIEW_BOX_REFRESH).on('click', refreshAction);
var clearCacheButton = Y.one('#' + CLEAR_CACHE);
clearCacheButton.on('click', clearCacheAction);
clearCacheButton.on('click', refreshAction);
},
displayPreviewNode: function (display) {
var previewPanel = Y.one('#' + 'widgetPreviewPanel');
if (PREVIEW_BOX_NODE === undefined) {
PREVIEW_BOX_NODE = Y.one('#' + PREVIEW_BOX);
}
if (display) {
PREVIEW_BOX_NODE.ancestor().ancestor().ancestor().removeClass('hidden');
if (previewPanel) {
previewPanel.removeClass('hidden');
}
}
else {
PREVIEW_BOX_NODE.ancestor().ancestor().ancestor().addClass('hidden');
if (previewPanel) {
previewPanel.addClass('hidden');
}
}
},
/**
* Sets the {{#crossLink 'AbstractWizard/loadCalls:attribute}}{{/crossLink}} accordingly
*
* @method setLoadCalls
*/
setLoadCalls: function () {
},
/**
* Implements the plugin initializer method
*
* @method initializer
*/
initializer: function () {
var instance = this, host = this.get('host');
if (host.hasClass(CLS_PROCESSED)) {
return;
}
host.addClass(CLS_PROCESSED);
// on hash change
/*Y.on(EVENT_HASH_CHANGE, function (e) {
Y.wizardTools.apply(instance, e.newHash);
}, Y.config.win);*/
Y.on(EVENT_LOAD_CALL_FINISHED, function () {
instance.onLoadCallFinished(instance);
});
// pre initialization
instance.setWizardType();
instance.setLoadCalls();
this.setLoading(host);
this.asyncInitWizard(host, this.removeLoading);
},
/**
* Method executed when the all the calls triggered by the modules are finished
*
* @method onLoadCallFinished
* @param instance
*/
onLoadCallFinished: function (instance) {
var loadCalls = instance.get("loadCalls");
instance.set("loadCalls", (loadCalls - 1));
},
/**
* Fires the EVENT_LOAD_CALL_FINISHED event
*
* @method fireLoadCallFinished
*/
fireLoadCallFinished: function () {
Y.fire(EVENT_LOAD_CALL_FINISHED);
},
/**
* Initializes the wizard asynchronously
*
* @method asyncInitWizard
* @param host
* @param callback execute this when the wizard is loaded
*/
asyncInitWizard: function (host, callback) {
var instance = this;
var promise = new Y.Promise(function (resolve, reject) {
//console.log('executing promise');
var promisedValue = true;
instance.initWizard();
try {
resolve(promisedValue);
} catch (exception) {
console.log('asyncInitWizard error:', exception);
reject(exception);
}
});
var resolve = function (promisedValue) {
//console.log('calling resolve.');
var interval = setInterval(function () {
//console.log('checking loadCalls: ' + instance.get("loadCalls"));
if (instance.get("loadCalls") == 0) {
stop();
}
}, 500);
var stop = function () {
clearInterval(interval);
callback(host);
};
};
var reject = function (reasonForFailure) {
console.log('calling reject: ' + reasonForFailure);
};
promise.then(resolve, reject);
},
/**
* Creates loader node instance
*
* @method getNewLoader
* @return {Node}
*/
getNewLoader: function () {
return Y.Node.create('
' +
'' +
'
');
},
/**
* Displays a loader node and hides the widget wizard until load is completed
*
* @method setLoading
* @param host
*/
setLoading: function (host) {
if (LOADER != undefined) {
return;
}
LOADER = this.getNewLoader();
host.addClass('hidden');
host.ancestor().append(LOADER);
},
/**
* Removes a loader node and displays the widget wizard
*
* @method removeLoading
* @param host
*/
removeLoading: function (host) {
//console.log('executing removeLoading');
if (LOADER == undefined) {
return;
}
LOADER.remove(true);
LOADER = undefined;
host.removeClass('hidden');
},
/**
* Method to return the processed class to be added on the node
*
* @method getProcessedClass
* @return {String}
*/
getProcessedClass: function () {
return CLS_PROCESSED;
},
/**
* Method used to translate all labels in the wizard
*
* @method t
* @param label
* @return {String}
*/
t: function (label) {
var instance = this;
if (!TRANSLATED_LABELS) {
TRANSLATED_LABELS = Liferay.portal2012[instance.get('namespace') + "translatedLabels"];
}
return TRANSLATED_LABELS && TRANSLATED_LABELS.hasOwnProperty(label) ? TRANSLATED_LABELS[label] : label;
},
/**
* Gets the default language from Liferay, previously set in view.jsp
*
* @method getDefaultLanguage
* @return {String} default language id
*/
getDefaultLanguage: function () {
var instance = this;
if (!DEFAULT_LANGUAGE) {
DEFAULT_LANGUAGE = Liferay.portal2012[instance.get('namespace') + "defaultLanguage"];
}
return DEFAULT_LANGUAGE;
},
getLanguageDefaultOption: function () {
return "auto";
},
/**
* Gets the available languages from Liferay, previously set in view.jsp
*
* @method getAvailableLanguages
* @return {Array} available languages
*/
getAvailableLanguages: function () {
var instance = this;
if (!AVAILABLE_LANGUAGES) {
AVAILABLE_LANGUAGES = Liferay.portal2012[instance.get('namespace') + "availableLanguages"];
}
return AVAILABLE_LANGUAGES;
},
/**
* Implements the plugin destructor method
*
* @method destructor
*/
destructor: function () {
var instance = this,
host = this.get('host');
Y.detach(EVENT_LOAD_CALL_FINISHED);
host.removeClass(instance.getProcessedClass());
host.empty();
instance.destructWizard();
},
/**
* Executes destroy methods specific to each wizard
*
* @method destructWizard
*/
destructWizard: function () {
},
/**
* Executes init methods specific to each wizard
*
* @method initWizard
*/
initWizard: function () {
},
/**
* Displays a confirmation message
*
* @method areYouSure
* @return {Boolean}
*/
areYouSure: function () {
var instance = this;
return confirm(instance.t('wizard.areYouSure'));
},
/**
* Process method for the save button
*
* @method doSaveWidget
* @param completeCallback
* @async
*/
doSaveWidget: function (completeCallback) {
var attrs = {},
instance = this,
allAttributes = instance.getAttrs(),
namespace = instance.get('namespace'),
instanceName = instance.name,
cellarIds = instance.get("cellarIDs"),
saveWidgetURL;
for (var property in allAttributes) {
if (allAttributes.hasOwnProperty(property) && !RESERVED_ATTRS.contains(property)) {
attrs[property] = instance.get(property);
}
}
completeCallback || (completeCallback = function () {
});
if (!URL_SAVE_WIDGET) {
URL_SAVE_WIDGET = Liferay.portal2012[instance.get('namespace') + "saveUrl"];
}
if (!URL_NO_ACTION_SAVE_WIDGET) {
URL_NO_ACTION_SAVE_WIDGET = Liferay.portal2012[instance.get('namespace') + "saveNoActionURL"];
}
saveWidgetURL = ((instanceName == "PublicationViewWidgetWizard") && (cellarIds.length == 0)) ? URL_NO_ACTION_SAVE_WIDGET : URL_SAVE_WIDGET;
if (saveWidgetURL) {
var modal = new Y.Modal({
bodyContent: '
' +
'' +
'
',
centered: true,
modal: true,
render: '#' + instance.get('host').get('id'),
width: 500,
zIndex: 1000
}).render();
Y.io(saveWidgetURL, {
method: 'POST',
data: Y.JSON.stringify(attrs),
headers: {
'Content-Type': 'application/json'
},
on: {
success: function (id, response) {
var responseHtml = response.responseText.trim();
modal.set('bodyContent', responseHtml);
// set new widget id
if (instance.get('widgetId') == 0 && responseHtml) {
var widgetId= response.getResponseHeader("widgetId");
if(widgetId===null||widgetId==undefined){
var matcher = responseHtml.match(/(?:widgetId=\s\")([0-9]*)(?:\")/);
var widgetId = matcher && matcher.length > 1 ? responseHtml.match(/(?:widgetId=\s\")([0-9]*)(?:\")/)[1] : 0;
}
if (widgetId && widgetId > 0) {
instance.set('widgetId', widgetId);
instance.validateGetButton();
}
}
completeCallback(instance, responseHtml);
},
failure: function (id, response) {
modal.set('bodyContent', '
' +
instance.t('wizard.save.failed') + '
');
}
}
});
}
},
/**
* Process method for the preview button
*
* @method doPreviewWidget
* @param completeCallback
* @async
*/
doPreviewWidget: function (completeCallback) {
var attrs = {},
instance = this,
allAttributes = instance.getAttrs(),
ioCfg;
for (var property in allAttributes) {
if (allAttributes.hasOwnProperty(property) && !RESERVED_ATTRS.contains(property)) {
attrs[property] = instance.get(property);
}
}
completeCallback || (completeCallback = function () {
});
ioCfg = {
method: 'POST',
data: Y.JSON.stringify(attrs),
headers: {
'Content-Type': 'application/json'
},
on: {
complete: function (e) {
completeCallback(e);
}
}
};
if (!URL_PREVIEW_WIDGET) {
URL_PREVIEW_WIDGET = Liferay.portal2012[instance.get('namespace') + "previewUrl"];
}
if (URL_PREVIEW_WIDGET) {
var node = Y.one('#' + PREVIEW_BOX);
node.ancestor().ancestor().ancestor().removeClass('hidden');
node.set("innerHTML", '
' +
'' +
'
');
var dispatcher = new Y.Dispatcher({
node: node,
ioConfig: ioCfg
});
setTimeout(function () {
dispatcher.set('uri', URL_PREVIEW_WIDGET);
}, 10);
}
},
/**
* Process method for the preview button
*
* @method doPreviewWidget
* @param completeCallback
* @async
*/
doReturnToMyWidgets: function () {
var instance = this,
namespace = instance.get('namespace');
if (!URL_RETURN_TO_MY_WIDGETS) {
URL_RETURN_TO_MY_WIDGETS = Liferay.portal2012[instance.get('namespace') + "backToWidgetListURL"];
}
if (URL_RETURN_TO_MY_WIDGETS) {
window.location = URL_RETURN_TO_MY_WIDGETS;
}
},
/**
* Process method for the get widget button
*
* @method doGetWidget
* @param completeCallback
* @async
*/
doGetWidget: function (completeCallback) {
var attrs = {},
instance = this,
allAttributes = instance.getAttrs(),
namespace = instance.get('namespace');
for (var property in allAttributes) {
if (allAttributes.hasOwnProperty(property) && !RESERVED_ATTRS.contains(property)) {
attrs[property] = instance.get(property);
}
}
completeCallback || (completeCallback = function () {
});
if (!URL_GET_WIDGET) {
URL_GET_WIDGET = Liferay.portal2012[instance.get('namespace') + "getUrl"];
}
if (URL_GET_WIDGET) {
var modal = new Y.Modal({
bodyContent: '