You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
312 lines
13 KiB
312 lines
13 KiB
<?php
|
|
|
|
/*===============================================*\
|
|
|| ############################################# ||
|
|
|| # JAKWEB.CH / Version 2.0.4 # ||
|
|
|| # ----------------------------------------- # ||
|
|
|| # Copyright 2022 JAKWEB All Rights Reserved # ||
|
|
|| ############################################# ||
|
|
\*===============================================*/
|
|
|
|
// Language file goes global
|
|
global $jkl;
|
|
global $BT_LANGUAGE;
|
|
|
|
/* Leave a var empty if not in use or set to false */
|
|
$wtplsett = array();
|
|
|
|
// Custom Settings
|
|
$wtplsett["chatposition"] = "bottom:0;right:0;";
|
|
$wtplsett["customjs"] = "js/start.js";
|
|
$wtplsett["customcss"] = "";
|
|
|
|
// Only for the edit page in the operator panel
|
|
if (isset($page) && $page == "widget") {
|
|
|
|
/* Leave a var empty if not in use or set to false */
|
|
$startsett = array();
|
|
|
|
$startsett["previewchat"] = "preview/simple_start.jpg";
|
|
|
|
/* Now we need custom input fields */
|
|
/* Following options are available:
|
|
|
|
1. Input
|
|
2. Textarea
|
|
3. Radio
|
|
4. Checkbox
|
|
5. Select
|
|
|
|
***
|
|
|
|
Title (you can use the lang vars from the operator/lang language files)
|
|
|
|
***
|
|
|
|
Options (for radio 3, checkbox 4, select 5) = Green,Red,Blue
|
|
Options (for Input) = colour or icon
|
|
|
|
***
|
|
|
|
Multiple (0 = No / 1 = Yes)
|
|
|
|
***
|
|
|
|
The english language var for the input field
|
|
|
|
*/
|
|
|
|
$startsett["formoptions"] = array("1" => "1:#:".$jkl['cw24'].":#:0:#:0:#:start_custom_logo", "2" => "3:#:".$jkl['cw43'].":#:Yes,No:#:0:#:start_show_avatars", "3" => "5:#:".$jkl['cw22'].":#:blue,green,orange,red,pink,grey:#:0:#:start_colour_theme", "4" => "5:#:".$jkl['cw23'].":#:animate__fadeIn,animate__flash,animate__pulse,animate__headShake,animate__slideInUp,animate__slideInRight:#:0:#:start_animation");
|
|
|
|
} else {
|
|
|
|
// Check the vars for this start
|
|
$start_animate = "animate__fadeIn";
|
|
$start_custom = "";
|
|
$btn_custom = "blue";
|
|
$start_logo = '<i class="fa fa fa-user-circle '.(isset($ismobile) && !empty($ismobile) ? 'fa-3x' : 'fa-4x').' jaklcb_popup_avatar"></i>';
|
|
|
|
// We can have custom online icon
|
|
if (isset($widgetsettings[$widgetid]['start_animation']) && !empty($widgetsettings[$widgetid]['start_animation'])) {
|
|
$start_animate = $widgetsettings[$widgetid]['start_animation'];
|
|
}
|
|
|
|
// We can have custom online icon
|
|
if (isset($widgetsettings[$widgetid]['start_colour_theme']) && !empty($widgetsettings[$widgetid]['start_colour_theme']) && $widgetsettings[$widgetid]['start_colour_theme'] != "blue") {
|
|
$start_custom = " ".$widgetsettings[$widgetid]['start_colour_theme'];
|
|
$btn_custom = $widgetsettings[$widgetid]['start_colour_theme'];
|
|
}
|
|
|
|
// We can have custom online icon
|
|
if (isset($widgetsettings[$widgetid]['start_custom_logo']) && !empty($widgetsettings[$widgetid]['start_custom_logo'])) {
|
|
$start_logo = '<img src="'.$widgetsettings[$widgetid]['start_custom_logo'].'" class="jaklcb_popup_avatar" alt="logo">';
|
|
}
|
|
|
|
// Let's get the header welcome message
|
|
$headermsg = '';
|
|
if (empty($headermsg)) {
|
|
if (!empty($HD_ANSWERS) && is_array($HD_ANSWERS)) foreach ($HD_ANSWERS as $v) {
|
|
|
|
$msgtype = 7;
|
|
|
|
if ($v["msgtype"] == $msgtype && $v["lang"] == $BT_LANGUAGE && $v["department"] == 0) {
|
|
|
|
$phold = array("%operator%","%client%","%email%");
|
|
$replace = array("", "", JAK_EMAIL);
|
|
$headermsg = str_replace($phold, $replace, $v["message"]);
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
// We collect the departments
|
|
$dep_direct = 0;
|
|
if (isset($jakwidget[$widgetid]['depid']) && is_numeric($jakwidget[$widgetid]['depid']) && $jakwidget[$widgetid]['depid'] != 0) {
|
|
$dep_direct = 1;
|
|
foreach ($online_op as $d) {
|
|
if (in_array($jakwidget[$widgetid]['depid'], $d)) {
|
|
$dep_direct = $jakwidget[$widgetid]['depid'];
|
|
}
|
|
}
|
|
}
|
|
|
|
// Operator ID if set
|
|
$op_direct = 0;
|
|
if (isset($jakwidget[$widgetid]['singleopid']) && is_numeric($jakwidget[$widgetid]['singleopid']) && $jakwidget[$widgetid]['singleopid'] != 0) $op_direct = $jakwidget[$widgetid]['singleopid'];
|
|
|
|
$dep_all = '';
|
|
if ($op_direct == 0 && $dep_direct != 0 && is_numeric($dep_direct)) {
|
|
$dep_stuff = '<input type="hidden" name="start_department" value="'.$dep_direct.'">';
|
|
} elseif ($op_direct == 0 && count($online_op) > 1) {
|
|
|
|
foreach($online_op as $v) { if (in_array($v["id"], explode(',', $jakwidget[$widgetid]["depid"])) || $jakwidget[$widgetid]["depid"] == 0) {
|
|
$dep_all .= '<option value="'.$v["id"].'"'.(isset($_REQUEST["start_department"]) && $_REQUEST["start_department"] == $v["id"] ? ' selected' : '').'>'.$v["title"].'</option>';
|
|
} }
|
|
|
|
$dep_stuff = '<div class="jaklcb_select">
|
|
<label for="start_department">'.$jkl["g30"].'</label>
|
|
<select name="start_department" id="start_department">'.$dep_all.'</select>
|
|
</div>';
|
|
} else {
|
|
$dep_stuff = '<input type="hidden" name="start_department" value="'.$online_op[0]["id"].'"><input type="hidden" name="start_op_direct" value="'.$op_direct.'">';
|
|
}
|
|
|
|
// We go big
|
|
if (isset($page1) && $page1 == "big") {
|
|
|
|
$livecode = '<div id="lccontainersize" class="jak_chatopen_panel'.(isset($ismobile) ? $ismobile : '').' animate__animated '.$start_animate.'">
|
|
<form id="lcjak_ajaxform" method="post" action="'.$_SERVER['REQUEST_URI'].'">
|
|
<section class="jaklcb_panel'.$start_custom.'">
|
|
<header class="jaklcb_panel_header">
|
|
<aside style="flex:3">'.$start_logo.'
|
|
</aside>
|
|
<aside style="flex:6">
|
|
<h1>'.$jakwidget[$widgetid]['title'].'</h1>
|
|
</aside>
|
|
<aside style="flex:3;text-align:right;">
|
|
<button class="jaklcb_minimize" onclick="lcjak_smallchat()" type="button"><i class="fa fa-window-restore"></i></button>
|
|
<button class="jaklcb_panelclose lcb_close" onclick="lcjak_closechat()" type="button"><i class="fa fa-times"></i></button>
|
|
</aside>
|
|
</header>
|
|
<main class="jaklcb_panel_main">
|
|
<h2>'.$headermsg.'</h2>
|
|
'.(isset($widgetsettings[$widgetid]['start_show_avatars']) && $widgetsettings[$widgetid]['start_show_avatars'] == "Yes" ? '
|
|
<div class="avatars">
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/standard.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/standard.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/1.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/1.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/2.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/2.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/3.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/3.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/4.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/4.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/5.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/5.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
</div>' : '').'
|
|
'.$dep_stuff.'
|
|
<div class="jaklcb_input">
|
|
<label for="start_name">'.$jkl["g4"].'</label>
|
|
<input id="start_name" name="start_name" type="text" class="lcjak_input" placeholder="'.$jkl["g4"].'" value="'.(isset($_REQUEST["name"]) ? $_REQUEST["name"] : '').'">
|
|
</div>
|
|
<input type="hidden" name="start_email" value="'.(isset($_REQUEST["start_email"]) ? $_REQUEST["start_email"] : '').'">
|
|
<div class="jaklcb_input">
|
|
<label for="start_chat_msg">'.$jkl["g71"].'</label>
|
|
<textarea id="start_chat_msg" name="start_chat_msg" placeholder="'.$jkl['g71'].'">'.(isset($_REQUEST["start_chat_msg"]) ? $_REQUEST["start_chat_msg"] : '').'</textarea>
|
|
</div>
|
|
'.(isset($jakwidget[$widgetid]['dsgvo']) && !empty($jakwidget[$widgetid]['dsgvo']) ? '<div class="jaklcb_input">
|
|
<label>
|
|
<input type="checkbox" name="dsgvo" id="dsgvo" value="1"> '.$jakwidget[$widgetid]['dsgvo'].'
|
|
</label>
|
|
</div>' : '<input type="hidden" name="dsgvo" value="0">').'
|
|
<button class="lcb_startchat jakbtn btn-simple btn-'.$btn_custom.'" onclick="lcjak_startChat()" type="button"><i class="fa fa-paper-plane" id="start_chat_btn"></i> '.$jkl['g10'].'</button>
|
|
</main>
|
|
</section>
|
|
<input type="hidden" name="mycustomfields" value="">
|
|
</form>
|
|
</div>';
|
|
|
|
} else {
|
|
|
|
$livecode = '<div id="lccontainersize" class="jak_chatopen_sm'.(isset($ismobile) ? $ismobile : '').' animate__animated '.$start_animate.'">
|
|
<button class="jaklcb_sendcontact lcb_startchat" type="button" onclick="lcjak_startChat()">
|
|
<i class="fa fa-paper-plane" id="start_chat_btn"></i>
|
|
</button>
|
|
<button class="jaklcb_close lcb_close" onclick="lcjak_closechat()">
|
|
<i class="fa fa-times fa-lg"></i>
|
|
</button>
|
|
<form id="lcjak_ajaxform" method="post" action="'.$_SERVER['REQUEST_URI'].'">
|
|
<section class="jaklcb_popup'.$start_custom.'">
|
|
<header class="jaklcb_popup_header">
|
|
<aside style="flex:3">'.$start_logo.'
|
|
</aside>
|
|
<aside style="flex:8">
|
|
<h1>'.$jakwidget[$widgetid]['title'].'</h1>
|
|
</aside>
|
|
<aside style="flex:1">
|
|
<button class="jaklcb_maximise" onclick="lcjak_bigchat()" type="button"><i class="fa fa-window-maximize"></i></button>
|
|
</aside>
|
|
</header>
|
|
<main class="jaklcb_form_main">
|
|
<h2>'.$headermsg.'</h2>
|
|
'.(isset($widgetsettings[$widgetid]['start_show_avatars']) && $widgetsettings[$widgetid]['start_show_avatars'] == "Yes" ? '
|
|
<div class="avatars">
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/standard.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/standard.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/1.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/1.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/2.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/2.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/3.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/3.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/4.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/4.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
<div class="ava_item">
|
|
<label>
|
|
<span><?php echo $jkl["g18"];?></span>
|
|
<input type="radio" name="avatar" value="/lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/5.jpg">
|
|
<img src="'.BASE_URL.'lctemplate/business/avatar/'.$jakwidget[$widgetid]['avatarset'].'/5.jpg" width="50" alt="avatar">
|
|
</label>
|
|
</div>
|
|
</div>' : '').'
|
|
'.$dep_stuff.'
|
|
<div class="jaklcb_input">
|
|
<label for="start_name">'.$jkl["g4"].'</label>
|
|
<input id="start_name" name="start_name" type="text" class="lcjak_input" placeholder="'.$jkl["g4"].'" value="'.(isset($_REQUEST["start_name"]) ? $_REQUEST["start_name"] : '').'">
|
|
</div>
|
|
<input type="hidden" name="start_email" value="'.(isset($_REQUEST["start_email"]) ? $_REQUEST["start_email"] : '').'">
|
|
<div class="jaklcb_input">
|
|
<label for="start_chat_msg">'.$jkl["g71"].'</label>
|
|
<textarea id="start_chat_msg" name="start_chat_msg" placeholder="'.$jkl['g71'].'">'.(isset($_REQUEST["start_chat_msg"]) ? $_REQUEST["start_chat_msg"] : '').'</textarea>
|
|
</div>
|
|
'.(isset($jakwidget[$widgetid]['dsgvo']) && !empty($jakwidget[$widgetid]['dsgvo']) ? '<div class="jaklcb_input">
|
|
<label>
|
|
<input type="checkbox" name="dsgvo" id="dsgvo" value="1"> '.$jakwidget[$widgetid]['dsgvo'].'
|
|
</label>
|
|
</div>' : '<input type="hidden" name="dsgvo" value="0">').'
|
|
</main>
|
|
<input type="hidden" name="mycustomfields" value="">
|
|
</section></form></div>';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
?>
|
|
|