Fix charm feedback box
This commit is contained in:
parent
b142b01e1a
commit
a89e77a56d
|
@ -4,7 +4,7 @@ initialize = (container, app) ->
|
||||||
if config.charmKey
|
if config.charmKey
|
||||||
window.__CHARM =
|
window.__CHARM =
|
||||||
key: config.charmKey
|
key: config.charmKey
|
||||||
url: "https://charmscout.herokuapp.com/feedback"
|
url: window.location.protocol + "//charmscout.herokuapp.com/feedback"
|
||||||
|
|
||||||
window.bootstrapCharm()
|
window.bootstrapCharm()
|
||||||
# $('head').append $('<script src="https://charmscout.herokuapp.com/charmeur.js?v=2" async defer></script>')
|
# $('head').append $('<script src="https://charmscout.herokuapp.com/charmeur.js?v=2" async defer></script>')
|
||||||
|
|
13
vendor/charmscout.js
vendored
13
vendor/charmscout.js
vendored
|
@ -8,7 +8,7 @@ window.bootstrapCharm = function(){
|
||||||
'<div class="feedback-popup">' +
|
'<div class="feedback-popup">' +
|
||||||
'<h1>Have feedback or questions?</h1>' +
|
'<h1>Have feedback or questions?</h1>' +
|
||||||
'<iframe id="CHARM_FORM_TARGET" name="CHARM_FORM_TARGET" src="javascript:void(0)" onload="__CHARM&&__CHARM.iFrameLoaded&&__CHARM.iFrameLoaded()" onerror="__CHARM&&__CHARM.iFrameError&&__CHARM.iFrameError()"></iframe>' +
|
'<iframe id="CHARM_FORM_TARGET" name="CHARM_FORM_TARGET" src="javascript:void(0)" onload="__CHARM&&__CHARM.iFrameLoaded&&__CHARM.iFrameLoaded()" onerror="__CHARM&&__CHARM.iFrameError&&__CHARM.iFrameError()"></iframe>' +
|
||||||
'<form id="CHARM_FORM" action="https://secure.charmhq.com/feedback" method="POST" accept-charset="utf-8">' +
|
'<form id="CHARM_FORM" target="CHARM_FORM_TARGET" method="POST" accept-charset="utf-8">'+
|
||||||
'<div id="CHARM_YOUR_EMAIL"></div>'+
|
'<div id="CHARM_YOUR_EMAIL"></div>'+
|
||||||
'<div id="CHARM_YOUR_COMMENT"></div>'+
|
'<div id="CHARM_YOUR_COMMENT"></div>'+
|
||||||
'<textarea id="CHARM_COMMENT" name="content" class="ignore-return-pressed" placeholder="Let us know and we will get right back to you by email"></textarea>' +
|
'<textarea id="CHARM_COMMENT" name="content" class="ignore-return-pressed" placeholder="Let us know and we will get right back to you by email"></textarea>' +
|
||||||
|
@ -95,6 +95,7 @@ window.bootstrapCharm = function(){
|
||||||
if(!box) {
|
if(!box) {
|
||||||
box = document.createElement('div');
|
box = document.createElement('div');
|
||||||
box.id = "CHARM_BOX";
|
box.id = "CHARM_BOX";
|
||||||
|
box.className = 'feedback-popup';
|
||||||
box.innerHTML = BOX;
|
box.innerHTML = BOX;
|
||||||
document.body.appendChild(box);
|
document.body.appendChild(box);
|
||||||
|
|
||||||
|
@ -107,7 +108,7 @@ window.bootstrapCharm = function(){
|
||||||
customize('your_email');
|
customize('your_email');
|
||||||
customize('your_comment');
|
customize('your_comment');
|
||||||
$('CHARM_YOUR_EMAIL').appendChild(email);
|
$('CHARM_YOUR_EMAIL').appendChild(email);
|
||||||
box.className = 'closed' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
|
box.className = 'feedback-popup closed' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
|
||||||
} else {
|
} else {
|
||||||
$('CHARM_YOUR_EMAIL').parentNode.removeChild($('CHARM_YOUR_EMAIL'));
|
$('CHARM_YOUR_EMAIL').parentNode.removeChild($('CHARM_YOUR_EMAIL'));
|
||||||
$('CHARM_YOUR_COMMENT').parentNode.removeChild($('CHARM_YOUR_COMMENT'));
|
$('CHARM_YOUR_COMMENT').parentNode.removeChild($('CHARM_YOUR_COMMENT'));
|
||||||
|
@ -131,14 +132,12 @@ window.bootstrapCharm = function(){
|
||||||
data('user_agent', navigator.userAgent);
|
data('user_agent', navigator.userAgent);
|
||||||
data('local_time', (new Date).toString());
|
data('local_time', (new Date).toString());
|
||||||
|
|
||||||
if('charm_url' in __CHARM){
|
$('CHARM_FORM').action = __CHARM['url'];
|
||||||
$('CHARM_FORM').action = __CHARM['charm_url'];
|
|
||||||
}
|
|
||||||
|
|
||||||
setTimeout(function(){
|
setTimeout(function(){
|
||||||
var scrollTop = document.body.scrollTop;
|
var scrollTop = document.body.scrollTop;
|
||||||
|
|
||||||
box.className = 'open' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
|
box.className = 'feedback-popup open' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
|
||||||
$('CHARM_FORM').onsubmit = function(){
|
$('CHARM_FORM').onsubmit = function(){
|
||||||
var ok = !($('CHARM_COMMENT').value.replace(/^\s+/, '').replace(/\s+$/, '') == "");
|
var ok = !($('CHARM_COMMENT').value.replace(/^\s+/, '').replace(/\s+$/, '') == "");
|
||||||
if(ok){
|
if(ok){
|
||||||
|
@ -162,7 +161,7 @@ window.bootstrapCharm = function(){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
box.offsetLeft;
|
box.offsetLeft;
|
||||||
box.className = 'open' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
|
box.className = 'feedback-popup open' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
|
||||||
if($('CHARM_EMAIL'))
|
if($('CHARM_EMAIL'))
|
||||||
$('CHARM_EMAIL').focus();
|
$('CHARM_EMAIL').focus();
|
||||||
else
|
else
|
||||||
|
|
Loading…
Reference in New Issue
Block a user