PHP Classes

File: admin/js/script.js

Recommend this page to a friend!
  Classes of Juan Chaves   WordPress Popup Plugin   admin/js/script.js   Download  
File: admin/js/script.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: WordPress Popup Plugin
Plugin to show popup windows in WordPress pages
Author: By
Last change:
Date: 4 years ago
Size: 9,634 bytes
 

Contents

Class file image Download
"use strict"; var vswppPopupOpacity; var vswppColorPopup; var vswppWidthPopup; var vswppHeightPopup; var vswppTextColor; var vswppBorderWidth; var vswppRadius; var vswppContents; var vswppBackgroundOpacity; var vswppBackgroundColor; var vswppIdPopup; var vswppArrayDataPopup; var vswppBorderColor; var vswppImgClose = jQuery('.vswpp-preview-popup').attr('imgclose'); var closePopup = function() { jQuery('#vswpp-close-popup').remove(); }; var vswppDataPopup; var vswppTitlePopup; var vswppIdPopupEdit; var vswppTemplate; (function($) { jQuery(document).ready(function() { //is border jQuery('select#vswpp-select-border').change(function() { if(jQuery(this).val() == 1) { jQuery('#vswpp-bd').show('slow'); } else if(jQuery(this).val() == 0) { jQuery('#vswpp-bd').fadeOut('slow'); jQuery('#vswpp-border-width').val(0); jQuery('#vswpp-radius-popup').val(0); } }); //type of border jQuery('select#vswpp-type').change(function() { if(jQuery(this).val() == 1) { jQuery('#vswpp-radius').show('slow'); } else if(jQuery(this).val() == 0) { jQuery('#vswpp-radius').fadeOut('slow'); jQuery('#vswpp-radius-popup').val(0); } }); //border color jQuery('#vswpp-border-color').change(function() { jQuery('#border-hex-color').html(jQuery(this).val()); }); //text color jQuery('#vswpp-text-color').change(function() { jQuery('#vswpp-text-hex-color').html(jQuery(this).val()); }); //background color jQuery('#vswpp-background-color').change(function() { jQuery('#vswpp-background-hex-color').html(jQuery(this).val()); }); //background color popup jQuery('#vswpp-background-color-popup').change(function() { jQuery('#vswpp-background-hex-color-popup').html(jQuery(this).val()); }); //background opacity jQuery('#vswpp-background-opacity').change(function() { jQuery('#vswpp-background-opacity-value').html(jQuery(this).val() / 100); }); //background opacity popup jQuery('#vswpp-popup-opacity').change(function() { jQuery('#vswpp-popup-opacity-value').html(jQuery(this).val() / 100); }); //preview jQuery('.vswpp-preview-popup').click(function() { vswppPopupOpacity = jQuery('#vswpp-popup-opacity').val(); vswppColorPopup = jQuery('#vswpp-background-color-popup').val(); vswppWidthPopup = jQuery('#vswpp-width').val(); vswppHeightPopup = jQuery('#vswpp-height').val(); vswppTextColor = jQuery('#vswpp-text-color').val(); if(jQuery('#vswpp-select-border').val() == 1) { vswppBorderWidth = jQuery('#vswpp-border-width').val(); vswppBorderColor = jQuery('#vswpp-border-color').val(); } else { vswppBorderWidth = ''; vswppBorderColor = ''; } if(jQuery('#vswpp-type').val() == 1) { vswppRadius = jQuery('#vswpp-radius-popup').val(); } else { vswppRadius = ''; } vswppContents = window.btoa(unescape(encodeURIComponent(jQuery('#vswpp-contents').val()))); vswppBackgroundOpacity = jQuery('#vswpp-background-opacity').val(); vswppBackgroundColor = jQuery('#vswpp-background-color').val(); vswppTitlePopup = jQuery('#vswpp-title').val(); vswppUpdatePopup( vswppBorderWidth, vswppBorderColor, vswppRadius, vswppWidthPopup, vswppHeightPopup, vswppColorPopup, vswppPopupOpacity, vswppTextColor, vswppContents, vswppBackgroundColor, vswppBackgroundOpacity, vswppImgClose, 'view', vswppTitlePopup ); }); //preview all jQuery('.vswpp-array-data-popup').on('click', function() { vswppIdPopup = jQuery(this).find('span').attr('viewPopup'); vswppArrayDataPopup = vswppIdPopup.split(','); vswppRecoverDataPopup(vswppArrayDataPopup, 'view'); }); //copy code jQuery('.vswpp-copy-popup').on('click', function() { var aux = document.createElement('input'); jQuery(aux).val(jQuery(this).attr('copy')); document.body.appendChild(aux); aux.select(); document.execCommand('copy'); document.body.removeChild(aux); }); //edit popup jQuery('.vswpp-edit-popup').on('click', function() { vswppDataPopup = jQuery(this).attr('edit'); vswppArrayDataPopup = jQuery('#' + vswppDataPopup).attr('viewpopup').split(','); vswppRecoverDataPopup(vswppArrayDataPopup, 'edit'); }); //view popup function vswppUpdatePopup( vswppBorderWidth, vswppBorderColor, vswppRadius, vswppWidthPopup, vswppHeightPopup, vswppColorPopup, vswppPopupOpacity, vswppTextColor, vswppContents, vswppBackgroundColor, vswppBackgroundOpacity, vswppImgClose, type, title ) { //popup type if(type == 'view') { //popup height vswppHeightPopup = parseInt(jQuery(window).height()) * parseInt(vswppHeightPopup) / 100; //html popup vswppTemplate = '<span id="vswpp-close-popup">' + '<img onclick="javascript:closePopup();" src="' + vswppImgClose + '" class="vswpp-close-popup" />' + '<span id="vswpp-contents-popup">' + '<span id="vswpp-background-popup" class="vswpp-popup-text" style="' + 'opacity : ' + vswppBackgroundOpacity / 100 + ';' + 'background-color : ' + vswppBackgroundColor + '">' + '</span>' + '<div class="vswpp-open-popup">' + '<span class="vswpp-popup-text" style="' + 'width: ' + vswppWidthPopup + '%;' + 'height: ' + vswppHeightPopup + 'px;' + 'border:'+ vswppBorderWidth + 'px solid ' + vswppBorderColor + '; ' + 'border-radius:' + vswppRadius + 'px; ' + 'background-color: ' + vswppColorPopup + ';' + 'opacity: ' + vswppPopupOpacity / 100 + ';' + 'color: ' + vswppTextColor + ';" ' + 'id="vswpp-data">' + decodeURIComponent(escape(window.atob(vswppContents))) + '</span>' + '</div>' + '</span>' + '</span>'; jQuery('body').append(vswppTemplate); //type edit } else if(type == 'edit') { //con borde if(vswppBorderWidth > 0) { jQuery('#vswpp-select-border').val(1); jQuery('#vswpp-bd').fadeIn(); } //con radio if(vswppRadius > 0) { jQuery('#vswpp-type').val(1); jQuery('#vswpp-radius').fadeIn(); } //estilos jQuery('#vswpp-title').val(title); jQuery('#vswpp-background-opacity').val(vswppBackgroundOpacity); jQuery('#vswpp-background-opacity-value').html(vswppBackgroundOpacity / 100); jQuery('#vswpp-background-color').val(vswppBackgroundColor); jQuery('#background-hex-color').html(vswppBackgroundColor); jQuery('#vswpp-width').val(vswppWidthPopup); jQuery('#vswpp-height').val(vswppHeightPopup); if(vswppBorderWidth == 0) { jQuery('#vswpp-select-border').val(0); jQuery('#vswpp-border-width').val(0); jQuery('#vswpp-radius-popup').val(0); jQuery('#vswpp-type').val(0); jQuery('#vswpp-bd').fadeOut(); } else { jQuery('#vswpp-select-border').val(1); jQuery('#vswpp-bd').fadeIn(); } if(vswppRadius == 0) { jQuery('#vswpp-type').val(0); jQuery('#vswpp-radius-popup').val(0); jQuery('#vswpp-radius').fadeOut(); } else { jQuery('#vswpp-type').val(1); jQuery('#vswpp-radius').fadeIn(); } jQuery('#vswpp-border-width').val(vswppBorderWidth); jQuery('#vswpp-radius-popup').val(vswppRadius); jQuery('#vswpp-border-color').val(vswppBorderColor); jQuery('#border-hex-color').html(vswppBorderColor); jQuery('#vswpp-background-color-popup').val(vswppColorPopup); jQuery('#background-hex-color-popup').html(vswppColorPopup); jQuery('#vswpp-popup-opacity').val(vswppPopupOpacity); jQuery('#vswpp-popup-opacity-value').html(vswppPopupOpacity / 100); jQuery('#vswpp-text-color').val(vswppTextColor); jQuery('#text-hex-color').html(vswppTextColor); jQuery('#vswpp-contents').val(decodeURIComponent(escape(window.atob(vswppContents)))); jQuery('.vswpp-help-popup').fadeIn('slow'); jQuery(window).scrollTop(0); } } //mostrar el popup function vswppRecoverDataPopup(vswppArrayDataPopup, type) { //editar el popup if(type == 'edit') { vswppIdPopupEdit = vswppArrayDataPopup[0].split('='); vswppIdPopupEdit = vswppIdPopupEdit[1]; jQuery('#vswpp-id-popup-edit').val(vswppIdPopupEdit); //ver el popup } else if(type == 'view') { jQuery('#vswpp-id-popup-edit').val('null'); } //estilos del popup vswppWidthPopup = vswppArrayDataPopup[1].split('='); vswppHeightPopup = vswppArrayDataPopup[2].split('='); vswppTextColor = vswppArrayDataPopup[3].split('='); vswppBorderWidth = vswppArrayDataPopup[4].split('='); vswppRadius = vswppArrayDataPopup[5].split('='); vswppBorderColor = vswppArrayDataPopup[6].split('='); vswppBackgroundColor = vswppArrayDataPopup[7].split('='); vswppColorPopup = vswppArrayDataPopup[8].split('='); vswppBackgroundOpacity = vswppArrayDataPopup[9].split('='); vswppPopupOpacity = vswppArrayDataPopup[10].split('='); vswppContents = vswppArrayDataPopup[11].split('='); vswppTitlePopup = vswppArrayDataPopup[12].split('='); //ver el popup vswppUpdatePopup( vswppBorderWidth[1], vswppBorderColor[1], vswppRadius[1], vswppWidthPopup[1], vswppHeightPopup[1], vswppColorPopup[1], vswppPopupOpacity[1], vswppTextColor[1], vswppContents[1], vswppBackgroundColor[1], vswppBackgroundOpacity[1], vswppImgClose, type, vswppTitlePopup[1] ); } }); })(jQuery);