425 lines
18 KiB
JavaScript
425 lines
18 KiB
JavaScript
/*
|
|
* 2007-2017 PrestaShop
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Academic Free License (AFL 3.0)
|
|
* that is bundled with this package in the file LICENSE.txt.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* http://opensource.org/licenses/afl-3.0.php
|
|
* If you did not receive a copy of the license and are unable to
|
|
* obtain it through the world-wide-web, please send an email
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
|
* needs please refer to http://www.prestashop.com for more information.
|
|
*
|
|
* @author ST-themes <hellolee@gmail.com>
|
|
* @copyright 2007-2017 ST-themes
|
|
* @license Use, by you or one client for one Prestashop instance.
|
|
*/
|
|
(function (factory) {
|
|
if (typeof define === 'function' && define.amd) {
|
|
// AMD. Register as an anonymous module.
|
|
define(['jquery'], factory);
|
|
} else if (typeof module === 'object' && typeof module.exports === 'object') {
|
|
factory(require('jquery'));
|
|
} else {
|
|
// Browser globals
|
|
factory(jQuery);
|
|
}
|
|
}(function ($) {
|
|
var functions = {
|
|
update_source_code: function(adv_source_code, that){
|
|
adv_source_code.val($((typeof(adv_content_only)!=='undefined' && adv_content_only ? '.layered_content' : '.st_banner_block'), that).html().replace(/<img[^>]*>/g, "").replace(/(?:\r\n|\r|\n)/g, "").replace(/\t/g, ""));
|
|
},
|
|
text_val: function(element, that){
|
|
var text_val = element.val();
|
|
var target = $(element.data('target'), that);
|
|
$(element.data('target'), that).html(text_val);
|
|
if(text_val)
|
|
target.removeClass('hidden');
|
|
else
|
|
target.addClass('hidden');
|
|
},
|
|
button_val: function(element, that){
|
|
if(element.val())
|
|
$(element.data('target'), that).removeClass('hidden-xs-up').html(element.val()).parent('a').attr('title', element.val());
|
|
else
|
|
$(element.data('target'), that).addClass('hidden-xs-up');
|
|
},
|
|
button_url_val: function(element, that, banner_url_val){
|
|
var target = $(element.data('target'), that);
|
|
var url = element.val();
|
|
if(banner_url_val.val() || !url)
|
|
{
|
|
if(target.parent('a').length)
|
|
target.unwrap();
|
|
}
|
|
else
|
|
{
|
|
if(target.parent('a').length)
|
|
target.parent('a').attr('href', url);
|
|
else
|
|
target.wrap( '<a href="'+url+'" title="'+element.closest('.col-9').find('.adveditor_button').val()+'" rel="nofollow" class="style_button_wrap"></a>');
|
|
}
|
|
},
|
|
banner_url_val: function(element, that, adv_content, button_url_val){
|
|
var url = element.val();
|
|
if(url){
|
|
if(that.find('.style_button').parent('a').length)
|
|
that.find('.style_button').unwrap();
|
|
|
|
if(adv_content.parent('a').length)
|
|
adv_content.parent('a').attr('href', url);
|
|
else
|
|
adv_content.wrap( '<a href="'+url+'" title="'+element.closest('.col-9').find('.adveditor_banner_url_title').val()+'" rel="nofollow" class="style_a_wrap"></a>');
|
|
}
|
|
else{
|
|
if(adv_content.parent('a').length)
|
|
adv_content.unwrap();
|
|
//
|
|
$.each(button_url_val,function(){
|
|
var url = $(this).val();
|
|
if(url){
|
|
var target = $($(this).data('target'), that);
|
|
if(target.parent('a').length)
|
|
target.parent('a').attr('href', url);
|
|
else
|
|
target.wrap( '<a href="'+url+'" title="'+$(this).closest('.col-9').find('.adveditor_button').val()+'" rel="nofollow" class="style_button_wrap"></a>');
|
|
}
|
|
else{
|
|
//useless
|
|
var target = $($(this).data('target'), that);
|
|
if(target.parent('a').length)
|
|
target.unwrap();
|
|
}
|
|
});
|
|
}
|
|
},
|
|
banner_url_title_val: function(element, that){
|
|
$('.style_a_wrap', that).attr('title', element.val());
|
|
},
|
|
color_val: function(element, that){
|
|
$(element.data('target'), that).css(element.data("property"), element.val());
|
|
},
|
|
size_val: function(element, that){
|
|
var _val = element.val();
|
|
var property = element.data("property");
|
|
|
|
if(property == 'font-size' && element.data("unit")=='em')
|
|
_val = Math.round(_val/12*100) / 100;
|
|
|
|
$.each(property.split(' '),function(index, value){
|
|
if(element.data(' ') && _val===0)
|
|
$(element.data('target'), that).css(value, '0'+element.data("unit"));
|
|
else if(_val)
|
|
$(element.data('target'), that).css(value, _val+element.data("unit"));
|
|
else
|
|
$(element.data('target'), that).css(value, '');
|
|
});
|
|
if(property == 'height' && element.data("line-height"))
|
|
$(element.data('target'), that).css('line-height', (_val-parseInt(element.data("line-height")))+element.data("unit"));
|
|
},
|
|
width_val: function(element, that){
|
|
var _val = parseInt(element.val());
|
|
$(element.data('target'), that).removeClass('width_100 width_90 width_80 width_70 width_60 width_50 width_40 width_30 width_20 width_10 width_91 width_81 width_71 width_61 width_51 width_41 width_31 width_21 width_11 width_92 width_82 width_72 width_62 width_52 width_42 width_32 width_22 width_12').addClass('width_'+_val);
|
|
},
|
|
font_val: function(element, that, googleFontsJson){
|
|
var identi = element.attr('id');
|
|
var selected_font = element.val();
|
|
var font_weight = font_style = 'normal';
|
|
var variant_dom = $('#'+identi+'_weight').empty();
|
|
|
|
if(selected_font)
|
|
{
|
|
if(!$('#'+identi+'_link').size())
|
|
$('head').append('<link id="'+identi+'_link" rel="stylesheet" type="text/css" href="" />');
|
|
var cf_key = selected_font.replace(/\s/g, '_');
|
|
var variant = '';
|
|
|
|
$.each(googleFontsJson[cf_key]['variants'], function(i,n){
|
|
var option_dom = $('<option>', {
|
|
value: n,
|
|
text: n
|
|
});
|
|
if(n=='regular')
|
|
{
|
|
variant = 'regular';
|
|
option_dom.attr('selected','selected');
|
|
}
|
|
variant_dom.append(option_dom);
|
|
});
|
|
if(!variant)
|
|
{
|
|
variant = googleFontsJson[cf_key]['variants'][0];
|
|
var font_weight_arr = variant.match(/\d+/g);
|
|
var font_style_arr = variant.match(/[^\d]+/g);
|
|
if(font_weight_arr)
|
|
font_weight = font_weight_arr[0];
|
|
if(font_style_arr)
|
|
font_style = font_style_arr[0];
|
|
if (font_style == 'regular')
|
|
font_style = 'normal';
|
|
}
|
|
|
|
$('link#'+identi+'_link').attr({href:'//fonts.googleapis.com/css?family=' + selected_font.replace(' ', '+')+':'+variant});
|
|
}
|
|
$(element.data('target'), that).css({'font-family': selected_font, 'font-weight':font_weight,'font-style':font_style});
|
|
},
|
|
font_weight_val: function(element, that){
|
|
var identi = element.attr('id').replace('_weight','');
|
|
var selected_font = $('#'+identi).val();
|
|
var selected_weight = element.val();
|
|
var font_weight = font_style = 'normal';
|
|
if(selected_weight)
|
|
{
|
|
var font_weight_arr = selected_weight.match(/\d+/g);
|
|
var font_style_arr = selected_weight.match(/[^\d]+/g);
|
|
if(font_weight_arr)
|
|
font_weight = font_weight_arr[0];
|
|
if(font_style_arr)
|
|
font_style = font_style_arr[0];
|
|
if (font_style == 'regular')
|
|
font_style = 'normal';
|
|
}
|
|
else
|
|
return false;
|
|
|
|
if(!$('#'+identi+'_link').size())
|
|
$('head').append('<link id="'+identi+'_link" rel="stylesheet" type="text/css" href="" />');
|
|
|
|
$('link#'+identi+'_link').attr({href:'//fonts.googleapis.com/css?family=' + selected_font.replace(' ', '+')+':'+selected_weight});
|
|
|
|
$(element.data('target'), that).css({'font-family':selected_font,'font-weight':font_weight,'font-style':font_style});
|
|
},
|
|
h_align: function(element, h_align, adv_content){
|
|
h_align.each(function(){
|
|
adv_content.removeClass($(this).val());
|
|
});
|
|
adv_content.addClass(element.val());
|
|
},
|
|
v_align: function(element, v_align, adv_content){
|
|
v_align.each(function(){
|
|
adv_content.removeClass($(this).val());
|
|
});
|
|
adv_content.addClass(element.val());
|
|
},
|
|
t_align: function(element, t_align, adv_content){
|
|
t_align.each(function(){
|
|
adv_content.removeClass($(this).val());
|
|
});
|
|
adv_content.addClass(element.val());
|
|
},
|
|
btn_val: function(element, btn_val, that){
|
|
var target = $(element.data('target'), that);
|
|
btn_val.each(function(){
|
|
target.removeClass($(this).attr('class').replace('adveditor_btn btn',''));
|
|
});
|
|
target.addClass(element.attr('class').replace('adveditor_btn btn',''));
|
|
}
|
|
};
|
|
$.fn.adveditor = function(options) {
|
|
var options = $.extend({
|
|
googleFontsJson: ''
|
|
},
|
|
options);
|
|
$('.adveditor_close').click(function(){
|
|
window.top.$('#modal_adv_editor').modal('hide');
|
|
});
|
|
this.each(function() {
|
|
var that = $(this),
|
|
adv_content = $('.adveditor_content', that),
|
|
adv_insert = $('.adveditor_insert', that),
|
|
adv_code = $('.adveditor_code', that),
|
|
adv_copy = $('.adveditor_copy', that),
|
|
adv_btn_hide = $('.adveditor_btn_hide', that),
|
|
adv_btn_show = $('.adveditor_btn_show', that),
|
|
adv_transform = $('.adveditor_transform', that),
|
|
adv_help_link = $('.adveditor_help_link', that),
|
|
adv_source_code_block = $('.adveditor_source_code_block', that),
|
|
adv_source_code = $('.adveditor_source_code', that),
|
|
|
|
text_val = $('.adveditor_text_val', that),
|
|
color_val = $('.mColorPickerInput', that),
|
|
size_val = $('.adveditor_size', that),
|
|
font_val = $('.adveditor_font', that),
|
|
width_val = $('.adveditor_width', that),
|
|
font_weight_val = $('.adveditor_font_weight', that),
|
|
banner_url_val = $('.adveditor_banner_url', that),
|
|
banner_url_title_val = $('.adveditor_banner_url_title', that),
|
|
button_val = $('.adveditor_button', that),
|
|
button_url_val = $('.adveditor_button_url', that),
|
|
btn_val = $('.adveditor_btn', that),
|
|
h_align = $('.h_align', that),
|
|
v_align = $('.v_align', that);
|
|
t_align = $('.t_align', that);
|
|
|
|
|
|
if(window.top!=window.self){
|
|
adv_insert.on('click', function(e){
|
|
window.top.tinyMCE.get((typeof(adveditor_target)!=='undefined' ? adveditor_target : 'description')+'_'+window.top.id_language).setContent(adv_source_code.val());
|
|
window.top.tinyMCE.triggerSave();
|
|
//
|
|
var google_font_name = '';
|
|
$.each(font_val, function(){
|
|
if($(this).val())
|
|
google_font_name += $(this).val()+':'+$('#'+$(this).attr('id')+'_weight').val()+'¤';
|
|
});
|
|
if(google_font_name)
|
|
{
|
|
var google_font_field = window.top.$('#google_font_name');
|
|
google_font_field.val(google_font_field.val()+google_font_name);
|
|
}
|
|
var timerId = null;
|
|
var alter_message = $(this).closest('.col-9').find('.alert-success').removeClass('hidden-xs-up');
|
|
function hideAlertSuccess()
|
|
{
|
|
alter_message.addClass('hidden-xs-up');
|
|
clearTimeout(timerId);
|
|
}
|
|
timerId = setTimeout(hideAlertSuccess, 3000);
|
|
});
|
|
}
|
|
adv_btn_hide.on('click',function(e){
|
|
$($(this).data('target'), that).addClass('hidden-xs-up');
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
adv_btn_show.on('click',function(e){
|
|
$($(this).data('target'), that).removeClass('hidden-xs-up');
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
adv_transform.on('click',function(e){
|
|
$($(this).data('target'), that).removeClass('text-capitalize text-uppercase text-lowercase').addClass($(this).data('transform'));
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
adv_code.on('click',function(e){
|
|
adv_source_code_block.toggleClass('display_none');
|
|
});
|
|
adv_help_link.on('click',function(e){
|
|
$(this).find('img').toggle();
|
|
return false;
|
|
});
|
|
adv_copy.on('click',function(e){
|
|
functions.update_source_code(adv_source_code, that);
|
|
adv_source_code.select();
|
|
document.execCommand("copy");
|
|
var timerId = null;
|
|
var alter_message = $(this).closest('.col-9').find('.alert-success').removeClass('hidden-xs-up');
|
|
function hideAlertSuccess()
|
|
{
|
|
alter_message.addClass('hidden-xs-up');
|
|
clearTimeout(timerId);
|
|
}
|
|
timerId = setTimeout(hideAlertSuccess, 3000);
|
|
});
|
|
|
|
text_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.text_val($(this), that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.text_val($(this), that);
|
|
});
|
|
|
|
button_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.button_val($(this), that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
// functions.button_val($(this), that);
|
|
});
|
|
button_url_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.button_url_val($(this), that, banner_url_val);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
// functions.button_url_val($(this), that, banner_url_val);
|
|
});
|
|
|
|
banner_url_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.banner_url_val($(this), that, adv_content, button_url_val);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
// empty by default.
|
|
});
|
|
banner_url_title_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.banner_url_title_val($(this), that, adv_content);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
// empty by default.
|
|
});
|
|
|
|
color_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.color_val($(this), that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.color_val($(this), that);
|
|
});
|
|
|
|
size_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.size_val($(this), that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.size_val($(this), that);
|
|
});
|
|
font_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.font_val($(this), that, options.googleFontsJson);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.font_val($(this), that, options.googleFontsJson);
|
|
});
|
|
font_weight_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.font_weight_val($(this), that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.font_weight_val($(this), that);
|
|
});
|
|
|
|
width_val.each(function(){
|
|
$(this).on('change',function(){
|
|
functions.width_val($(this), that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.width_val($(this), that);
|
|
});
|
|
|
|
h_align.on('change',function(){
|
|
functions.h_align($(this), h_align, adv_content);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.h_align(h_align.filter(':checked'), h_align, adv_content);
|
|
|
|
v_align.on('change',function(){
|
|
functions.v_align($(this), v_align, adv_content);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.v_align(v_align.filter(':checked'), v_align, adv_content);
|
|
|
|
t_align.on('change',function(){
|
|
functions.t_align($(this), t_align, adv_content);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
functions.t_align(t_align.filter(':checked'), t_align, adv_content);
|
|
|
|
btn_val.on('click',function(){
|
|
functions.btn_val($(this), btn_val, that);
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
|
|
//
|
|
functions.update_source_code(adv_source_code, that);
|
|
});
|
|
return this;
|
|
};
|
|
}));
|