mirror of
https://github.com/freescout-helpdesk/freescout.git
synced 2024-11-25 20:02:30 +01:00
459 lines
12 KiB
JavaScript
Vendored
459 lines
12 KiB
JavaScript
Vendored
var fs_sidebar_menu_applied = false;
|
|
var fs_loader_timeout;
|
|
// Default validation options
|
|
// https://devhints.io/parsley
|
|
window.ParsleyConfig = window.ParsleyConfig || {};
|
|
$.extend(window.ParsleyConfig, {
|
|
excluded: '.note-codable, [data-parsley-exclude]',
|
|
errorClass: 'has-error',
|
|
//successClass: 'has-success',
|
|
classHandler: function(ParsleyField) {
|
|
return ParsleyField.$element.parents('.form-group:first');
|
|
},
|
|
errorsContainer: function(ParsleyField) {
|
|
var help_block = ParsleyField.$element.parent().children('.help-block:first');
|
|
|
|
if (help_block) {
|
|
return help_block;
|
|
} else {
|
|
return ParsleyField.$element;
|
|
//return ParsleyField.$element.parents('.form-group:first');
|
|
}
|
|
},
|
|
errorsWrapper: '<div class="help-block"></div>',
|
|
errorTemplate: '<div></div>'
|
|
});
|
|
|
|
// Configuring editor
|
|
var EditorAttachmentButton = function (context) {
|
|
var ui = $.summernote.ui;
|
|
|
|
// create button
|
|
var button = ui.button({
|
|
contents: '<i class="glyphicon glyphicon-paperclip"></i>',
|
|
tooltip: Lang.get("messages.upload_attachments"),
|
|
container: 'body',
|
|
click: function () {
|
|
alert('todo: implement attachments');
|
|
}
|
|
});
|
|
|
|
return button.render(); // return button as jquery object
|
|
}
|
|
var EditorSavedRepliesButton = function (context) {
|
|
var ui = $.summernote.ui;
|
|
|
|
// create button
|
|
var button = ui.button({
|
|
contents: '<i class="glyphicon glyphicon-comment"></i>',
|
|
tooltip: Lang.get("messages.saved_replies"),
|
|
container: 'body',
|
|
click: function () {
|
|
alert('todo: implement saved replies');
|
|
}
|
|
});
|
|
|
|
return button.render(); // return button as jquery object
|
|
}
|
|
var EditorSaveDraftButton = function (context) {
|
|
var ui = $.summernote.ui;
|
|
|
|
// create button
|
|
var button = ui.button({
|
|
contents: '<i class="glyphicon glyphicon-ok-circle"></i>',
|
|
tooltip: Lang.get("messages.save_draft"),
|
|
container: 'body',
|
|
click: function () {
|
|
alert('todo: implement saving draft');
|
|
}
|
|
});
|
|
|
|
return button.render(); // return button as jquery object
|
|
}
|
|
var EditorDiscardButton = function (context) {
|
|
var ui = $.summernote.ui;
|
|
|
|
// create button
|
|
var button = ui.button({
|
|
contents: '<i class="glyphicon glyphicon-trash"></i>',
|
|
tooltip: Lang.get("messages.discard"),
|
|
container: 'body',
|
|
click: function () {
|
|
alert('todo: implement discarding a draft');
|
|
}
|
|
});
|
|
|
|
return button.render(); // return button as jquery object
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
|
|
// Tooltips
|
|
$('[data-toggle="tooltip"]').tooltip({container: 'body'});
|
|
|
|
// Popover
|
|
$('[data-toggle="popover"]').popover({
|
|
container: 'body'
|
|
});
|
|
|
|
// Submenu
|
|
$('.sidebar-menu-toggle').click(function(event) {
|
|
event.stopPropagation();
|
|
$(this).parent().children('.sidebar-menu:first').toggleClass('active');
|
|
$(this).toggleClass('active');
|
|
if (!fs_sidebar_menu_applied) {
|
|
$('body').click(function() {
|
|
$('.sidebar-menu, .sidebar-menu-toggle').removeClass('active');
|
|
});
|
|
}
|
|
});
|
|
|
|
// Floating alerts
|
|
fsFloatingAlertsInit();
|
|
});
|
|
|
|
function mailboxUpdateInit(from_name_custom)
|
|
{
|
|
$(document).ready(function(){
|
|
// https://github.com/Studio-42/elFinder/wiki/Integration-with-Multiple-Summernote-%28fixed-functions%29
|
|
// https://stackoverflow.com/questions/21628222/summernote-image-upload
|
|
// https://www.kerneldev.com/2018/01/11/using-summernote-wysiwyg-editor-with-laravel/
|
|
// https://gist.github.com/abr4xas/22caf07326a81ecaaa195f97321da4ae
|
|
$('#signature').summernote({
|
|
minHeight: 120,
|
|
dialogsInBody: true,
|
|
disableResizeEditor: true,
|
|
followingToolbar: false,
|
|
toolbar: [
|
|
// [groupName, [list of button]]
|
|
['style', ['bold', 'italic', 'underline', 'ul', 'ol', 'link', 'codeview']],
|
|
]
|
|
});
|
|
$('.note-statusbar').remove();
|
|
|
|
$('#from_name').change(function(event) {
|
|
if ($(this).val() == from_name_custom) {
|
|
$('#from_name_custom_container').removeClass('hidden');
|
|
} else {
|
|
$('#from_name_custom_container').addClass('hidden');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function permissionsInit()
|
|
{
|
|
$(document).ready(function(){
|
|
$('.sel-all').click(function(event) {
|
|
$("#permissions-fields input").attr('checked', 'checked');
|
|
});
|
|
$('.sel-none').click(function(event) {
|
|
$("#permissions-fields input").removeAttr('checked');
|
|
});
|
|
});
|
|
}
|
|
|
|
function mailboxConnectionInit(out_method_smtp)
|
|
{
|
|
$(document).ready(function(){
|
|
$(':input[name="out_method"]').on('change', function(event) {
|
|
var method = $(':input[name="out_method"]:checked').val();
|
|
$('.out_method_options').addClass('hidden');
|
|
$('#out_method_'+method+'_options').removeClass('hidden');
|
|
|
|
if (parseInt(method) == parseInt(out_method_smtp)) {
|
|
$('#out_method_'+out_method_smtp+'_options :input').attr('required', 'required');
|
|
} else {
|
|
$('#out_method_'+out_method_smtp+'_options :input').removeAttr('required');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function userCreateInit()
|
|
{
|
|
$(document).ready(function(){
|
|
$('#send_invite').on('change', function(event) {
|
|
if ($(this).is(':checked')) {
|
|
$('.no-send-invite').addClass('hidden');
|
|
$('#password').removeAttr('required');
|
|
} else {
|
|
$('.no-send-invite').removeClass('hidden');
|
|
$('#password').attr('required', 'required');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function logsInit()
|
|
{
|
|
$(document).ready(function() {
|
|
$('#table-logs').DataTable({
|
|
"ordering": false
|
|
});
|
|
} );
|
|
}
|
|
|
|
function multiInputInit()
|
|
{
|
|
$(document).ready(function() {
|
|
$('.multi-add').click(function() {
|
|
var clone = $(this).parents('.multi-container:first').children('.multi-item:first').clone(true, true);
|
|
clone.find(':input').val('');
|
|
clone.insertAfter($(this).parents('.multi-container:first').children('.multi-item:last'));
|
|
});
|
|
$('.multi-remove').click(function() {
|
|
if ($(this).parents('.multi-container:first').children('.multi-item').length > 1) {
|
|
$(this).parents('.multi-item:first').remove();
|
|
} else {
|
|
$(this).parents('.multi-item:first').children(':input').val('');
|
|
}
|
|
});
|
|
} );
|
|
}
|
|
|
|
function fsAjax(data, url, success_callback, error_callback, no_loader)
|
|
{
|
|
// Setup AJAX
|
|
$.ajaxSetup({
|
|
headers: {
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]:first').attr('content')
|
|
}
|
|
});
|
|
// Show loader
|
|
if (typeof(no_loader) == "undefined" || !no_loader) {
|
|
fsLoaderShow(true);
|
|
}
|
|
|
|
if (typeof(error_callback) == "undefined" || !error_callback) {
|
|
error_callback = function() {
|
|
fsShowFloatingAlert('error', Lang.get("messages.ajax_error"));
|
|
fsLoaderHide();
|
|
$("button[data-loading-text!='']:disabled").button('reset');
|
|
};
|
|
}
|
|
|
|
$.ajax({
|
|
url: url,
|
|
method: 'post',
|
|
dataType: 'json',
|
|
data: data,
|
|
success: success_callback,
|
|
error: error_callback
|
|
});
|
|
}
|
|
|
|
// Show loader
|
|
function fsLoaderShow(delay)
|
|
{
|
|
if (typeof(delay) != "undefined" && delay) {
|
|
fs_loader_timeout = setTimeout(function() {
|
|
$("#loader-main").show();
|
|
}, 1000);
|
|
} else {
|
|
$("#loader-main").show();
|
|
}
|
|
}
|
|
|
|
function fsLoaderHide()
|
|
{
|
|
$("#loader-main").hide();
|
|
clearTimeout(fs_loader_timeout);
|
|
}
|
|
|
|
// Display floating alerts
|
|
function fsFloatingAlertsInit()
|
|
{
|
|
var alerts = $(".alert-floating:hidden");
|
|
|
|
alerts.each(function(i, obj) {
|
|
$(obj).css('display', 'flex');
|
|
setTimeout(function(){
|
|
obj.remove();
|
|
}, 7000);
|
|
});
|
|
|
|
if (alerts.length) {
|
|
$('body').click(function() {
|
|
alerts.remove();
|
|
});
|
|
}
|
|
}
|
|
|
|
function fsShowFloatingAlert(type, msg)
|
|
{
|
|
var icon = 'ok';
|
|
var alert_class = 'success';
|
|
|
|
if (type == 'error') {
|
|
icon = 'exclamation-sign';
|
|
alert_class = 'danger';
|
|
}
|
|
|
|
var html = '<div class="alert alert-'+alert_class+' alert-floating">'+
|
|
'<i class="glyphicon glyphicon-'+icon+'"></i>'+
|
|
'<div>'+msg+'</div>'+
|
|
'</div>';
|
|
$('body:first').append(html);
|
|
fsFloatingAlertsInit();
|
|
}
|
|
|
|
function conversationInit()
|
|
{
|
|
$(document).ready(function(){
|
|
|
|
// Change conversation assignee
|
|
jQuery(".conv-user li > a").click(function(e){
|
|
if (!$(this).hasClass('active')) {
|
|
fsAjax({
|
|
action: 'conversation_change_user',
|
|
user_id: $(this).attr('data-user_id'),
|
|
conversation_id: fsGetGlobalAttr('conversation_id')
|
|
},
|
|
laroute.route('conversations.ajax'),
|
|
function(response) {
|
|
if (typeof(response.status) != "undefined" && response.status == 'success') {
|
|
if (typeof(response.redirect_url) != "undefined") {
|
|
window.location.href = response.redirect_url;
|
|
} else {
|
|
window.location.href = '';
|
|
}
|
|
} else if (typeof(response.msg) != "undefined") {
|
|
fsShowFloatingAlert('error', response.msg);
|
|
} else {
|
|
fsShowFloatingAlert('error', Lang.get("messages.error_occured"));
|
|
}
|
|
fsLoaderHide();
|
|
});
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
|
|
// Change conversation status
|
|
jQuery(".conv-status li > a").click(function(e){
|
|
if (!$(this).hasClass('active')) {
|
|
fsAjax({
|
|
action: 'conversation_change_status',
|
|
status: $(this).attr('data-status'),
|
|
conversation_id: fsGetGlobalAttr('conversation_id')
|
|
},
|
|
laroute.route('conversations.ajax'),
|
|
function(response) {
|
|
if (typeof(response.status) != "undefined" && response.status == 'success') {
|
|
if (typeof(response.redirect_url) != "undefined") {
|
|
window.location.href = response.redirect_url;
|
|
} else {
|
|
window.location.href = '';
|
|
}
|
|
} else if (typeof(response.msg) != "undefined") {
|
|
fsShowFloatingAlert('error', response.msg);
|
|
} else {
|
|
fsShowFloatingAlert('error', Lang.get("messages.error_occured"));
|
|
}
|
|
fsLoaderHide();
|
|
});
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
|
|
// Reply
|
|
jQuery(".conv-reply").click(function(e){
|
|
if ($(".conv-reply-block").hasClass('hidden')) {
|
|
$(".conv-action-block").addClass('hidden');
|
|
$(".conv-reply-block").removeClass('hidden');
|
|
$(".conv-action").addClass('inactive');
|
|
$(this).removeClass('inactive');
|
|
} else {
|
|
$(".conv-action-block").addClass('hidden');
|
|
$(".conv-action").removeClass('inactive');
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
});
|
|
}
|
|
|
|
function fsGetGlobalAttr(attr)
|
|
{
|
|
return $("body:first").attr('data-'+attr);
|
|
}
|
|
|
|
// Initialize conversation body editor
|
|
function convEditorInit()
|
|
{
|
|
$('#body').summernote({
|
|
minHeight: 200,
|
|
dialogsInBody: true,
|
|
dialogsFade: true,
|
|
disableResizeEditor: true,
|
|
followingToolbar: false,
|
|
toolbar: [
|
|
// [groupName, [list of button]]
|
|
['style', ['attachment', 'bold', 'italic', 'underline', 'ul', 'ol', 'link', 'picture', 'codeview', 'savedreplies']],
|
|
['actions', ['savedraft', 'discard']],
|
|
],
|
|
buttons: {
|
|
attachment: EditorAttachmentButton,
|
|
savedreplies: EditorSavedRepliesButton,
|
|
savedraft: EditorSaveDraftButton,
|
|
discard: EditorDiscardButton
|
|
}
|
|
});
|
|
var html = $('#editor_bottom_toolbar').html();
|
|
$('.note-statusbar').addClass('note-statusbar-toolbar form-inline').html(html);
|
|
}
|
|
|
|
// New conversation page
|
|
function newConversationInit()
|
|
{
|
|
$(document).ready(function() {
|
|
|
|
convEditorInit();
|
|
|
|
$('.toggle-cc a:first').click(function() {
|
|
$('.field-cc').removeClass('hidden');
|
|
$(this).parent().remove();
|
|
});
|
|
|
|
$('.dropdown-after-send a').click(function() {
|
|
$('.dropdown-after-send li').removeClass('active');
|
|
$(this).parent().addClass('active');
|
|
alert('todo: implement choosing action after sending a message');
|
|
});
|
|
|
|
// Send reply or new conversation
|
|
jQuery(".btn-send-text").click(function(e){
|
|
var button = $(this);
|
|
|
|
// Validate before sending
|
|
form = $(".form-reply:first");
|
|
|
|
if (!form.parsley().validate()) {
|
|
return;
|
|
}
|
|
|
|
button.button('loading');
|
|
|
|
data = form.serialize();
|
|
data += '&action=send_reply';
|
|
|
|
fsAjax(data, laroute.route('conversations.ajax'), function(response) {
|
|
if (typeof(response.status) != "undefined" && response.status == 'success') {
|
|
if (typeof(response.redirect_url) != "undefined") {
|
|
window.location.href = response.redirect_url;
|
|
} else {
|
|
window.location.href = '';
|
|
}
|
|
} else if (typeof(response.msg) != "undefined") {
|
|
fsShowFloatingAlert('error', response.msg);
|
|
button.button('reset');
|
|
} else {
|
|
fsShowFloatingAlert('error', Lang.get("messages.error_occured"));
|
|
button.button('reset');
|
|
}
|
|
fsLoaderHide();
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
});
|
|
}
|