'+
''+
''+
''+
''+
''+
' '+
' '+
'
',
cursor: 'mfp-zoom-out-cur',
titleSrc: 'title',
verticalFit: true,
tError: 'The image could not be loaded.'
},
proto: {
initImage: function() {
var imgSt = mfp.st.image,
ns = '.image';
mfp.types.push('image');
_mfpOn(OPEN_EVENT+ns, function() {
if(mfp.currItem.type === 'image' && imgSt.cursor) {
_body.addClass(imgSt.cursor);
}
});
_mfpOn(CLOSE_EVENT+ns, function() {
if(imgSt.cursor) {
_body.removeClass(imgSt.cursor);
}
_window.off('resize' + EVENT_NS);
});
_mfpOn('Resize'+ns, mfp.resizeImage);
if(mfp.isLowIE) {
_mfpOn('AfterChange', mfp.resizeImage);
}
},
resizeImage: function() {
var item = mfp.currItem;
if(!item || !item.img) return;
if(mfp.st.image.verticalFit) {
var decr = 0;
// fix box-sizing in ie7/8
if(mfp.isLowIE) {
decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);
}
item.img.css('max-height', mfp.wH-decr);
}
},
_onImageHasSize: function(item) {
if(item.img) {
item.hasSize = true;
if(_imgInterval) {
clearInterval(_imgInterval);
}
item.isCheckingImgSize = false;
_mfpTrigger('ImageHasSize', item);
if(item.imgHidden) {
if(mfp.content)
mfp.content.removeClass('mfp-loading');
item.imgHidden = false;
}
}
},
/**
* Function that loops until the image has size to display elements that rely on it asap
*/
findImageSize: function(item) {
var counter = 0,
img = item.img[0],
mfpSetInterval = function(delay) {
if(_imgInterval) {
clearInterval(_imgInterval);
}
// decelerating interval that checks for size of an image
_imgInterval = setInterval(function() {
if(img.naturalWidth > 0) {
mfp._onImageHasSize(item);
return;
}
if(counter > 200) {
clearInterval(_imgInterval);
}
counter++;
if(counter === 3) {
mfpSetInterval(10);
} else if(counter === 40) {
mfpSetInterval(50);
} else if(counter === 100) {
mfpSetInterval(500);
}
}, delay);
};
mfpSetInterval(1);
},
getImage: function(item, template) {
var guard = 0,
// image load complete handler
onLoadComplete = function() {
if(item) {
if (item.img[0].complete) {
item.img.off('.mfploader');
if(item === mfp.currItem){
mfp._onImageHasSize(item);
mfp.updateStatus('ready');
}
item.hasSize = true;
item.loaded = true;
_mfpTrigger('ImageLoadComplete');
}
else {
// if image complete check fails 200 times (20 sec), we assume that there was an error.
guard++;
if(guard < 200) {
setTimeout(onLoadComplete,100);
} else {
onLoadError();
}
}
}
},
// image error handler
onLoadError = function() {
if(item) {
item.img.off('.mfploader');
if(item === mfp.currItem){
mfp._onImageHasSize(item);
mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
}
item.hasSize = true;
item.loaded = true;
item.loadError = true;
}
},
imgSt = mfp.st.image;
var el = template.find('.mfp-img');
if(el.length) {
var img = document.createElement('img');
img.className = 'mfp-img';
item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
img.src = item.src;
// without clone() "error" event is not firing when IMG is replaced by new IMG
// TODO: find a way to avoid such cloning
if(el.is('img')) {
item.img = item.img.clone();
}
if(item.img[0].naturalWidth > 0) {
item.hasSize = true;
}
}
mfp._parseMarkup(template, {
title: _getTitle(item),
img_replaceWith: item.img
}, item);
mfp.resizeImage();
if(item.hasSize) {
if(_imgInterval) clearInterval(_imgInterval);
if(item.loadError) {
template.addClass('mfp-loading');
mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
} else {
template.removeClass('mfp-loading');
mfp.updateStatus('ready');
}
return template;
}
mfp.updateStatus('loading');
item.loading = true;
if(!item.hasSize) {
item.imgHidden = true;
template.addClass('mfp-loading');
mfp.findImageSize(item);
}
return template;
}
}
});
/*>>image*/
/*>>zoom*/
var hasMozTransform,
getHasMozTransform = function() {
if(hasMozTransform === undefined) {
hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
}
return hasMozTransform;
};
$.magnificPopup.registerModule('zoom', {
options: {
enabled: false,
easing: 'ease-in-out',
duration: 300,
opener: function(element) {
return element.is('img') ? element : element.find('img');
}
},
proto: {
initZoom: function() {
var zoomSt = mfp.st.zoom,
ns = '.zoom',
image;
if(!zoomSt.enabled || !mfp.supportsTransition) {
return;
}
var duration = zoomSt.duration,
getElToAnimate = function(image) {
var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
cssObj = {
position: 'fixed',
zIndex: 9999,
left: 0,
top: 0,
'-webkit-backface-visibility': 'hidden'
},
t = 'transition';
cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
newImg.css(cssObj);
return newImg;
},
showMainContent = function() {
mfp.content.css('visibility', 'visible');
},
openTimeout,
animatedImg;
_mfpOn('BuildControls'+ns, function() {
if(mfp._allowZoom()) {
clearTimeout(openTimeout);
mfp.content.css('visibility', 'hidden');
// Basically, all code below does is clones existing image, puts in on top of the current one and animated it
image = mfp._getItemToZoom();
if(!image) {
showMainContent();
return;
}
animatedImg = getElToAnimate(image);
animatedImg.css( mfp._getOffset() );
mfp.wrap.append(animatedImg);
openTimeout = setTimeout(function() {
animatedImg.css( mfp._getOffset( true ) );
openTimeout = setTimeout(function() {
showMainContent();
setTimeout(function() {
animatedImg.remove();
image = animatedImg = null;
_mfpTrigger('ZoomAnimationEnded');
}, 16); // avoid blink when switching images
}, duration); // this timeout equals animation duration
}, 16); // by adding this timeout we avoid short glitch at the beginning of animation
// Lots of timeouts...
}
});
_mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
if(mfp._allowZoom()) {
clearTimeout(openTimeout);
mfp.st.removalDelay = duration;
if(!image) {
image = mfp._getItemToZoom();
if(!image) {
return;
}
animatedImg = getElToAnimate(image);
}
animatedImg.css( mfp._getOffset(true) );
mfp.wrap.append(animatedImg);
mfp.content.css('visibility', 'hidden');
setTimeout(function() {
animatedImg.css( mfp._getOffset() );
}, 16);
}
});
_mfpOn(CLOSE_EVENT+ns, function() {
if(mfp._allowZoom()) {
showMainContent();
if(animatedImg) {
animatedImg.remove();
}
image = null;
}
});
},
_allowZoom: function() {
return mfp.currItem.type === 'image';
},
_getItemToZoom: function() {
if(mfp.currItem.hasSize) {
return mfp.currItem.img;
} else {
return false;
}
},
// Get element postion relative to viewport
_getOffset: function(isLarge) {
var el;
if(isLarge) {
el = mfp.currItem.img;
} else {
el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
}
var offset = el.offset();
var paddingTop = parseInt(el.css('padding-top'),10);
var paddingBottom = parseInt(el.css('padding-bottom'),10);
offset.top -= ( $(window).scrollTop() - paddingTop );
/*
Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
*/
var obj = {
width: el.width(),
// fix Zepto height+padding issue
height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
};
// I hate to do this, but there is no another option
if( getHasMozTransform() ) {
obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
} else {
obj.left = offset.left;
obj.top = offset.top;
}
return obj;
}
}
});
/*>>zoom*/
/*>>iframe*/
var IFRAME_NS = 'iframe',
_emptyPage = '//about:blank',
_fixIframeBugs = function(isShowing) {
if(mfp.currTemplate[IFRAME_NS]) {
var el = mfp.currTemplate[IFRAME_NS].find('iframe');
if(el.length) {
// reset src after the popup is closed to avoid "video keeps playing after popup is closed" bug
if(!isShowing) {
el[0].src = _emptyPage;
}
// IE8 black screen bug fix
if(mfp.isIE8) {
el.css('display', isShowing ? 'block' : 'none');
}
}
}
};
$.magnificPopup.registerModule(IFRAME_NS, {
options: {
markup: ''+
''+
''+
'
',
srcAction: 'iframe_src',
// we don't care and support only one default type of URL by default
patterns: {
youtube: {
index: 'youtube.com',
id: 'v=',
src: '//www.youtube.com/embed/%id%?autoplay=1'
},
vimeo: {
index: 'vimeo.com/',
id: '/',
src: '//player.vimeo.com/video/%id%?autoplay=1'
},
gmaps: {
index: '//maps.google.',
src: '%id%&output=embed'
}
}
},
proto: {
initIframe: function() {
mfp.types.push(IFRAME_NS);
_mfpOn('BeforeChange', function(e, prevType, newType) {
if(prevType !== newType) {
if(prevType === IFRAME_NS) {
_fixIframeBugs(); // iframe if removed
} else if(newType === IFRAME_NS) {
_fixIframeBugs(true); // iframe is showing
}
}// else {
// iframe source is switched, don't do anything
//}
});
_mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {
_fixIframeBugs();
});
},
getIframe: function(item, template) {
var embedSrc = item.src;
var iframeSt = mfp.st.iframe;
$.each(iframeSt.patterns, function() {
if(embedSrc.indexOf( this.index ) > -1) {
if(this.id) {
if(typeof this.id === 'string') {
embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);
} else {
embedSrc = this.id.call( this, embedSrc );
}
}
embedSrc = this.src.replace('%id%', embedSrc );
return false; // break;
}
});
var dataObj = {};
if(iframeSt.srcAction) {
dataObj[iframeSt.srcAction] = embedSrc;
}
mfp._parseMarkup(template, dataObj, item);
mfp.updateStatus('ready');
return template;
}
}
});
/*>>iframe*/
/*>>gallery*/
/**
* Get looped index depending on number of slides
*/
var _getLoopedId = function(index) {
var numSlides = mfp.items.length;
if(index > numSlides - 1) {
return index - numSlides;
} else if(index < 0) {
return numSlides + index;
}
return index;
},
_replaceCurrTotal = function(text, curr, total) {
return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
};
$.magnificPopup.registerModule('gallery', {
options: {
enabled: false,
arrowMarkup: '',
preload: [0,2],
navigateByImgClick: true,
arrows: true,
tPrev: 'Previous (Left arrow key)',
tNext: 'Next (Right arrow key)',
tCounter: '%curr% of %total%'
},
proto: {
initGallery: function() {
var gSt = mfp.st.gallery,
ns = '.mfp-gallery',
supportsFastClick = Boolean($.fn.mfpFastClick);
mfp.direction = true; // true - next, false - prev
if(!gSt || !gSt.enabled ) return false;
_wrapClasses += ' mfp-gallery';
_mfpOn(OPEN_EVENT+ns, function() {
if(gSt.navigateByImgClick) {
mfp.wrap.on('click'+ns, '.mfp-img', function() {
if(mfp.items.length > 1) {
mfp.next();
return false;
}
});
}
_document.on('keydown'+ns, function(e) {
if (e.keyCode === 37) {
mfp.prev();
} else if (e.keyCode === 39) {
mfp.next();
}
});
});
_mfpOn('UpdateStatus'+ns, function(e, data) {
if(data.text) {
data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);
}
});
_mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) {
var l = mfp.items.length;
values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';
});
_mfpOn('BuildControls' + ns, function() {
if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
var markup = gSt.arrowMarkup,
arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);
var eName = supportsFastClick ? 'mfpFastClick' : 'click';
arrowLeft[eName](function() {
mfp.prev();
});
arrowRight[eName](function() {
mfp.next();
});
// Polyfill for :before and :after (adds elements with classes mfp-a and mfp-b)
if(mfp.isIE7) {
_getEl('b', arrowLeft[0], false, true);
_getEl('a', arrowLeft[0], false, true);
_getEl('b', arrowRight[0], false, true);
_getEl('a', arrowRight[0], false, true);
}
mfp.container.append(arrowLeft.add(arrowRight));
}
});
_mfpOn(CHANGE_EVENT+ns, function() {
if(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout);
mfp._preloadTimeout = setTimeout(function() {
mfp.preloadNearbyImages();
mfp._preloadTimeout = null;
}, 16);
});
_mfpOn(CLOSE_EVENT+ns, function() {
_document.off(ns);
mfp.wrap.off('click'+ns);
if(mfp.arrowLeft && supportsFastClick) {
mfp.arrowLeft.add(mfp.arrowRight).destroyMfpFastClick();
}
mfp.arrowRight = mfp.arrowLeft = null;
});
},
next: function() {
mfp.direction = true;
mfp.index = _getLoopedId(mfp.index + 1);
mfp.updateItemHTML();
},
prev: function() {
mfp.direction = false;
mfp.index = _getLoopedId(mfp.index - 1);
mfp.updateItemHTML();
},
goTo: function(newIndex) {
mfp.direction = (newIndex >= mfp.index);
mfp.index = newIndex;
mfp.updateItemHTML();
},
preloadNearbyImages: function() {
var p = mfp.st.gallery.preload,
preloadBefore = Math.min(p[0], mfp.items.length),
preloadAfter = Math.min(p[1], mfp.items.length),
i;
for(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {
mfp._preloadItem(mfp.index+i);
}
for(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {
mfp._preloadItem(mfp.index-i);
}
},
_preloadItem: function(index) {
index = _getLoopedId(index);
if(mfp.items[index].preloaded) {
return;
}
var item = mfp.items[index];
if(!item.parsed) {
item = mfp.parseEl( index );
}
_mfpTrigger('LazyLoad', item);
if(item.type === 'image') {
item.img = $('Case details :{0} {1}
";
headerContent = headerContent.replace('{0}',titleLanguageKeyParams[0]).replace('{1}',titleLanguageKeyParams[1]).replace('{2}',titleLanguageKeyParams[2]);
var dialog = Liferay.Util.Window.getWindow(
{
dialog: {
cssClass: 'enquiry-modal-view',
destroyOnHide: true,
resizable: false,
headerContent: headerContent,
toolbars: {
footer: [
{
cssClass: "btn btn-primary",
label: 'Close',
on: {
click: function(event) {
dialog.hide();
dialog.destroy();
}
}
}
],
header: [
{
cssClass: 'close',
discardDefaultButtonCssClasses: true,
labelHTML: "",
on: {
click: function(event) {
dialog.hide();
dialog.destroy();
}
}
}
]
}
},
uri: renderURL.toString()
}
);
},
openEmailDetailView: function(data, parameters){
var renderURL = Liferay.PortletURL.createRenderURL();
renderURL.setPortletId(parameters.searchPortletId);
renderURL.setParameter('mvcRenderCommandName', parameters.emailDetailViewMVCRenderCommand);
renderURL.setWindowState('pop_up');
renderURL.setParameters(data);
var deleteURL = Liferay.PortletURL.createResourceURL();
deleteURL.setPortletId(parameters.searchPortletId);
deleteURL.setResourceId(parameters.deleteEmailMVCResourceCommand);
deleteURL.setParameters(data);
var headerContent =
"" +
"{0} :{1}" +
"{2} :{3}" +
"
";
headerContent = headerContent.replace('{0}', 'From');
headerContent = headerContent.replace('{1}', data.from);
headerContent = headerContent.replace('{2}', 'Date');
headerContent = headerContent.replace('{3}', data.date);
var footer = [];
if (parameters.isCSAUser === 'true') {
footer.push({
cssClass: "btn btn-cancel btn-link",
discardDefaultButtonCssClasses: true,
label: 'Delete',
on: {
click: function(event) {
if (confirm('remove-email-confirmation')) {
$.get(deleteURL, function(){
Liferay.Portlet.refresh('#p_p_id' + parameters.portletNamespace);
Liferay.Util.openToast({message: 'email-deleted-successfully'});
dialog.hide();
dialog.destroy();
});
}
}
}
});
if (data.user_id <= 0) {
var emailSearchURL = parameters.searchCustomerButtonURL;
searchCustomerURL = emailSearchURL.replace('emailId=0', 'emailId=' + data.entry_class_pk);
footer.push({
cssClass: "btn btn-secondary btn-search-customer",
label: parameters.searchCustomerButtonLabel,
on: {
click: function(event) {
event.preventDefault();
Liferay.Util.getOpener().location.href = searchCustomerURL;
}
}
});
}
}
footer.push({
cssClass: "btn btn-primary btn-close-modal",
label: 'Close',
on: {
click: function(event) {
dialog.hide();
dialog.destroy();
}
}
});
var dialog = Liferay.Util.Window.getWindow(
{
dialog: {
cssClass: 'email-modal-view',
destroyOnHide: true,
resizable: false,
headerContent: headerContent,
toolbars: {
footer: footer,
header: [
{
cssClass: 'close',
discardDefaultButtonCssClasses: true,
labelHTML: "",
on: {
click: function(event) {
dialog.hide();
dialog.destroy();
}
}
}
]
}
},
id: 'emailDetailViewModal',
uri: renderURL.toString()
}
);
},
openDialog: function(modalTitle, modalBodyContent, primaryButtonLabel, primaryButtonURL, secondaryButtonLabel, secondaryButtonURL){
var dialog = Liferay.Util.Window.getWindow(
{
dialog: {
bodyContent: modalBodyContent,
cssClass: 'cust-modal dialog-iframe-modal',
destroyOnHide: true,
height: 270,
resizable: false,
toolbars: {
footer: [
{
cssClass: "btn btn-primary",
label: primaryButtonLabel,
on: {
click: function(event) {
event.preventDefault();
Liferay.Util.getOpener().document.location.href= primaryButtonURL;
}
}
},
{
cssClass: "btn btn-primary",
label: secondaryButtonLabel,
on: {
click: function(event) {
event.preventDefault();
Liferay.Util.getOpener().document.location.href= secondaryButtonURL;
}
}
}
],
header: [
{
cssClass: 'close',
discardDefaultButtonCssClasses: true,
labelHTML: "",
on: {
click: function(event) {
dialog.hide();
dialog.destroy();
}
}
}
]
},
width: 520
},
title: modalTitle
}
);
}
}
});
},
'',
{
requires: [
'liferay-portlet-url',
'liferay-util-window'
]
}
);
AUI.add(
'com-placecube-digitalplace-casemanagement-frontend-caselisting',
function(A) {
var CaseListing = {
init: function() {
$(document).on('click', '.case-listing-entry', function(e){
A.CaseListing.openCaseEntryDetailPopUp(e);
});
},
getRenderUrl: function(ppid, mvcRenderCommandName, windowState, parameters){
var renderURL = Liferay.PortletURL.createRenderURL();
renderURL.setPortletId(ppid);
renderURL.setParameter('mvcRenderCommandName', mvcRenderCommandName);
renderURL.setWindowState(windowState);
renderURL.setParameters(parameters);
return renderURL;
},
openCaseEntryDetailPopUp: function(e){
var caseListing = $(e.currentTarget).closest('.case-management .case-listing');
var ppid = $(caseListing).attr('data-ppid');
var mvcRenderCommandName = $(caseListing).attr('data-mvc-render-command-name');
var entryId = $(e.currentTarget).attr('data-entry-id');
var parameters = {entryId: entryId};
var renderURL = this.getRenderUrl(ppid, mvcRenderCommandName, 'pop_up', parameters);
Liferay.Util.openWindow(
{
dialog: {
destroyOnHide: true,
plugins: [Liferay.WidgetZIndex]
},
id: ppid + '_Dialog',
title: '',
uri: renderURL.toString()
}
);
}
};
A.CaseListing = CaseListing;
},
'',
{
requires: [
'liferay-portlet-url',
'liferay-util-window'
]
}
);
AUI.add(
'com-placecube-digitalplace-casemanagement-attachmentmanagement',
function(A) {
A.AttachmentManagement = {
init: function (params) {
var maxAttachmentsToUpload = params.maxAttachmentsToUpload;
var portletNamespace = params.portletNamespace;
var attachmentCount = 1;
let autoFields = new Liferay.AutoFields(
{
contentBox: '#'+portletNamespace+'attachment-container',
fieldIndexes: portletNamespace+'row-indexes',
sortable: false,
minimumRows: 1
});
autoFields.on("clone", function (event) {
++attachmentCount;
updateClonedRow(event.row);
checkRowsLimit();
});
autoFields.on("delete", function (event) {
--attachmentCount;
event.deletedRow.remove();
checkRowsLimit();
});
autoFields.render();
function updateClonedRow(row) {
let clonedRowElement = document.getElementById(row.getAttribute('id'));
let rowInput = clonedRowElement.querySelector('input[type="file"]');
let rowLabel = clonedRowElement.querySelector('label');
row.setAttribute("data-row-id", attachmentCount)
rowInput.value = '';
rowInput.setAttribute('id', portletNamespace+'file'+attachmentCount)
rowInput.setAttribute('name', portletNamespace+'file'+attachmentCount)
rowLabel.setAttribute('for', portletNamespace+'file'+attachmentCount)
rowLabel.innerText = "File "+attachmentCount;
}
function checkRowsLimit() {
let contentBox = document.getElementById(portletNamespace+"attachment-container");
if (contentBox) {
let rowElements = contentBox.querySelectorAll(".row");
let rowNumber = contentBox.querySelectorAll(".row").length;
if (rowNumber >= maxAttachmentsToUpload) {
let addRowButtons = contentBox.querySelectorAll(".add-row");
for (let i = 0; i < addRowButtons.length; i++) {
addRowButtons[i].classList.add("disabled");
}
} else {
let addRowButtons = contentBox.querySelectorAll(".add-row");
for (let i = 0; i < addRowButtons.length; i++) {
if (addRowButtons[i].classList.contains("disabled")) {
addRowButtons[i].classList.remove("disabled");
}
}
}
reindexAttachmentInputs(rowElements);
}
}
function reindexAttachmentInputs(rows) {
for (let i = 0; i < rows.length; i++) {
let inputElement = rows[i].querySelector("input");
let labelElement = rows[i].querySelector("label");
inputElement.setAttribute('id', portletNamespace+'file'+(i+1))
inputElement.setAttribute('name', portletNamespace+'file'+(i+1))
labelElement.setAttribute('for', portletNamespace+'file'+(i+1))
labelElement.innerText = "File "+(i+1);
}
}
checkRowsLimit();
},
};
},
'',
{
requires: [
'liferay-auto-fields'
]
}
);
AUI.add(
'com-placecube-digitalplace-casemanagement-datastructureupdate',
function(A) {
var ENTRY_OPTION_TEMPLATE = '';
var DataStructureUpdate = {
init: function(params) {
var instance = this;
var groupIdParam = params.scopeGroupId;
$('.data-structure-update').on('change', function(e) {
var selectedDataStructurekey = $(this).attr('data-dataStructureKey');
var parentDataStructureId =this.options[this.selectedIndex].id;
var children = $('.data-structure-update[data-parentDataStructureKey="' + selectedDataStructurekey + '"]');
if (children) {
for (var i = 0; i < children.length; i++) {
var dropdownSelectToUpdate = children[i];
if (dropdownSelectToUpdate !== undefined) {
if (isNaN(parentDataStructureId)) {
instance._retrieveValuesForSelectedParentDataStructure(groupIdParam, selectedDataStructurekey, parentDataStructureId, dropdownSelectToUpdate);
} else {
instance._retrieveValuesForSelectedParentDataStructureById(groupIdParam, parentDataStructureId, dropdownSelectToUpdate);
}
}
}
}
});
},
_retrieveValuesForSelectedParentDataStructureById: function (groupIdParam, parentDataStructureId, dropdownSelectToUpdate) {
var datastructurekeyParam = $(dropdownSelectToUpdate).attr('data-dataStructureKey');
Liferay.Service(
'/casemanagement_datastructure.datastructureentry/get-linked-data-structure-entries',
{
groupId: groupIdParam,
parentDataStructureEntryId: parentDataStructureId,
dataStructureKey: datastructurekeyParam
},
function(data) {
var dataStructureEntiresFound = data;
$(dropdownSelectToUpdate).html('');
$.each(dataStructureEntiresFound, function(key, value) {
var entryValue = A.Lang.sub(
ENTRY_OPTION_TEMPLATE,
{
optionValue: value.name,
entryId: value.dataStructureEntryId
}
);
$(dropdownSelectToUpdate).append(entryValue);
});
}
);
},
_retrieveValuesForSelectedParentDataStructure: function (groupIdParam, parentDataStructureKeyParam, optionSelectedParam, dropdownSelectToUpdate) {
var datastructurekeyParam = $(dropdownSelectToUpdate).attr('data-dataStructureKey');
Liferay.Service(
'/casemanagement_datastructure.datastructureentry/get-linked-data-structure-entries',
{
groupId: groupIdParam,
parentStructureKey: parentDataStructureKeyParam,
parentStructureName: optionSelectedParam,
dataStructureKey: datastructurekeyParam
},
function(data) {
var dataStructureEntiresFound = data;
$(dropdownSelectToUpdate).html('');
$.each(dataStructureEntiresFound, function(key, value) {
var entryValue = A.Lang.sub(
ENTRY_OPTION_TEMPLATE,
{
optionValue: value.name,
entryId: value.dataStructureEntryId
}
);
$(dropdownSelectToUpdate).append(entryValue);
});
}
);
}
};
A.DataStructureUpdate = DataStructureUpdate;
},
'',
{
requires: [
'liferay-portlet-url'
]
}
);
;(function () {
Liferay.provide(window, 'updateFieldFacetSelection', function (namespace, element, baseRemoveFilterUrl, baseUpdateFilterSelectionUrl, redirectUrl) {
var A = AUI();
var id = A.one(element).get('id');
var oldField = A.one("#" + id + "_old");
var optionSelectedValue = A.one(element).val();
var selectedElement = A.one(element).one("option[value=" + optionSelectedValue + "]");
var value = selectedElement.get('value');
var label = selectedElement.get('label');
var updateFilterSelectionUrl = baseUpdateFilterSelectionUrl + "&" + namespace + "filterValue=" + value + "&" + namespace + "filterLabel=" + label;
var removeFilterUrl = baseRemoveFilterUrl + "&" + namespace + "filterValue=" + oldField.val();
$.ajax({
type: "POST",
url: removeFilterUrl,
success : function(data) {
$.ajax({
type: "POST",
url: updateFilterSelectionUrl,
success : function(data) {
oldField.val(optionSelectedValue);
window.location.href = redirectUrl;
},
error: function(jqXHR, textStatus, errorThrown){
console.info("Update filter selection call failed: " + textStatus);
}
});
},
error: function(jqXHR, textStatus, errorThrown){
console.info("Clear all filters call failed: " + textStatus);
}
});
});
})()
AUI.add(
'com-placecube-field-filter-builder',
function (A) {
var groupTemplate;
var optionTemplate;
var hiddenFormField;
var ns;
var FieldFilterBuilder = {
init: function (params) {
groupTemplate = params.groupTemplate;
optionTemplate = params.optionTemplate;
hiddenFormField = params.hiddenFormField;
ns = params.ns;
FieldFilterBuilder.buildForm(params.jsonFilterConfig);
$('#' + ns + 'addFilterGroupBtn').click(function (e) {
FieldFilterBuilder.createFilterGroup();
});
$('#' + ns + 'filterGroups').on("click", "button.add-filter", function (event) {
FieldFilterBuilder.createFilterFromClick(event.currentTarget);
});
$('#' + ns + 'filterGroups').on("click", "button.add-option", function (event) {
FieldFilterBuilder.createFilterOptionFromClick(event.currentTarget);
});
$('#' + ns + 'filterGroups').on("click", "a.remove-group", function (event) {
FieldFilterBuilder.removeItem(event, event.currentTarget, '.filter-group');
});
$('#' + ns + 'filterGroups').on("click", "a.remove-option", function (event) {
FieldFilterBuilder.removeItem(event, event.currentTarget, '.filter-option');
});
$('#' + ns + 'filterGroups').on("click", "a.remove-filter", function (event) {
FieldFilterBuilder.removeItem(event, event.currentTarget, '.field-filter');
});
$('#' + ns + 'filterGroups').on("change", ".filter-field-selector", function (event) {
FieldFilterBuilder.updateAvailableInputs(event.currentTarget);
});
},
createFilterGroup: function () {
var templateHtml = groupTemplate.html().trim();
var newFilterGroup = document.createElement('div');
$(newFilterGroup).addClass('filter-group');
newFilterGroup.innerHTML = templateHtml;
var filterGroups = document.getElementById(ns + 'filterGroups');
filterGroups.appendChild(newFilterGroup);
return newFilterGroup;
},
createFilterOptionFromClick: function (element) {
var filterValuesDiv = $(element).siblings('.filter-options').first().get(0);
return FieldFilterBuilder.createFilterOption(filterValuesDiv);
},
createFilterOption: function (filterValuesDiv) {
var templateHtml = optionTemplate.html().trim();
var newFilterOption = document.createElement('div');
$(newFilterOption).addClass('filter-option');
newFilterOption.innerHTML = templateHtml;
filterValuesDiv.appendChild(newFilterOption);
return newFilterOption;
},
createFilterFromClick: function (element) {
var filterValuesDiv = $(element).siblings('.filters').first().get(0);
return FieldFilterBuilder.createFilter(filterValuesDiv);
},
createFilter: function (filterValuesDiv) {
var templateHtml = $('#' + ns + 'field-filter-template').html().trim();
var newFilterValue = document.createElement('div');
$(newFilterValue).addClass('field-filter');
newFilterValue.innerHTML = templateHtml;
filterValuesDiv.appendChild(newFilterValue);
return newFilterValue;
},
formToJson: function () {
var groups = [];
$('.filter-group').each(function () {
var group = {};
group.filterGroupName = $(this).find('[name="' + ns + 'filterGroupName"]').val();
if (!group.filterGroupName) {
return;
}
group.filterPreselectedOptionName = $(this).find('[name="' + ns + 'filterPreselectedOptionName"]').val();
var options = [];
group.options = options;
groups.push(group);
$(this).find('.filter-option').each(function () {
var option = {};
var filters = [];
option.filters = filters;
option.filterOptionName = $(this).find('[name="' + ns + 'filterOptionName"]').val();
if (!option.filterOptionName) {
return;
}
$(this).find('.field-filter').each(function () {
var filter = {};
filter.fieldName = $(this).find('[name="' + ns + 'fieldName"]').val();
filter.filterOperator = $(this).find('[name="' + ns + 'filterOperator"]').val();
filter.fieldValue = $(this).find('[name="' + ns + 'fieldValue"]:not(:disabled)').val();
filter.numDays = $(this).find('[name="' + ns + 'numDays"]').val();
filter.fieldType = $(this).find('[name="' + ns + 'fieldType"]').val();
if (filter.fieldName && filter.filterOperator) {
filters.push(filter);
}
});
if (filters.length > 0) {
options.push(option);
}
});
});
hiddenFormField.val(JSON.stringify(groups));
},
removeItem: function (event, element, selector) {
event.preventDefault();
var nodeToRemove = $(element).parents(selector).first().get(0);
nodeToRemove.parentNode.removeChild(nodeToRemove);
},
updateAvailableInputs: function (target) {
var optionSelectedValue = $(target).val();
if (optionSelectedValue != "") {
var selectedElement = $(target).find("option[value=" + optionSelectedValue + "]");
var tableRow = $(target).closest("tr");
var type = selectedElement.attr('data-type');
tableRow.find("input.field-type").val(type);
FieldFilterBuilder.showAndHideFilterFields(tableRow, type);
}
},
showAndHideFilterFields: function (filterElement, type) {
if (type == "date") {
filterElement.find(".date-field-wrapper").show();
filterElement.find(".date-field-wrapper input").prop('disabled', false);
filterElement.find(".num-days-cell").show();
filterElement.find(".number-field-wrapper").hide();
filterElement.find(".number-field-wrapper input").prop('disabled', true);
}
else {
filterElement.find(".number-field-wrapper").show();
filterElement.find(".number-field-wrapper input").prop('disabled', false);
filterElement.find(".date-field-wrapper").hide();
filterElement.find(".date-field-wrapper input").prop('disabled', true);
filterElement.find(".num-days-cell").hide();
}
},
buildForm: function (jsonConfigData) {
var existingFilterGroups = JSON.parse(jsonConfigData);
for (var i = 0; i < existingFilterGroups.length; i++) {
var filterGroup = existingFilterGroups[i];
var options = filterGroup.options;
var filterGroupElement = FieldFilterBuilder.createFilterGroup();
$(filterGroupElement).find('[name="' + ns + 'filterGroupName"]').val(filterGroup.filterGroupName);
$(filterGroupElement).find('[name="' + ns + 'filterPreselectedOptionName"]').val(filterGroup.filterPreselectedOptionName);
for (var x = 0; x < options.length; x++) {
var option = options[x];
var filterOptionElement = FieldFilterBuilder.createFilterOption($(filterGroupElement).find('.filter-options').get(0));
$(filterOptionElement).find('[name="' + ns + 'filterOptionName"]').val(option.filterOptionName);
var filters = option.filters;
var filtersElement = ($(filterOptionElement).find('.filters').get(0));
for (var y = 0; y < filters.length; y++) {
var filter = filters[y];
var filterElement = FieldFilterBuilder.createFilter(filtersElement);
$(filterElement).find('[name="' + ns + 'fieldName"]').val(filter.fieldName);
$(filterElement).find('[name="' + ns + 'filterOperator"]').val(filter.filterOperator);
$(filterElement).find('[name="' + ns + 'fieldValue"]').val(filter.fieldValue);
$(filterElement).find('[name="' + ns + 'numDays"]').val(filter.numDays);
$(filterElement).find('[name="' + ns + 'fieldType"]').val(filter.fieldType);
FieldFilterBuilder.showAndHideFilterFields($(filterElement), filter.fieldType);
}
}
}
}
};
A.FieldFilterBuilder = FieldFilterBuilder;
},
'', {
requires: [
'aui-base'
]
});
var namespace;
function loadScript(GOOGLE_API_KEY, portletNamespace) {
namespace = portletNamespace;
if (!(window.google && window.google.maps)) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?key=' + GOOGLE_API_KEY + '&callback=initAutocomplete&libraries=places&v=weekly'; //& needed
document.body.appendChild(script);
} else {
initAutocomplete();
}
}
function initAutocomplete() {
var autocomplete = new google.maps.places.Autocomplete(document.querySelector('#' + namespace + 'autocomplete'), {
componentRestrictions: { country: ['uk'] },
fields: ['formatted_address', 'geometry', 'name'],
types: ['geocode'],
});
autocomplete.addListener("place_changed", () => {
var place = autocomplete.getPlace();
if (!place.geometry || !place.geometry.location) {
return;
}
if (place.geometry.location) {
document.getElementById(namespace + "latitude").value = place.geometry.location.lat();
document.getElementById(namespace + "longitude").value = place.geometry.location.lng();
document.getElementById(namespace + "formattedAddress").value = place.formatted_address;
document.getElementById(namespace + "location-search-form").submit();
}
});
}
function clearCurrentLocation() {
document.getElementById(namespace + "formattedAddress").value = '';
document.getElementById(namespace + "location-search-form").submit();
}
function getCurrentLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
window.alert("Geolocation is not supported by this browser.");
}
}
function showPosition(position) {
document.getElementById(namespace + "latitude").value = position.coords.latitude;
document.getElementById(namespace + "longitude").value = position.coords.longitude;
document.getElementById(namespace + "formattedAddress").value = "Current location";
document.getElementById(namespace + "location-search-form").submit();
}
AUI.add(
'announcements-banner',
function(A) {
var AnnouncementsBanner = {
init: function() {
var elements = document.getElementsByClassName('announcement-dismiss-button');
for(var i = 0; i < elements.length; i++){
elements[i].onclick = function() {
$.ajax({
type: 'POST',
url: $(this).attr("href")
});
}
}
}
};
A.AnnouncementsBanner = AnnouncementsBanner;
},
'',
{
requires: [
'aui-base'
]
}
);
function displayAnnouncementsBanner() {
let announcements = $('#p_p_id_com_placecube_digitalplace_announcements_banner_web_AnnouncementsBannerPortlet_').detach();
if(announcements.length == 0 || !announcements.is(':visible')){
announcements.addClass('container');
$('header').siblings('#content').prepend(announcements);
announcements.show();
}
}
Liferay.on('endNavigate', function(){
displayAnnouncementsBanner()
});
Liferay.on('allPortletsReady', function(){
displayAnnouncementsBanner()
});
AUI.add(
'com-placecube-digitalplace-address-postcodelookup',
function (A) {
var NS = 'ns';
var ENTRY_EMPTY_OPTION = '';
var ENTRY_OPTION_TEMPLATE = '';
var SELECTED_CALLBACK = 'selectedCallback';
var UNSELECTED_CALLBACK = 'unselectedCallback';
var ADDRESS_FORM_CONTAINER_ID = 'addressFormContainerId';
var ADDRESS_LOOKUP_RESET_ID = 'addressLookupResetId';
var BUTTON_ADDRESS_LOOKUP_ID = 'btnAddressLookupId';
var FULL_ADDRESS_ID = 'fullAddressId';
var POST_CODE_FIELD_CONTAINER_ID = 'postcodeFieldContainerId';
var POSTCODE_ID = 'postcodeId';
var POST_CODE_LABEL_ID = 'postcodeLabelId';
var UPRN_ID = 'uprnId';
A.PostcodeLookup = A.Component.create({
NAME: 'com-placecube-digitalplace-address-postcodelookup',
EXTENDS: A.Component,
ATTRS: {
ns: {},
selectedCallback: {},
unselectedCallback: {},
fallbackToNationalLookup: {},
addressFormContainerId: {},
addressLookupResetId: {},
btnAddressLookupId: {},
fullAddressId: {},
postcodeFieldContainerId: {},
postcodeId: {},
postcodeLabelId: {},
uprnId: {}
},
prototype: {
render: function () {
var instance = this;
instance._init();
},
_init: function () {
var instance = this;
instance.set(ADDRESS_FORM_CONTAINER_ID, '#' + instance.get(NS) + 'addressFormContainer');
instance.set(ADDRESS_LOOKUP_RESET_ID, '#' + instance.get(NS) + 'addressLookupReset');
instance.set(BUTTON_ADDRESS_LOOKUP_ID, '#' + instance.get(NS) + 'btnAddressLookup');
instance.set(FULL_ADDRESS_ID, '#' + instance.get(NS) + 'fullAddress');
instance.set(POST_CODE_FIELD_CONTAINER_ID, '#' + instance.get(NS) + 'postcodeFieldContainer');
instance.set(POSTCODE_ID, '#' + instance.get(NS) + 'postcode');
instance.set(POST_CODE_LABEL_ID, '#' + instance.get(NS) + 'postcodeLabel');
instance.set(UPRN_ID, '#' + instance.get(NS) + 'uprn');
$(instance.get(BUTTON_ADDRESS_LOOKUP_ID)).on('click', function (e) {
var postcodeValue = $(instance.get(POSTCODE_ID)).val();
instance.lookupAddress(postcodeValue);
});
$(instance.get(ADDRESS_LOOKUP_RESET_ID)).on('click', function (e) {
e.preventDefault();
instance._resetAddressLookup();
instance._callback(UNSELECTED_CALLBACK);
});
$(instance.get(UPRN_ID)).on('change', function (e) {
instance._displaySelectedAddress(Liferay.Util.escape($(this).find("option:selected").text()));
if ($(this).prop('selectedIndex') > 0) {
instance._callback(SELECTED_CALLBACK);
} else {
instance._callback(UNSELECTED_CALLBACK);
}
});
},
lookupAddress: function (postcodeValue) {
var instance = this;
var uprnId = instance.get(UPRN_ID);
var postcodeId = instance.get(POSTCODE_ID);
var postcodeLabelId = instance.get(POST_CODE_LABEL_ID);
var btnAddressLookupId = instance.get(BUTTON_ADDRESS_LOOKUP_ID);
var addressFormContainerId = instance.get(ADDRESS_FORM_CONTAINER_ID);
var addressLookupResetId = instance.get(ADDRESS_LOOKUP_RESET_ID);
var isValidPostcode = postcodeValue.match(/[A-Z]{1,2}[0-9][0-9A-Z]?\s?[0-9][A-Z]{2}/gi);
if (isValidPostcode != null) {
postcodeValue = Liferay.Util.escape(postcodeValue);
Liferay.Service(
'/placecube_digitalplace.addresscontext/search-address-by-postcode',
{
companyId: Liferay.ThemeDisplay.getCompanyId(),
postcode: postcodeValue,
fallbackToNationalLookup: instance.get('fallbackToNationalLookup')
},
function (data) {
var addressesFound = data;
instance._displaySelectedAddress('');
$(uprnId).html('');
instance._clearErrorMessage();
if (addressesFound.length === 0) {
$(addressFormContainerId).addClass('hide');
instance._configurePostcodeErrorMessage('We\x20did\x20not\x20find\x20any\x20address\x20with\x20that\x20postcode\x2e\x20Please\x20check\x20you\x27ve\x20entered\x20it\x20correctly\x2e');
} else {
$(postcodeId).addClass('hide');
$(postcodeLabelId).html(postcodeValue);
$(postcodeLabelId).removeClass('hide');
$(btnAddressLookupId).addClass('hide');
$(addressFormContainerId).removeClass('hide');
$(addressLookupResetId).removeClass('hide');
var emptyOption = A.Lang.sub(
ENTRY_EMPTY_OPTION,
{
numberOfAddresses: addressesFound.length,
postcode: postcodeValue
}
);
$(uprnId).append(emptyOption);
$.each(addressesFound, function (key, value) {
var entryValue = A.Lang.sub(
ENTRY_OPTION_TEMPLATE,
{
addressId: value.UPRN,
addressValue: value.fullAddress,
selectedAddress: ''
}
);
$(uprnId).append(entryValue);
});
}
}
);
} else {
instance._displaySelectedAddress('');
$(uprnId).html('');
instance._clearErrorMessage();
$(addressFormContainerId).addClass('hide');
instance._configurePostcodeErrorMessage('Please\x20enter\x20a\x20valid\x20postcode');
}
},
_callback: function (callback) {
var instance = this;
if (instance.get(callback)) {
eval(instance.get(callback));
}
},
_clearErrorMessage: function () {
var instance = this;
var postcodeFieldContainerId = instance.get(POST_CODE_FIELD_CONTAINER_ID);
$(postcodeFieldContainerId + ' .form-group.input-text-wrapper').removeClass('has-success has-error');
$(postcodeFieldContainerId + ' .field.form-control').removeClass('error-field');
$(postcodeFieldContainerId + ' .form-group.input-text-wrapper .form-validator-stack').remove();
},
_configurePostcodeErrorMessage: function (errorMessage) {
var instance = this;
var postcodeFieldContainerId = instance.get(POST_CODE_FIELD_CONTAINER_ID);
$(postcodeFieldContainerId + ' .form-group.input-text-wrapper').addClass('has-error');
$(postcodeFieldContainerId + ' .field.form-control').addClass('error-field');
$(postcodeFieldContainerId + ' .form-group.input-text-wrapper').append('' + errorMessage + '