Your IP : 216.73.217.13
/**
* ------------------------------------------------------------------------
* JA ACM Module
* ------------------------------------------------------------------------
* Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* ------------------------------------------------------------------------
*/
(function ($) {
$(document).ready(function () {
var url = $('div#userModal_features_intro_user_id');
var user = {};
if (url.length) {
url = url.attr('data-url');
$.ajax({
type: 'GET',
url: url,
async: false,
success: function (responseText) {
var htmlObj = $(responseText);
$.each(htmlObj.find('th > a'), function (idx, el) {
var el = $(el);
var userName = el.attr('data-user-name');
var userId = el.attr('data-user-value');
if (userName !== undefined && userId !== undefined) {
user[userId] = userName;
}
})
}
}).fail(function (res) {
console.log(`code: ${res.status}: Can not get Response Text from ${url}`);
})
}
$.each($('div#acm-sortable1').find('input.field-user-input'), function (idx, el) {
var el = $(el);
var userId = $.isEmptyObject(user) ? el.val() : user[el.val()];
if (idx !== 0){
$('input#features_intro_user_id_' + idx).attr('value', userId);
}else{
$('input#features_intro_user_id').attr('value', userId);
}
});
})
$.fn.bindActions = function (btn, object) {
var $element = $(this),
$confirmbox = new jBox ('Confirm', {id: 'amc-confirm'});
$element.find(btn).on('click', function () {
var $btn = $(this),
action = $btn.data('action'),
func = object[action] ? action : action.replace('-', '_');
if (typeof object[func] == 'function') {
if ($btn.data('confirm')) {
$confirmbox.options.confirm = function () {
object[func]($btn);
setTimeout(function () {
$element.trigger(action)
}, 100);
}
$confirmbox.open();
} else {
object[func]($btn);
setTimeout(function () {
$element.trigger(action)
}, 100);
}
}
})
};
$.fn.elasticTextarea = function (events) {
var $element = $(this);
var autoheightResize = function (box, reset) {
var $box = $(box),
padding = $box.outerHeight() - $box.height();
if (reset) {
$box.height(20);
} else if ($box.data('scrollheight') == box.scrollHeight) {
// not reset & scrollheight not change
return;
}
// update height
$box.height(box.scrollHeight - padding);
// store current scroll height
$box.data('scrollheight', box.scrollHeight);
};
$element.find('textarea').addClass('autoheight').on("keyup change", function () {
autoheightResize(this);
}).on("focus blur resize update", function () {
autoheightResize(this, true);
});
$element.on(events, function () {
$element.find('textarea').trigger('update');
})
};
$.fn.jaclone = function (idx) {
var $item = $(this),
$newitem = $item.clone(true, true),
atags = $newitem.find('a');
$newitem.find('input, select, textarea, button, a').each(function () {
if ($(this).attr('id') == undefined) return;
// update id, name
var newid = this.id + '_' + idx,
oldid = this.id;
// update label for
$newitem.find('[for="' + oldid + '"]').attr('for', newid).attr('id', newid + '-lbl');
this.id = newid;
this.name = $(this).data('name') + '[' + idx + ']';
// find a tag and update id
atags.each(function (i, a) {
if (a.href) a.href = a.href.replace('fieldid=' + oldid + '&', 'fieldid=' + newid + '&');
if ($(a).attr('onclick')) $(a).attr('onclick', $(a).attr('onclick').replace('\'' + oldid + '\'', '\'' + newid + '\''));
});
// update image preview tips
var regex = new RegExp('"' + oldid + '_preview', 'gm'),
oldtips = $item.find('.hasTipPreview'),
newtips = $newitem.find('.hasTipPreview');
oldtips.each(function (i, tip) {
if (tip.retrieve && tip.retrieve('tip:title') && tip.retrieve('tip:text') && tip.retrieve('tip:text').match(regex)) {
newtips[i].store('tip:title', tip.retrieve('tip:title'));
newtips[i].store('tip:text', tip.retrieve('tip:text').replace(regex, '"' + newid + '_preview'));
} else if (tip.title.match(regex)) {
newtips[i].title = tip.title.replace(new RegExp('"' + oldid + '_preview', 'gm'), '"' + newid + '_preview');
}
});
// update button
var $button = $newitem.find('#' + oldid + '_img');
if ($button.length) {
$button.attr('id', newid + '_img');
}
});
return $newitem;
};
})(jQuery);
var jaTools = {};
(function ($) {
jaTools.fixCloneObject = function ($newitem, bindEvents) {
// fix for jQuery Chosen
if ($newitem.find('select').next().hasClass('chzn-container')) {
// remove chosen if found and recreate it
$newitem.find('.chzn-container').remove();
$newitem.find('select').data('chosen', null).chosen();
}
// rebind events for image button & tips
if (bindEvents) {
// enable modal
// SqueezeBox.assign($newitem.find('a').filter('.modal').get(), {
// parse: 'rel'
// });
// // init new tips
// new Tips($newitem.find('.hasTip').get(), {maxTitleChars: 50, fixed: false});
// new Tips($newitem.find('.hasTipPreview').get(), {
// maxTitleChars: 50,
// fixed: false,
// onShow: window.jMediaRefreshPreviewTip ? jMediaRefreshPreviewTip : function(){}
// });
}
};
jaTools.getVal = function (elem, $parent) {
var $elem = $(elem),
name = $elem.data('name'),
type = $elem.attr('type'),
$fields = $parent.find($elem.prop('tagName')).filter(function () {
return $(this).data("name") == name
});
if (type == 'checkbox') {
}
if (type == 'radio') $fields = $fields.filter(':checked');
return $fields.map(function () {
return type == 'checkbox' ? $(this).prop('checked') : $(this).val()
}).get();
};
jaTools.setVal = function ($elem, value) {
if (!$elem.length) return;
var type = $elem.attr('type'),
tag = $elem.prop('tagName');
if (type == 'radio') {
$elem.removeAttr('checked').filter('[value="' + value + '"]').prop('checked', true);
} else if (type == 'checkbox') {
$elem.prop('checked', value);
} else {
$elem.val(value);
}
};
})(jQuery);
jaToolsInit = function ($) {
var $allElems, activeType, activeLayout, $activeType, advancedForm, configs = null;
var initConfigForm = function (bindEvent) {
// Update config data
if (!configs) {
configs = getJSon(decodeHtml($('#jatools-config').val()));
}
// display correct form
displayConfig(bindEvent);
};
var displayConfig = function (rebind) {
var $jaacmadmin = $('#ja-acm-admin'),
tmp = $jaacmadmin.data('activetype').split(':');
activeType = tmp.length == 1 ? tmp[0].trim() : tmp[1].trim();
$activeType = $('#jatools-' + activeType);
activeLayout = $jaacmadmin.data('activelayout');
// update active form
updateActiveForm(rebind);
// fix chozen
jaTools.fixCloneObject($activeType);
};
var updateVal = function (fname) {
var $elem = $allElems.filter(function () {
return $(this).data("name") == fname
}).first();
if ($elem.data('ignoresave')) return;
// check if this fields in a hide group - used for other style
if ($elem.parents('.control-group').first().hasClass('hide')) return;
if ($elem.parents('.jatools-group').first().hasClass('hide')) return;
var val = $elem.data('acm-object') ? $elem.data('acm-object').getData() : jaTools.getVal($elem, $activeType),
layout = $elem.parents('.jatools-layout-config');
configs[activeType][fname] = val;
};
var getJSon = function (str) {
var result = {};
try {
result = JSON.parse(str.trim());
} catch (e) {
return {};
}
return $.isPlainObject(result) ? result : {};
};
var encodeHtml = function (str) {
return String(str)
.replace(/</g, '((')
.replace(/>/g, '))');
};
var decodeHtml = function (str) {
return String(str)
.replace(/\(\(/g, '<')
.replace(/\)\)/g, '>');
};
var updateActiveForm = function (rebind) {
// update value to form
if (!activeType || !$activeType) return;
// check sample data
if (!configs[activeType]) {
configs[activeType] = null;
var sampledata = getJSon(decodeHtml($activeType.find('[name="jatools-sample-data"]').val()));
configs[activeType] = sampledata && sampledata[activeType] ? sampledata[activeType] : sampledata;
}
var data = configs[activeType];
if (!data) return;
$.each(data, function (field_name, value) {
var $elem = $activeType.find('[name="' + field_name + '"]'),
field_data = data[field_name],
group = $elem.parents('.jatools-group');
if (!$elem.length) return;
if ($elem.data('acm-object')) {
$elem.data('acm-object').bindData(field_name, data);
} else if ($.isArray(field_data) && group.hasClass('jatools-multiple')) {
// find this field
var $rows = group.find('.jatools-row');
if ($rows.length && field_data.length > $rows.length) {
var $lastrow = $rows.last();
for (var i = $rows.length; i < field_data.length; i++) {
// clone row
$lastrow = $rows.first().jaclone(i).insertAfter($lastrow);
jaTools.fixCloneObject($lastrow, rebind);
}
}
$rows = group.find('.jatools-row');
// check & update data
// rows = group.find ('.jatools-row');
for (let i in field_data) {
let val = field_data[i];
var $elem = $($rows[i]).find('input, select, textarea').filter(function () {
return $(this).data('name') == field_name
});
jaTools.setVal($elem, val);
}
} else {
$elem.attr('data-alt-value', $.isArray(field_data) && $elem.prop('name').substr(-2) != '[]' ? field_data[0] : field_data); // fix for calendar field.
jaTools.setVal($elem, $.isArray(field_data) && $elem.prop('name').substr(-2) != '[]' ? field_data[0] : field_data);
}
});
// compatible with old version
$activeType.find('.acm-object').each(function () {
var $this = $(this),
field_name = this.name;
if (!data[field_name]) {
$this.data('acm-object').bindData(field_name, data);
}
});
// end compatible
// get all form elements
$allElems = $('.jatools-layout-config').find('input, select, textarea');
$activeType.trigger('change');
};
var getData = function () {
configs = {};
configs[':type'] = $('#ja-acm-admin').data('activetype');
configs[activeType] = {};
configs[activeType]['jatools-layout-' + activeType] = activeLayout;
var $elems = $activeType.find('input, select, textarea'),
names = $elems.map(function () {
return $(this).data('name')
}).get();
for (let i in names) {
let fname = names[i];
updateVal(fname);
}
return encodeHtml(JSON.stringify(configs));
};
var updateData = function () {
// close dialog
// update data to form
var advancedvalue = decodeHtml($("#acm-advanced-input").val()),
_config = getJSon(advancedvalue);
if (!_config[':type']) return;
var newType = _config[':type'],
tmp = newType.split(':'),
newSelectedType = tmp.length == 1 ? tmp[0].trim() : tmp[1].trim(),
newLayout = _config[newSelectedType]['jatools-layout-' + newSelectedType];
if (!newLayout) return;
if ((newType != activeType && newSelectedType != activeType) || newLayout != activeLayout) {
// store temporary value in cookie, and reload form
var expire = new Date();
expire.setTime(expire.getTime() + 3600000);
document.cookie = "advancedvalue=" + advancedvalue + "; expires=" + expire.toGMTString() + "; path=/";
window.location.reload(true);
} else {
configs = _config;
initConfigForm(true);
}
};
var advancedFormInit = function () {
var $button = $('#toolbar-advanced');
$button.attr('onclick', '');
new jBox('Confirm', {
attach: $button,
title: 'ACM Data',
content: $('#acm-advanced-form'),
width: 550,
height: 300,
confirmButton: 'Update',
cancelButton: 'Close',
confirm: function() {
updateData();
},
onOpen: function() {
$("#acm-advanced-input").val(getData());
}
});
return;
};
// get all form elements
$allElems = $('.jatools-layout-config').find('input, select, textarea');
$allElems.each(function () {
var $this = $(this);
if ($this.hasClass('required')) {
$this.attr('required', 'required').removeClass('required');
}
$this.data('name', this.name);
});
initConfigForm(false);
// bind submit event for form
document.adminForm.onsubmit = function () {
$('#jatools-config').val(getData());
};
// bind event for btn-add, btn-del
$('.jatools-btn-add').on('click', function () {
var $rows = $(this).parents('.jatools-group').find('.jatools-row');
jaTools.fixCloneObject($rows.first().jaclone($rows.length).insertAfter($rows.last()), true);
let $newitem = $('.jatools-row').last();
bindMediafield($newitem.find('joomla-field-media'));
// update $allElems
$allElems = $('.jatools-layout-config').find('input, select, textarea');
});
$('.jatools-btn-del').on('click', function () {
var $this = $(this),
$row = $this.parent(),
$fieldset = $row.parent();
// move this button out
$this.appendTo($fieldset);
$row.remove();
// update $allElems
$allElems = $('.jatools-layout-config').find('input, select, textarea');
});
// hover event for row
$('.jatools-row').on('mouseenter', function () {
if ($(this).is($(this).parent().find('.jatools-row').first())) return;
// check if this is the last row, do nothing
if ($(this).parent().find('.jatools-row').length < 2) return;
$(this).parent().find('.jatools-btn-del').appendTo($(this));
}).on('mouseleave', function () {
$(this).find('.jatools-btn-del').appendTo($(this).parent());
});
// build done, fire change events
$(document).ready(function () {
$('.jatools-layout-config').trigger('change');
});
// store this
$.data(document, 'jaToolsACM', this);
// bind the advanced button
// $(window).on('load', function(){
advancedFormInit();
// });
// add expand panel button
var $fsbtn = $('<div class="toggle-fullscreen"><i class="fa fa-expand icon-expand"></i><i class="fa fa-compress icon-contract"></i></div>'),
$acmadmin = $('.ja-acm-admin');
if ($acmadmin.hasClass('joomla2')) {
var $parent = $('body');
$parent.find('.panel').first().addClass('acm-panel');
$fsbtn.appendTo('#basic-options').click(function (e) {
e.stopPropagation();
if ($parent.hasClass ('full-screen')) {
$parent.removeClass('full-screen');
} else {
$parent.addClass('full-screen');
}
});
} else {
$fsbtn.appendTo('#general > .row-fluid > .span9 > h3').click(function (e) {
e.stopPropagation();
var $panel = $('body');
if ($panel.hasClass ('full-screen')) {
$panel.removeClass('full-screen');
} else {
$panel.addClass('full-screen');
}
});
}
};
jQuery(document).ready(function($){
if(typeof JFormValidator != 'undefined'){
//overwrite
JFormValidator.prototype.removeMarking = function (element) {
if(element === null) return;
// Get the associated label
let message;
const label = element.form.querySelector(`label[for="${element.id}"]`);
if (label) {
message = label.querySelector('span.form-control-feedback');
}
element.classList.remove('form-control-danger');
element.classList.remove('form-control-success');
element.classList.remove('invalid');
element.classList.add('valid');
element.parentNode.classList.remove('has-danger');
element.parentNode.classList.remove('has-success'); // Remove message
if (message) {
if (label) {
label.removeChild(message);
}
} // Restore Label
if (label) {
label.classList.remove('invalid');
}
};
}
// update on Joomla 4 trigger submitForm on advanced button
var JASubmitButton = Joomla.submitbutton;
Joomla.submitbutton = function(task, formSelector, validate){
if(task == 'advanced'){
return false;
}
JASubmitButton(task, formSelector, validate);
}
});
function bindMediafield($ele) {
// get base path
let getUrl = window.location;
let baseUrl = getUrl .protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
let modal = $ele;
if (modal != null && modal.length) {
jQuery.each(modal, function() {
let $self = jQuery(this).find('.joomla-modal');
let $id = jQuery(this).find('input[type="text"]').attr('id');
$self.attr('id', $id);
// remove all the event attach to modal
$self.off('show.bs.modal').off('shown.bs.modal').off('hide.bs.modal');
let $clone = $self.clone(false, false);
$self.remove();
jQuery(this).prepend($clone);
// media refresh on first load. will be change in the future.
let img = jQuery(this).find('img');
let src = img.attr('src');
if (src != undefined) {
src = src.replace(baseUrl, '/');
if (src.search(/\.\.\//g) === -1) {
let now = new Date();
img.removeAttr('src').attr('src', baseUrl+src+'?v='+now.getTime());
}
}
$clone.on('show.bs.modal', function() {
if ($clone.data('url')) {
let modalBody = $clone.find('.modal-body');
modalBody.find('iframe').remove();
modalBody.prepend($clone.data('iframe'));
}
}).on('shown.bs.modal', function() {
let modalHeight = jQuery('div.modal:visible').outerHeight(true),
modalHeaderHeight = jQuery('div.modal-header:visible').outerHeight(true),
modalBodyHeightOuter = jQuery('div.modal-body:visible').outerHeight(true),
modalBodyHeight = jQuery('div.modal-body:visible').height(),
modalFooterHeight = jQuery('div.modal-footer:visible').outerHeight(true),
padding = $clone.offsetTop,
maxModalHeight = (jQuery(window).height()-(padding*2)),
modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
if ($clone.data('url')) {
let iframeHeight = jQuery('.iframe').height();
if (iframeHeight > maxModalBodyHeight){
jQuery('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
jQuery('.iframe').css('max-height', maxModalBodyHeight-modalBodyPadding);
}
}
}).on('hide.bs.modal', function () {
jQuery('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
jQuery('.modalTooltip').tooltip('dispose');
}).on('hidden.bs.modal', function () {
// media refresh after close modal. will be change in the future.
if ($ele.hasClass('field-media-wrapper')) { // only using change image when image type.
// setTimeout(function(){
// baseUrl+$clone.parents('joomla-field-media').find('img').attr('src')
$clone.parents('joomla-field-media').find('img').attr('src', $clone.parents('joomla-field-media').find('img').attr('src') );
// }, 1000);
}
});
});
}
}