Skip to content

Instantly share code, notes, and snippets.

@poohitan
Created April 12, 2016 11:40
Show Gist options
  • Save poohitan/d4a3681057257e075822c3bb5e301980 to your computer and use it in GitHub Desktop.
Save poohitan/d4a3681057257e075822c3bb5e301980 to your computer and use it in GitHub Desktop.
var PUSHRESPONSE_SCRIPT_URL = 'http://localhost:5000/pushresponse.js',
CHECK_IF_SHOW_BANNER_IFRAME_URL = 'http://localhost:5000/check-if-show-banner';
window.PushResponse = window.PushResponse || {};
window.PushResponse.Banners = window.PushResponse.Banners || {};
window.PushResponse.Banners['39debf17-03e0-4849-bc58-0c2b11b096a1'] =
{"id":"39debf17-03e0-4849-bc58-0c2b11b096a1","domain":"testing-f","target_type":"web","html":"%3Cdiv%20class=%22push-responder-banner%22%20data-template=%22default%22%20data-size=%22%7B\u0026quot;width\u0026quot;:609,\u0026quot;height\u0026quot;:88%7D%22%20style=%22width:%20100%25;%22%3E%3Cdiv%20class=%22hidden%20data-options%22%20data-banner-template-name=%22simple%22%3E%3C/div%3E%3Cstyle%3E.animated%7B-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both%7D.animated.infinite%7B-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite%7D.animated.hinge%7B-webkit-animation-duration:2s;animation-duration:2s%7D@-webkit-keyframes%20fadeIn%7B0%25%7Bopacity:0%7D100%25%7Bopacity:1%7D%7D@keyframes%20fadeIn%7B0%25%7Bopacity:0%7D100%25%7Bopacity:1%7D%7D.fadeIn%7B-webkit-animation-name:fadeIn;animation-name:fadeIn%7D@-webkit-keyframes%20fadeInDown%7B0%25%7Bopacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)%7D100%25%7Bopacity:1;-webkit-transform:translateY(0);transform:translateY(0)%7D%7D@keyframes%20fadeInDown%7B0%25%7Bopacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)%7D100%25%7Bopacity:1;-webkit-transform:translateY(0);transform:translateY(0)%7D%7D.fadeInDown%7B-webkit-animation-name:fadeInDown;animation-name:fadeInDown%7D@-webkit-keyframes%20fadeInDownBig%7B0%25%7Bopacity:0;-webkit-transform:translate3d(0,%20-2000px,%200);transform:translate3d(0,%20-2000px,%200)%7D100%25%7Bopacity:1;-webkit-transform:none;transform:none%7D%7D@-webkit-keyframes%20fadeInLeft%7B0%25%7Bopacity:0;-webkit-transform:translateX(-25px);transform:translateX(-25px)%7D100%25%7Bopacity:1;-webkit-transform:translateX(0);transform:translateX(0)%7D%7D@keyframes%20fadeInLeft%7B0%25%7Bopacity:0;-webkit-transform:translateX(-25px);transform:translateX(-25px)%7D100%25%7Bopacity:1;-webkit-transform:translateX(0);transform:translateX(0)%7D%7D.fadeInLeft%7B-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft%7D@-webkit-keyframes%20fadeInRight%7B0%25%7Bopacity:0;-webkit-transform:translateX(25px);transform:translateX(25px)%7D100%25%7Bopacity:1;-webkit-transform:translateX(0);transform:translateX(0)%7D%7D@keyframes%20fadeInRight%7B0%25%7Bopacity:0;-webkit-transform:translateX(25px);transform:translateX(25px)%7D100%25%7Bopacity:1;-webkit-transform:translateX(0);transform:translateX(0)%7D%7D.fadeInRight%7B-webkit-animation-name:fadeInRight;animation-name:fadeInRight%7D@-webkit-keyframes%20fadeInRightBig%7B0%25%7Bopacity:0;-webkit-transform:translate3d(2000px,%200,%200);transform:translate3d(2000px,%200,%200)%7D100%25%7Bopacity:1;-webkit-transform:none;transform:none%7D%7D@-webkit-keyframes%20fadeInUp%7B0%25%7Bopacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)%7D100%25%7Bopacity:1;-webkit-transform:translateY(0);transform:translateY(0)%7D%7D@keyframes%20fadeInUp%7B0%25%7Bopacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)%7D100%25%7Bopacity:1;-webkit-transform:translateY(0);transform:translateY(0)%7D%7D.fadeInUp%7B-webkit-animation-name:fadeInUp;animation-name:fadeInUp%7D@-webkit-keyframes%20zoomIn%7B0%25%7Bopacity:0;-webkit-transform:scale3d(0.3,%200.3,%200.3);transform:scale3d(0.3,%200.3,%200.3)%7D50%25%7Bopacity:1%7D%7D@keyframes%20zoomIn%7B0%25%7Bopacity:0;-webkit-transform:scale3d(0.3,%200.3,%200.3);transform:scale3d(0.3,%200.3,%200.3)%7D50%25%7Bopacity:1%7D%7D.zoomIn%7B-webkit-animation-name:zoomIn;animation-name:zoomIn%7D.push-responder-banner%7Bfont-family:inherit;line-height:1.7em;height:auto;box-sizing:border-box%7D.push-responder-banner%20.push-responder-right-column-container%7Bwidth:100%25;position:relative%7D.push-responder-banner%20.push-responder-content-container%7Bdisplay:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex%7D.push-responder-banner%20.push-responder-image-container%7Bmax-width:30%25;width:30%25;box-sizing:border-box;overflow:hidden;position:relative%7D.push-responder-banner%20.push-responder-image-container%20img%7Bmax-width:100%25;max-height:100%25;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto%7D.push-responder-banner%20.push-responder-message-container%7Bbox-sizing:border-box;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap;width:100%25%7D.push-responder-banner%20.push-responder-buttons-container%7Bposition:absolute;bottom:0;right:0;text-align:right;width:100%25%7D.push-responder-banner%20.push-responder-buttons-container%20.push-responder-button%7Bbackground-color:#eeeeee;border:0%20transparent;cursor:pointer;display:inline-block;line-height:200%25;padding:0%201em;height:100%25%7D.push-responder-banner%20.push-responder-buttons-container%20.push-responder-button:hover%7Bbackground-image:-webkit-linear-gradient(transparent,%20rgba(0,0,0,0.05)%2040%25,%20rgba(0,0,0,0.1));background-image:linear-gradient(transparent,%20rgba(0,0,0,0.05)%2040%25,%20rgba(0,0,0,0.1))%7D.push-responder-banner%20.push-responder-buttons-container%20.push-responder-button:not(:last-child)%7Bmargin-right:1em%7D.push-responder-banner-preview%7Bposition:relative%7D@media%20(min-width:%20768px)%7B.push-responder-banner%7Bwidth:calc(100vw%20/%203)%7D%7D@media%20(max-width:%20768px)%7B.push-responder-banner%7Bwidth:100%25;left:0%20!important%7D%7D.push-responder-banner%20.hidden,.push-responder-banner.hidden%7Bdisplay:none%7D.push-responder-banner%5Bdata-template%5D%7Bbackground:#fafafa;font-size:1em;color:#777777;border:1px%20solid%20#dddddd;padding:1em%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-title-container%7Bheight:auto;font-weight:bold;font-size:1.5em%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-content-container%7Bdisplay:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-right-column-container%7Bpadding-left:1em;max-width:86%25%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-image-container%7Bmax-height:calc(100vh%20/%203%20-%202%20*%201em)%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-message-container%7Bmax-height:calc(100vh%20/%203%20-%201.5em%20-%202em%20-%204%20*%201em);margin-top:0.5em;margin-bottom:2.5em%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-buttons-container%7Bheight:2em%7D.push-responder-banner%5Bdata-template%5D%20.push-responder-buttons-container%20.push-responder-button-ok%7Bbackground-color:#1ab394;color:#ffffff%7D%0A%3C/style%3E%3Cdiv%20class=%22push-responder-content-container%22%3E%3Cdiv%20class=%22push-responder-image-container%22%3E%3Cimg%20src=%22data:image/png;base64,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%22%3E%3C/div%3E%3Cdiv%20class=%22push-responder-right-column-container%22%3E%3Cdiv%20class=%22push-responder-title-container%22%3ESample%20title%3C/div%3E%3Cdiv%20class=%22push-responder-message-container%22%3ESample%20text%3C/div%3E%3Cdiv%20class=%22push-responder-buttons-container%22%3E%3Cdiv%20class=%22push-responder-button%20push-responder-button-cancel%22%3ECancel%3C/div%3E%3Cdiv%20class=%22push-responder-button%20push-responder-button-ok%22%3EOk%3C/div%3E%3C/div%3E%3C/div%3E%3C/div%3E%3C/div%3E","timeout":0,"position":1,"pop_up_redirect":"","appear":"ontimeout","animation":"fadeInUp"};
if (document.readyState === 'interactive' || document.readyState === 'complete') {
appendAll();
} else {
document.addEventListener('DOMContentLoaded', appendAll);
}
function appendAll() {
appendElement('script', { src: PUSHRESPONSE_SCRIPT_URL });
appendElement('iframe', { src: CHECK_IF_SHOW_BANNER_IFRAME_URL, width: 0, height: 0, style: 'display: block; visibility: hidden;' });
}
function appendElement(elementType, params) {
var element = document.createElement(elementType);
Object.keys(params).forEach(function (paramName) {
element[paramName] = params[paramName];
});
document.body.appendChild(element);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment