293 lines
10 KiB
JavaScript
293 lines
10 KiB
JavaScript
|
if (!window.zammadChatTemplates) {
|
||
|
|
window.zammadChatTemplates = {};
|
||
|
|
}
|
||
|
|
window.zammadChatTemplates["chat"] = function (__obj) {
|
||
|
|
if (!__obj) __obj = {};
|
||
|
|
var __out = [], __capture = function(callback) {
|
||
|
|
var out = __out, result;
|
||
|
|
__out = [];
|
||
|
|
callback.call(this);
|
||
|
|
result = __out.join('');
|
||
|
|
__out = out;
|
||
|
|
return __safe(result);
|
||
|
|
}, __sanitize = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else if (typeof value !== 'undefined' && value != null) {
|
||
|
|
return __escape(value);
|
||
|
|
} else {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
|
|
__safe = __obj.safe = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else {
|
||
|
|
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
|
|
var result = new String(value);
|
||
|
|
result.ecoSafe = true;
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!__escape) {
|
||
|
|
__escape = __obj.escape = function(value) {
|
||
|
|
return ('' + value)
|
||
|
|
.replace(/&/g, '&')
|
||
|
|
.replace(/</g, '<')
|
||
|
|
.replace(/>/g, '>')
|
||
|
|
.replace(/"/g, '"');
|
||
|
|
};
|
||
|
|
}
|
||
|
|
(function() {
|
||
|
|
(function() {
|
||
|
|
__out.push('<div class="zammad-chat">\n <div class="zammad-chat-header">\n <div class="zammad-chat-header-controls">\n <span class="zammad-chat-agent-status zammad-chat-is-hidden" data-status="online">Online</span>\n <span class="zammad-chat-toggle">\n <svg class="zammad-chat-toggle-icon-open" viewBox="0 0 13 7"><path d="M10.807 7l1.4-1.428-5-4.9L6.5-.02l-.7.7-4.9 4.9 1.414 1.413L6.5 2.886 10.807 7z" fill-rule="evenodd"/></svg>\n <svg class="zammad-chat-toggle-icon-close" viewBox="0 0 13 7"><path d="M6.554 4.214L2.246 0l-1.4 1.428 5 4.9.708.693.7-.7 4.9-4.9L10.74.008 6.553 4.214z" fill-rule="evenodd"/></svg>\n </span>\n </div>\n <div class="zammad-chat-agent zammad-chat-is-hidden">\n <img class="zammad-chat-agent-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/joshaustin/128.jpg">\n <span class="zammad-chat-agent-sentence">\n <span class="zammad-chat-agent-name">Adam</span> is helping you.\n </span>\n </div>\n <div class="zammad-chat-welcome">\n <svg class="zammad-chat-icon" viewBox="0 0 24 24"><path d="M2 5C2 4 3 3 4 3h16c1 0 2 1 2 2v10C22 16 21 17 20 17H4C3 17 2 16 2 15V5zM12 17l6 4v-4h-6z" fill-rule="evenodd"/></svg>\n <span class="zammad-chat-welcome-text"><strong>Chat</strong> with us!</span>\n </div>\n </div>\n <div class="zammad-chat-loader">\n <span class="zammad-chat-loading-animation">\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n </span>\n <span class="zammad-chat-loader-text">Connecting</span>\n </div>\n <div class="zammad-chat-body"></div>\n <form class="zammad-chat-controls">\n <textarea class="zammad-chat-input" rows="1" placeholder="Compose your message..."></textarea>\n <button type="submit" class="zammad-chat-send">Send</button>\n </form>\n</div>');
|
||
|
|
|
||
|
|
}).call(this);
|
||
|
|
|
||
|
|
}).call(__obj);
|
||
|
|
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
|
|
return __out.join('');
|
||
|
|
};
|
||
|
|
|
||
|
|
/*!
|
||
|
|
* ----------------------------------------------------------------------------
|
||
|
|
* "THE BEER-WARE LICENSE" (Revision 42):
|
||
|
|
* <jevin9@gmail.com> wrote this file. As long as you retain this notice you
|
||
|
|
* can do whatever you want with this stuff. If we meet some day, and you think
|
||
|
|
* this stuff is worth it, you can buy me a beer in return. Jevin O. Sewaruth
|
||
|
|
* ----------------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* Autogrow Textarea Plugin Version v3.0
|
||
|
|
* http://www.technoreply.com/autogrow-textarea-plugin-3-0
|
||
|
|
*
|
||
|
|
* THIS PLUGIN IS DELIVERD ON A PAY WHAT YOU WHANT BASIS. IF THE PLUGIN WAS USEFUL TO YOU, PLEASE CONSIDER BUYING THE PLUGIN HERE :
|
||
|
|
* https://sites.fastspring.com/technoreply/instant/autogrowtextareaplugin
|
||
|
|
*
|
||
|
|
* Date: October 15, 2012
|
||
|
|
*/
|
||
|
|
|
||
|
|
jQuery.fn.autoGrow = function(options) {
|
||
|
|
return this.each(function() {
|
||
|
|
var settings = jQuery.extend({
|
||
|
|
extraLine: true,
|
||
|
|
}, options);
|
||
|
|
|
||
|
|
var createMirror = function(textarea) {
|
||
|
|
jQuery(textarea).after('<div class="autogrow-textarea-mirror"></div>');
|
||
|
|
return jQuery(textarea).next('.autogrow-textarea-mirror')[0];
|
||
|
|
}
|
||
|
|
|
||
|
|
var sendContentToMirror = function (textarea) {
|
||
|
|
mirror.innerHTML = String(textarea.value)
|
||
|
|
.replace(/&/g, '&')
|
||
|
|
.replace(/"/g, '"')
|
||
|
|
.replace(/'/g, ''')
|
||
|
|
.replace(/</g, '<')
|
||
|
|
.replace(/>/g, '>')
|
||
|
|
.replace(/ /g, ' ')
|
||
|
|
.replace(/\n/g, '<br />') +
|
||
|
|
(settings.extraLine? '.<br/>.' : '')
|
||
|
|
;
|
||
|
|
|
||
|
|
if (jQuery(textarea).height() != jQuery(mirror).height())
|
||
|
|
jQuery(textarea).height(jQuery(mirror).height());
|
||
|
|
}
|
||
|
|
|
||
|
|
var growTextarea = function () {
|
||
|
|
sendContentToMirror(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Create a mirror
|
||
|
|
var mirror = createMirror(this);
|
||
|
|
|
||
|
|
// Style the mirror
|
||
|
|
mirror.style.display = 'none';
|
||
|
|
mirror.style.wordWrap = 'break-word';
|
||
|
|
mirror.style.whiteSpace = 'normal';
|
||
|
|
mirror.style.padding = jQuery(this).css('paddingTop') + ' ' +
|
||
|
|
jQuery(this).css('paddingRight') + ' ' +
|
||
|
|
jQuery(this).css('paddingBottom') + ' ' +
|
||
|
|
jQuery(this).css('paddingLeft');
|
||
|
|
|
||
|
|
mirror.style.width = jQuery(this).css('width');
|
||
|
|
mirror.style.fontFamily = jQuery(this).css('font-family');
|
||
|
|
mirror.style.fontSize = jQuery(this).css('font-size');
|
||
|
|
mirror.style.lineHeight = jQuery(this).css('line-height');
|
||
|
|
|
||
|
|
// Style the textarea
|
||
|
|
this.style.overflow = "hidden";
|
||
|
|
this.style.minHeight = this.rows+"em";
|
||
|
|
|
||
|
|
// Bind the textarea's event
|
||
|
|
this.onkeyup = growTextarea;
|
||
|
|
|
||
|
|
// Fire the event for text already present
|
||
|
|
sendContentToMirror(this);
|
||
|
|
|
||
|
|
});
|
||
|
|
};
|
||
|
|
if (!window.zammadChatTemplates) {
|
||
|
|
window.zammadChatTemplates = {};
|
||
|
|
}
|
||
|
|
window.zammadChatTemplates["message"] = function (__obj) {
|
||
|
|
if (!__obj) __obj = {};
|
||
|
|
var __out = [], __capture = function(callback) {
|
||
|
|
var out = __out, result;
|
||
|
|
__out = [];
|
||
|
|
callback.call(this);
|
||
|
|
result = __out.join('');
|
||
|
|
__out = out;
|
||
|
|
return __safe(result);
|
||
|
|
}, __sanitize = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else if (typeof value !== 'undefined' && value != null) {
|
||
|
|
return __escape(value);
|
||
|
|
} else {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
|
|
__safe = __obj.safe = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else {
|
||
|
|
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
|
|
var result = new String(value);
|
||
|
|
result.ecoSafe = true;
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!__escape) {
|
||
|
|
__escape = __obj.escape = function(value) {
|
||
|
|
return ('' + value)
|
||
|
|
.replace(/&/g, '&')
|
||
|
|
.replace(/</g, '<')
|
||
|
|
.replace(/>/g, '>')
|
||
|
|
.replace(/"/g, '"');
|
||
|
|
};
|
||
|
|
}
|
||
|
|
(function() {
|
||
|
|
(function() {
|
||
|
|
__out.push('<div class="zammad-chat-message zammad-chat-message--customer">\n <span class="zammad-chat-message-body">');
|
||
|
|
|
||
|
|
__out.push(message);
|
||
|
|
|
||
|
|
__out.push('</span>\n</div>');
|
||
|
|
|
||
|
|
}).call(this);
|
||
|
|
|
||
|
|
}).call(__obj);
|
||
|
|
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
|
|
return __out.join('');
|
||
|
|
};
|
||
|
|
|
||
|
|
if (!window.zammadChatTemplates) {
|
||
|
|
window.zammadChatTemplates = {};
|
||
|
|
}
|
||
|
|
window.zammadChatTemplates["status"] = function (__obj) {
|
||
|
|
if (!__obj) __obj = {};
|
||
|
|
var __out = [], __capture = function(callback) {
|
||
|
|
var out = __out, result;
|
||
|
|
__out = [];
|
||
|
|
callback.call(this);
|
||
|
|
result = __out.join('');
|
||
|
|
__out = out;
|
||
|
|
return __safe(result);
|
||
|
|
}, __sanitize = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else if (typeof value !== 'undefined' && value != null) {
|
||
|
|
return __escape(value);
|
||
|
|
} else {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
|
|
__safe = __obj.safe = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else {
|
||
|
|
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
|
|
var result = new String(value);
|
||
|
|
result.ecoSafe = true;
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!__escape) {
|
||
|
|
__escape = __obj.escape = function(value) {
|
||
|
|
return ('' + value)
|
||
|
|
.replace(/&/g, '&')
|
||
|
|
.replace(/</g, '<')
|
||
|
|
.replace(/>/g, '>')
|
||
|
|
.replace(/"/g, '"');
|
||
|
|
};
|
||
|
|
}
|
||
|
|
(function() {
|
||
|
|
(function() {
|
||
|
|
__out.push('<div class="zammad-chat-status"><strong>');
|
||
|
|
|
||
|
|
__out.push(__sanitize(label));
|
||
|
|
|
||
|
|
__out.push('</strong>');
|
||
|
|
|
||
|
|
__out.push(__sanitize(time));
|
||
|
|
|
||
|
|
__out.push('</div>');
|
||
|
|
|
||
|
|
}).call(this);
|
||
|
|
|
||
|
|
}).call(__obj);
|
||
|
|
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
|
|
return __out.join('');
|
||
|
|
};
|
||
|
|
|
||
|
|
if (!window.zammadChatTemplates) {
|
||
|
|
window.zammadChatTemplates = {};
|
||
|
|
}
|
||
|
|
window.zammadChatTemplates["typingIndicator"] = function (__obj) {
|
||
|
|
if (!__obj) __obj = {};
|
||
|
|
var __out = [], __capture = function(callback) {
|
||
|
|
var out = __out, result;
|
||
|
|
__out = [];
|
||
|
|
callback.call(this);
|
||
|
|
result = __out.join('');
|
||
|
|
__out = out;
|
||
|
|
return __safe(result);
|
||
|
|
}, __sanitize = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else if (typeof value !== 'undefined' && value != null) {
|
||
|
|
return __escape(value);
|
||
|
|
} else {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
|
|
__safe = __obj.safe = function(value) {
|
||
|
|
if (value && value.ecoSafe) {
|
||
|
|
return value;
|
||
|
|
} else {
|
||
|
|
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
|
|
var result = new String(value);
|
||
|
|
result.ecoSafe = true;
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!__escape) {
|
||
|
|
__escape = __obj.escape = function(value) {
|
||
|
|
return ('' + value)
|
||
|
|
.replace(/&/g, '&')
|
||
|
|
.replace(/</g, '<')
|
||
|
|
.replace(/>/g, '>')
|
||
|
|
.replace(/"/g, '"');
|
||
|
|
};
|
||
|
|
}
|
||
|
|
(function() {
|
||
|
|
(function() {
|
||
|
|
__out.push('<div class="zammad-chat-message zammad-chat-message--typing zammad-chat-message--agent">\n <span class="zammad-chat-message-body">\n <span class="zammad-chat-loading-animation">\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n </span>\n </span>\n</div>');
|
||
|
|
|
||
|
|
}).call(this);
|
||
|
|
|
||
|
|
}).call(__obj);
|
||
|
|
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
|
|
return __out.join('');
|
||
|
|
};
|