Skip to content

Commit

Permalink
values for csv ready
Browse files Browse the repository at this point in the history
  • Loading branch information
@HeikoMamerow
HeikoMamerow committed Apr 13, 2017
1 parent 71ede69 commit 9eadfc7
Show file tree
Hide file tree
Showing 3 changed files with 110 additions and 56 deletions.
18 changes: 9 additions & 9 deletions public/class-exit-pop-up-public.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,15 +82,15 @@ public function localize_script() {
//Grab all options
$options = get_option( $this->plugin_name );

$public_dir_path = plugin_dir_path( __FILE__ ) . 'css/variants';
$public_dir_url = plugin_dir_url( __FILE__ ) . 'css/variants/';
$public_scandir = scandir( $public_dir_path );
$public_scandir_sliced = array_slice($public_scandir, 2);
$public_dir_path = plugin_dir_path( __FILE__ ) . 'css/variants';
$public_dir_url = plugin_dir_url( __FILE__ ) . 'css/variants/';
$public_scandir = scandir( $public_dir_path );
$public_scandir_sliced = array_slice( $public_scandir, 2 );

$public_url = esc_url( home_url( '/', 'https' ) );
$public_js = plugin_dir_url( __FILE__ ) . 'js/exit-pop-up-public.js';
$public_css = plugin_dir_url( __FILE__ ) . 'css/exit-pop-up-public.css';
$public_email = __( 'E-Mail', 'exit-pop-up' );
$public_url = esc_url( home_url( '/', 'https' ) );
$public_js = plugin_dir_url( __FILE__ ) . 'js/exit-pop-up-public.js';
$public_css = plugin_dir_url( __FILE__ ) . 'css/exit-pop-up-public.css';
$public_email = __( 'E-Mail', 'exit-pop-up' );

$localize_array = array(
'ex3pProbability' => $options['probability'],
Expand All @@ -106,7 +106,7 @@ public function localize_script() {
'ex3p_btn_n' => $options['btn-n'],
'public_img' => $options['image'],
'public_scandir' => $public_scandir_sliced,
'public_dir_url' => $public_dir_url,
'publicDirUrl' => $public_dir_url,
);
wp_localize_script( $this->plugin_name, 'ex3pObject', $localize_array );
}
Expand Down
9 changes: 5 additions & 4 deletions public/js/exit-pop-up-loader.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,10 +17,10 @@ var min;
var randomDelay;
var scanDir;
var randFile;
var public_dir_url;
var publicDirUrl;

// Check local store if not empty
if ( 'x' !== localStorage.getItem( 'exit-pop-up-' + window.location.hostname ) ) {
if ( 'xxxxxxxxxx' !== localStorage.getItem( 'exit-pop-up-' + window.location.hostname ) ) {
// Load options via object from wp_localize_script.
ex3pProbability = parseInt( ex3pObject.ex3pProbability, 10 );
ex3pPublicJs = ex3pObject.ex3pPublicJs;
Expand Down Expand Up @@ -52,13 +52,14 @@ if ( 'x' !== localStorage.getItem( 'exit-pop-up-' + window.location.hostname ) )
document.getElementsByTagName( 'head' )[ 0 ].appendChild( fileref );

// Shuffle a css variant file and load
public_dir_url = ex3pObject.public_dir_url;
publicDirUrl = ex3pObject.publicDirUrl;
scanDir = ex3pObject.public_scandir;
randFile = scanDir[ Math.floor( Math.random() * scanDir.length ) ];

fileref = document.createElement( 'link' );

fileref.setAttribute( 'href', public_dir_url + randFile );
fileref.setAttribute( 'href', publicDirUrl + randFile );
fileref.setAttribute( 'id', 'ex3p-css-variant' );
fileref.setAttribute( 'rel', 'stylesheet' );
fileref.setAttribute( 'type', 'text/css' );
fileref.setAttribute( 'media', 'screen' );
Expand Down
139 changes: 96 additions & 43 deletions public/js/exit-pop-up-public.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,38 +5,42 @@ function form() {
var ex3pClose = ex3pObject.ex3pClose;

var ttt = ex3pObject.public_scandir;
console.log( 'ttt: '.ttt );
console.log('ttt: '.ttt);

// Create new nodes.
var ex3pNodeSpan = document.createElement( 'span' );
ex3pNodeSpan.setAttribute( 'id', 'ex3p-hide' );
ex3pNodeSpan.setAttribute( 'class', 'hide' );
var ex3pNodeSpan = document.createElement('span');
ex3pNodeSpan.setAttribute('id', 'ex3p-hide');
ex3pNodeSpan.setAttribute('class', 'hide');

var ex3pNodeDiv = document.createElement( 'div' );
ex3pNodeDiv.setAttribute( 'id', 'ex3p' );
ex3pNodeDiv.setAttribute( 'class', 'ex3p' );
ex3pNodeDiv.setAttribute( 'title', ex3pClose );
var ex3pNodeDiv = document.createElement('div');
ex3pNodeDiv.setAttribute('id', 'ex3p');
ex3pNodeDiv.setAttribute('class', 'ex3p');
ex3pNodeDiv.setAttribute('title', ex3pClose);

// Append new nodes.
document.getElementsByTagName( 'body' )[ 0 ].appendChild( ex3pNodeSpan );
document.getElementsByTagName( 'body' )[ 0 ].appendChild( ex3pNodeDiv );
document.getElementsByTagName('body')[0].appendChild(ex3pNodeSpan);
document.getElementsByTagName('body')[0].appendChild(ex3pNodeDiv);

// Get form text and markup.
document.getElementById( 'ex3p-hide' ).textContent = ex3pClose;
document.getElementById('ex3p-hide').textContent = ex3pClose;

document.getElementById( 'ex3p' ).innerHTML = `<div id="ex3p-b" class="ex3p-b" title="">
document.getElementById('ex3p').innerHTML = `<div id="ex3p-b" class="ex3p-b" title="">
<button id="ex3p-x" class="ex3p-x" type="button" title="${ex3pClose}">X</button>
<img alt="" src="${ex3pObject.public_img}" class="ex3p-l">
<div class="ex3p-txt">${ex3pObject.ex3p_text}</div>
<form id="ex3p-form" class="ex3p-form" action="${ex3pObject.public_url}${ex3pObject.ex3p_action}" method="post">
<!-- <form id="ex3p-form" class="ex3p-form" action="${ex3pObject.public_url}${ex3pObject.ex3p_action}" method="post"> -->
<form id="ex3p-form" class="ex3p-form" name="exit-pop-up" novalidate action="https://www.hielscher.com/cgi-bin/exit-pop-up.pl" method="post">
<label for="ex3p-in" class="ex3p-lbl">${ex3pObject.public_email}</label>
<input id="ex3p-in" class="ex3p-in" type="email" name="email" required value="${ex3pObject.public_email}">
<input id="ex3p-in" class="ex3p-in" type="email" name="email" value="${ex3pObject.public_email}">
<input type="hidden" name="sourcepage" value="${window.location.href}">
<input type="hidden" name="sourcepage-title" value="${document.title}">
<input type="hidden" name="country" value="country" id="ex3p-country">
<input type="hidden" name="ref" value="ref" id="ex3p-ref">
<button type="submit" name="action" value="1" class="ex3p-button ex3p-yes">${ex3pObject.ex3p_btn_y}</button>
<button type="button" id="ex3p-no" class="ex3p-button ex3p-no">${ex3pObject.ex3p_btn_n}</button>
<input type="hidden" name="click-time" value="click-time" id="ex3p-click-time">
<input type="hidden" name="css-variant" value="css-variant" id="ex3p-css-variant-input">
<input type="hidden" name="browser" value="browser" id="ex3p-browser">
<input type="hidden" name="x" value="" id="ex3p-no-x">
<button type="submit" name="action" value="submit" id="ex3p-yes" class="ex3p-button ex3p-yes">${ex3pObject.ex3p_btn_y}</button>
<button type="submit" name="action" value="cancel" id="ex3p-no" class="ex3p-button ex3p-no">${ex3pObject.ex3p_btn_n}</button>
</form>
</div>`;
}
Expand All @@ -46,47 +50,96 @@ form();
* Close Pop-up: set it with css display:none;
* If clicking on "X" or outside from the box.
*/
var ex3p = document.getElementById( 'ex3p' );
var ex3pX = document.getElementById( 'ex3p-x' );
var ex3pNo = document.getElementById( 'ex3p-no' );
var ex3p = document.getElementById('ex3p');
var ex3pX = document.getElementById('ex3p-x');
var ex3pYes = document.getElementById('ex3p-yes');
var ex3pNo = document.getElementById('ex3p-no');

/**
* Faster action without delay.
* @param {string} e Is for sometheing.
* Close pop-up.
*/
function triggerClose( e ) {
function triggerClose(e) {
var trid = e.target.id;

if ( 'ex3p' === trid || ex3pX.contains( e.target ) || ex3pNo.contains( e.target ) ) {
if ('ex3p' === trid || ex3pX.contains(e.target) || ex3pNo.contains(e.target)) {
ex3p.style.display = 'none';
}
}

ex3p.addEventListener( 'touchstart', triggerClose );
ex3p.addEventListener( 'click', triggerClose );
ex3p.addEventListener('touchstart', triggerClose);
ex3p.addEventListener('click', triggerClose);

/**
* Clear placeholder text if focus.
* Show placeholder text if blur and nothing was written.
*/
var ex3pIn = document.getElementById( 'ex3p-in' );
var ex3pIn = document.getElementById('ex3p-in');

ex3pIn.addEventListener( 'focus', () => {
if ( ex3pIn.value === ex3pIn.previousElementSibling.innerHTML ) {
ex3pIn.addEventListener('focus', () => {
if (ex3pIn.value === ex3pIn.previousElementSibling.innerHTML) {
ex3pIn.value = '';
}
} );
});

ex3pIn.addEventListener( 'blur', () => {
if ( '' === ex3pIn.value ) {
ex3pIn.addEventListener('blur', () => {
if ('' === ex3pIn.value) {
ex3pIn.value = ex3pIn.previousElementSibling.innerHTML;
}
} );
});

/**
* Get values when clicked.
*/
function ex3pClick() {
// Get date and time.
document.getElementById('ex3p-click-time').value = new Date();
// Get css variant.
var cssVariantHref = document.getElementById('ex3p-css-variant').getAttribute("href");
var cssVariant = cssVariantHref.substring(cssVariantHref.lastIndexOf('/') + 1, cssVariantHref.lastIndexOf('.css'));
document.getElementById('ex3p-css-variant-input').value = cssVariant;
// Get brrowser info: user-agent.
document.getElementById('ex3p-browser').value = navigator.userAgent;
}
ex3pYes.addEventListener('touchstart', ex3pClick);
ex3pYes.addEventListener('click', ex3pClick);
ex3pNo.addEventListener('touchstart', ex3pClick);
ex3pNo.addEventListener('click', ex3pClick);
ex3pX.addEventListener('touchstart', ex3pClick);
ex3pX.addEventListener('click', ex3pClick);
ex3p.addEventListener('touchstart', ex3pClick);
ex3p.addEventListener('click', ex3pClick);

/**
* Values when canceling.
*
* Giving a fake e-mail because form check.
*/
function ex3pClickCancel() {
ex3pIn.value = 'no@nonono.no'
}
ex3pNo.addEventListener('touchstart', ex3pClickCancel);
ex3pNo.addEventListener('click', ex3pClickCancel);

/**
* Get Date for ref value.
* Submit form (with fake email) when click on "X".
*/
document.getElementById( 'ex3p-ref' ).value = new Date();
function submitX() {
ex3pClickCancel();
document.getElementById('ex3p-no-x').value = 'cancel-x';
document.getElementById('ex3p-form').submit();
}
ex3pX.addEventListener('touchstart', submitX);
ex3pX.addEventListener('click', submitX);

/**
* Submit form (with fake email) when click out of the box.
*/
function submitOutOfBox() {
ex3pClickCancel();
document.getElementById('ex3p-no-x').value = 'cancel-out-of-box';
document.getElementById('ex3p-form').submit();
}
ex3p.addEventListener('touchstart', submitOutOfBox);
ex3p.addEventListener('click', submitOutOfBox);

/**
* Fire Pop-up.
Expand All @@ -98,23 +151,23 @@ function popupReady() {
// Get the vertical coordinate.
var clientY = '100';

document.getElementsByTagName( 'header' )[ 0 ].addEventListener( 'mousemove', ( event ) => {
document.getElementsByTagName('header')[0].addEventListener('mousemove', (event) => {
// Get vertical position of mouse in viewport.
clientY = event.clientY;

// If Mouse goes over top, fire pop-up.
if ( 50 > clientY ) {
document.getElementsByTagName( 'body' )[ 0 ].addEventListener( 'mouseleave', () => {
if (50 > clientY) {
document.getElementsByTagName('body')[0].addEventListener('mouseleave', () => {
// Makes sure, pop up fires only once.
if ( true === onlyOnce ) {
if (true === onlyOnce) {
onlyOnce = false;
ex3p.style.display = 'block';

// Set cookie.
localStorage.setItem( 'exit-pop-up-' + window.location.hostname, 'x' );
localStorage.setItem('exit-pop-up-' + window.location.hostname, 'x');
}
} );
});
}
} );
});
}
popupReady();

0 comments on commit 9eadfc7

Please sign in to comment.