",$script_text); $script_text = preg_replace('/--A--TABLEper_call_notes--B--/i',"$NOTESout",$script_text); +$manual_dial_code = "" . _QXZ("MANUAL DIAL") .""; +$script_text = preg_replace('/--A--MANUALDIALLINK--B--/i',$manual_dial_code,$script_text); $script_text = stripslashes($script_text); diff --git a/www/chat_customer/css/custom.css b/www/chat_customer/css/custom.css index 37798017..11498e4b 100644 --- a/www/chat_customer/css/custom.css +++ b/www/chat_customer/css/custom.css @@ -1,3 +1,15 @@ + +.chat_title { font-family: Arial, Helvetica, sans-serif; font-size: 14pt} +.chat_message { font-family: Arial, Helvetica, sans-serif; font-size: 10pt} +.chat_timestamp { font-family: Arial, Helvetica, sans-serif; font-size: 8pt} +.bold {font-weight: bold;} +.italics {font-style: italic;} +.alert { + font-weight: bold; + color:#FFFFFF; + background-color:#FF0000; +} + input.red_btn{ font-family: Arial, Sans-Serif; font-size: 10px; @@ -34,6 +46,24 @@ input.blue_btn{ border-right-color:#000033; border-bottom-color:#000033; } +textarea.chat_window { + font-family: Arial, Sans-Serif; + font-size: 11px; + margin-bottom: 3px; + padding: 2px; + border: solid 1px #000066; +} +td.chat_window { + border:2px solid #000000; + padding: 5px; + vertical-align: top; +/* + background-image: url("../images/VICIchat_powered_logo.png"); + background-repeat: no-repeat; + background-position: bottom 5px right 25px; +*/ + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,0) 50%, rgba(222,222,222,0) 50%, rgba(222,222,222,1) 100%); +} input.form_field { font-family: Arial, Sans-Serif; font-size: 10px; @@ -55,3 +85,17 @@ select.form_field { padding: 2px; border: solid 1px #000066; } +div.logo_container { + width: 123px; + height: 30px; + position: absolute bottom left; + /* text-align: center; + background: rgb(0, 150, 0); /* Fall-back for browsers that don't support rgba + background: rgba(0, 150, 0, .5); */ +} +img.small_logo { + max-width:123px; + max-height:30px; + width:auto; + height:auto; +} diff --git a/www/chat_customer/css/simpletree.css b/www/chat_customer/css/simpletree.css index 910309c5..e4936a93 100644 --- a/www/chat_customer/css/simpletree.css +++ b/www/chat_customer/css/simpletree.css @@ -37,85 +37,3 @@ ul.treeview li:last-child { /* background: #fff url(images/lastnode.png) no-repeat; */ margin-bottom: 20px; } - -.chat_title { font-family: Arial, Helvetica, sans-serif; font-size: 11pt} -.chat_message { font-family: Arial, Helvetica, sans-serif; font-size: 10pt} -.chat_timestamp { font-family: Arial, Helvetica, sans-serif; font-size: 8pt} -.bold {font-weight: bold;} -.italics {font-style: italic;} -.alert { - font-weight: bold; - color:#FFFFFF; - background-color:#FF0000; -} - -input.red_btn{ - font-family: Arial, Sans-Serif; - font-size: 10px; - color:#FFFFFF; - font-weight:bold; - background-color:#990000; - border:2px solid; - border-top-color:#FFCCCC; - border-left-color:#FFCCCC; - border-right-color:#330000; - border-bottom-color:#330000; -} -input.green_btn{ - font-family: Arial, Sans-Serif; - font-size: 10px; - color:#FFFFFF; - font-weight:bold; - background-color:#009900; - border:2px solid; - border-top-color:#CCFFCC; - border-left-color:#CCFFCC; - border-right-color:#003300; - border-bottom-color:#003300; -} -input.blue_btn{ - font-family: Arial, Sans-Serif; - font-size: 10px; - color:#FFFFFF; - font-weight:bold; - background-color:#000099; - border:2px solid; - border-top-color:#CCCCFF; - border-left-color:#CCCCFF; - border-right-color:#000033; - border-bottom-color:#000033; -} -textarea.chat_window { - font-family: Arial, Sans-Serif; - font-size: 11px; - margin-bottom: 3px; - padding: 2px; - border: solid 1px #000066; -} -td.chat_window { - border:2px solid #000000; - padding: 5px; - vertical-align: top; - background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,0) 50%, rgba(222,222,222,0) 50%, rgba(222,222,222,1) 100%); -} -input.form_field { - font-family: Arial, Sans-Serif; - font-size: 10px; - margin-bottom: 3px; - padding: 2px; - border: solid 1px #000066; -} -textarea.form_field { - font-family: Arial, Sans-Serif; - font-size: 10px; - margin-bottom: 3px; - padding: 2px; - border: solid 1px #000066; -} -select.form_field { - font-family: Arial, Sans-Serif; - font-size: 10px; - margin-bottom: 3px; - padding: 2px; - border: solid 1px #000066; -} diff --git a/www/chat_customer/customer_chat_functions.php b/www/chat_customer/customer_chat_functions.php index 4c190ead..3b3c846f 100644 --- a/www/chat_customer/customer_chat_functions.php +++ b/www/chat_customer/customer_chat_functions.php @@ -11,12 +11,12 @@ # 160203-1051 - Added display of chat message after ending it # 160303-0055 - Added code for chat transfers # 160725-1711 - Fixed nested iframe issue +# 160805-2315 - Added coding to show logos in customer display # require("dbconnect_mysqli.php"); require("functions.php"); -$color_array=array("#FF0000", "#0000FF", "#009900", "#990099", "#009999", "#666600", "#999999"); $style_array=array("", "italics", "bold italics"); if (isset($_GET["action"])) {$action=$_GET["action"];} @@ -61,6 +61,7 @@ $language = preg_replace('/[^-\_0-9a-zA-Z]/','',$language); $chat_member_name = preg_replace("/\'|\"|\\\\|;/","",$chat_member_name); $available_agents = preg_replace('/[^-\_0-9a-zA-Z]/','',$available_agents); $show_email = preg_replace('/[^-\_0-9a-zA-Z]/','',$show_email); +$chat_message = preg_replace('/\|/', '|', $chat_message); if ($non_latin < 1) { @@ -72,6 +73,11 @@ else $user = preg_replace("/\'|\"|\\\\|;/","",$user); } +$use_agent_colors=1; +if (file_exists('options.php')) + {require('options.php');} + + ############################################# ##### START SYSTEM_SETTINGS LOOKUP ##### $VUselected_language=''; @@ -205,6 +211,68 @@ if ($action=="update_chat_window" && $chat_id) { } } + ## DISPLAY LOGO ON SCREEN EVEN AFTER CHAT IS ENDED + $chat_color_stmt="select menu_background, frame_background, std_row1_background, std_row2_background, std_row3_background, std_row4_background, std_row5_background, web_logo from vicidial_inbound_groups vig, vicidial_screen_colors v where vig.group_id='$group_id' and vig.customer_chat_screen_colors=v.colors_id and length(frame_background)=6 and length(menu_background)=6 limit 1;"; + $color_rslt=mysql_to_mysqli($chat_color_stmt, $link); + $web_logo=""; $filepath="vicidial/images"; + if(mysqli_num_rows($color_rslt)>0 && $use_agent_colors>0) { + $color_row=mysqli_fetch_array($color_rslt); + $color_array=array("#000000", "#000000", "#000000", "#000000", "#000000", "#000000", "#000000"); + $chat_background_array=array("#$color_row[std_row1_background]", "#$color_row[std_row2_background]", "#$color_row[std_row3_background]", "#$color_row[std_row4_background]", "#$color_row[std_row5_background]", "#$color_row[frame_background]", "#$color_row[menu_background]"); +# switch ($color_row["web_logo"]) { +# case "default_new": +# $color_row["web_logo"]=".png"; +# break; +# case "default_old"; +# $color_row["web_logo"]=".gif"; +# $filepath="vicidial"; +# break; +# } +# $web_logo=$color_row["web_logo"]; + } else { +# if(mysqli_num_rows($color_rslt)>0) { +# $color_row=mysqli_fetch_array($color_rslt); +# switch ($color_row["web_logo"]) { +# case "default_new": +# $color_row["web_logo"]=".png"; +# break; +# case "default_old"; +# $color_row["web_logo"]=".gif"; +# $filepath="vicidial"; +# break; +# } +# $web_logo=$color_row["web_logo"]; +# } + $color_array=array("#FF0000", "#0000FF", "#009900", "#990099", "#009999", "#666600", "#999999"); + $chat_background_array=array("#FFCCCC", "#CCCCFF", "#CCFFCC", "#FFCCFF", "#CCFFFF", "#CCCC99", "#CCCCCC"); + } + +# if (!preg_match("/\.(jpg|gif|png|bmp)$/", $web_logo)) {$web_logo.=".png";} + + $chat_status="INACTIVE"; + echo "$chat_status|"; + +# echo "
| \n"; +# echo ""._QXZ("Current chat").": INACTIVE\n"; +# echo " | \n"; +# echo "\n";
+# if (file_exists("../$filepath/vicidial_admin_web_logo$web_logo"))
+# {
+# echo " | \n";
+# echo "
', $row[2]); - echo "
\n"; + $chat_color_stmt="select menu_background, frame_background, std_row1_background, std_row2_background, std_row3_background, std_row4_background, std_row5_background, web_logo from vicidial_inbound_groups vig, vicidial_screen_colors v where vig.group_id='$group_id' and vig.customer_chat_screen_colors=v.colors_id and length(frame_background)=6 and length(menu_background)=6 limit 1;"; + $color_rslt=mysql_to_mysqli($chat_color_stmt, $link); +# $web_logo=""; $filepath="vicidial/images"; + if(mysqli_num_rows($color_rslt)>0 && $use_agent_colors>0) { + $color_row=mysqli_fetch_array($color_rslt); + $color_array=array("#000000", "#000000", "#000000", "#000000", "#000000", "#000000", "#000000"); + $chat_background_array=array("#$color_row[std_row1_background]", "#$color_row[std_row2_background]", "#$color_row[std_row3_background]", "#$color_row[std_row4_background]", "#$color_row[std_row5_background]", "#$color_row[frame_background]", "#$color_row[menu_background]"); +# switch ($color_row["web_logo"]) { +# case "default_new": +# $color_row["web_logo"]=".png"; +# break; +# case "default_old"; +# $color_row["web_logo"]=".gif"; +# $filepath="vicidial"; +# break; +# } +# $web_logo=$color_row["web_logo"]; + } else { +# if(mysqli_num_rows($color_rslt)>0) { +# $color_row=mysqli_fetch_array($color_rslt); +# switch ($color_row["web_logo"]) { +# case "default_new": +# $color_row["web_logo"]=".png"; +# break; +# case "default_old"; +# $color_row["web_logo"]=".gif"; +# $filepath="vicidial"; +# break; +# +# } +# $web_logo=$color_row["web_logo"]; +# } + $color_array=array("#FF0000", "#0000FF", "#009900", "#990099", "#009999", "#666600", "#999999"); + $chat_background_array=array("#FFCCCC", "#CCCCFF", "#CCFFCC", "#FFCCFF", "#CCFFFF", "#CCCC99", "#CCCCCC"); + } + +# if (!preg_match("/\.(jpg|gif|png|bmp)$/", $web_logo)) {$web_logo.=".png";} + + $chat_status="ACTIVE"; + echo "$chat_status|"; # Create color-coding for chat $stmt="SELECT * from vicidial_chat_log where chat_id='$chat_id' order by message_time asc"; @@ -242,17 +349,20 @@ if ($action=="update_chat_window" && $chat_id) { } } + ## GRAB CHAT MESSAGES AND DISPLAY THEM if (!$user_level || $user_level==0) {$user_level_clause=" and chat_level='0' ";} else {$user_level_clause="";} $stmt="SELECT * from vicidial_chat_log where chat_id='$chat_id' $user_level_clause order by message_time asc"; + echo "
"._QXZ("Currently being transferred, waiting for agent...")."
\n"; @@ -263,11 +373,124 @@ if ($action=="update_chat_window" && $chat_id) { echo "\n"; } else { - echo ""._QXZ("You have left chat").": $chat_id.
"._QXZ("GO BACK TO CHAT FORM")."\n"; + $chat_status="INACTIVE"; + echo "$chat_status|"; + + $live_stmt="SELECT * from vicidial_live_chats vlc, vicidial_chat_participants vcp where vlc.chat_id='$chat_id' and (status='LIVE' or (status='WAITING' and transferring_agent is not null)) and vlc.chat_id=vcp.chat_id and vcp.chat_member='$user'"; + $live_rslt=mysql_to_mysqli($live_stmt, $link); + if (mysqli_num_rows($live_rslt)>0) { + $chat_color_stmt="select menu_background, frame_background, std_row1_background, std_row2_background, std_row3_background, std_row4_background, std_row5_background, web_logo from vicidial_inbound_groups vig, vicidial_screen_colors v where vig.group_id='$group_id' and vig.customer_chat_screen_colors=v.colors_id and length(frame_background)=6 and length(menu_background)=6 limit 1;"; + $color_rslt=mysql_to_mysqli($chat_color_stmt, $link); + if(mysqli_num_rows($color_rslt)>0 && $use_agent_colors>0) { + $color_row=mysqli_fetch_array($color_rslt); + $color_array=array("#000000", "#000000", "#000000", "#000000", "#000000", "#000000", "#000000"); + $chat_background_array=array("#$color_row[std_row1_background]", "#$color_row[std_row2_background]", "#$color_row[std_row3_background]", "#$color_row[std_row4_background]", "#$color_row[std_row5_background]", "#$color_row[frame_background]", "#$color_row[menu_background]"); + } else { + $color_array=array("#FF0000", "#0000FF", "#009900", "#990099", "#009999", "#666600", "#999999"); + $chat_background_array=array("#FFCCCC", "#CCCCFF", "#CCFFCC", "#FFCCFF", "#CCFFFF", "#CCCC99", "#CCCCCC"); + } + } + + # Create color-coding for chat + $stmt="SELECT * from vicidial_chat_log where chat_id='$chat_id' order by message_time asc"; + + $rslt=mysql_to_mysqli($stmt, $link); + $chat_members=array(); + while ($row=mysqli_fetch_row($rslt)) { + if (!in_array("$row[4]", $chat_members)) { + array_push($chat_members, "$row[4]"); + } + } + + + ## GRAB CHAT MESSAGES AND DISPLAY THEM + if (!$user_level || $user_level==0) {$user_level_clause=" and chat_level='0' ";} else {$user_level_clause="";} + + $stmt="SELECT * from vicidial_chat_log where chat_id='$chat_id' $user_level_clause order by message_time asc"; + + echo "
"; + # if (strlen($survey_row["customer_chat_survey_text"])>0) { + # echo $survey_row["customer_chat_survey_text"]; + # } else { + # echo _QXZ("PLEASE TAKE OUR SURVEY"); + # } + # echo "
"; + # } + + # echo ""._QXZ("You have left chat").": $chat_id."; + # echo "
"._QXZ("GO BACK TO CHAT FORM")."
\n"; } } else { if ($status_row[1]=="NONE") { - echo ""._QXZ("Waiting for next available agent...")."
\n"; +# $chat_color_stmt="select menu_background, frame_background, std_row1_background, std_row2_background, std_row3_background, std_row4_background, std_row5_background, web_logo from vicidial_inbound_groups vig, vicidial_screen_colors v where vig.group_id='$group_id' and vig.customer_chat_screen_colors=v.colors_id and length(frame_background)=6 and length(menu_background)=6 limit 1;"; +# $color_rslt=mysql_to_mysqli($chat_color_stmt, $link); +# $web_logo=""; $filepath="vicidial/images"; +# if(mysqli_num_rows($color_rslt)>0) { +# $color_row=mysqli_fetch_array($color_rslt); +# switch ($color_row["web_logo"]) { +# case "default_new": +# $color_row["web_logo"]=".png"; +# break; +# case "default_old"; +# $color_row["web_logo"]=".gif"; +# $filepath="vicidial"; +# break; +# } +# $web_logo=$color_row["web_logo"]; +# } +# if (!preg_match("/\.(jpg|gif|png|bmp)$/", $web_logo)) {$web_logo.=".png";} + + +# echo "
| \n";
+
+# echo ""._QXZ("Waiting for next available agent...")." \n"; + + $chat_status="WAITING"; + echo "$chat_status|"; + + $chat_count_stmt="SELECT chat_id from vicidial_live_chats vlc, vicidial_inbound_groups vig where vlc.status='WAITING' and (vlc.group_id='$group_id' or (vlc.group_id='AGENTDIRECT_CHAT')) and (transferring_agent is null or transferring_agent!='$user') and vlc.group_id=vig.group_id order by queue_priority desc, chat_id asc"; + $chat_count_rslt=mysql_to_mysqli($chat_count_stmt, $link); + $people_ahead_of_you=0; + while($chat_count_row=mysqli_fetch_row($chat_count_rslt)) { + if ($chat_count_row[0]!=$chat_id) { + $people_ahead_of_you++; + } else { + break; + } + } + if ($people_ahead_of_you>0) { + echo "There are $people_ahead_of_you customer(s) in chat queue ahead of you"; + } else { + echo "You are the next customer in line"; + } + +# echo " | \n";
+# echo "\n";
+# if (file_exists("../$filepath/vicidial_admin_web_logo$web_logo")) {
+# echo " | \n";
+# echo "
\n"; } diff --git a/www/chat_customer/images/VICIchat_powered_logo.gif b/www/chat_customer/images/VICIchat_powered_logo.gif new file mode 100644 index 00000000..cb5b0024 Binary files /dev/null and b/www/chat_customer/images/VICIchat_powered_logo.gif differ diff --git a/www/chat_customer/images/VICIchat_powered_logo.png b/www/chat_customer/images/VICIchat_powered_logo.png new file mode 100644 index 00000000..3e3a7adc Binary files /dev/null and b/www/chat_customer/images/VICIchat_powered_logo.png differ diff --git a/www/chat_customer/images/vicidial_admin_web_logo.png b/www/chat_customer/images/vicidial_admin_web_logo.png new file mode 100644 index 00000000..a06ebe40 Binary files /dev/null and b/www/chat_customer/images/vicidial_admin_web_logo.png differ diff --git a/www/chat_customer/images/vicidial_admin_web_logoSAMPLE.png b/www/chat_customer/images/vicidial_admin_web_logoSAMPLE.png new file mode 100644 index 00000000..2909cb2f Binary files /dev/null and b/www/chat_customer/images/vicidial_admin_web_logoSAMPLE.png differ diff --git a/www/chat_customer/options-example.php b/www/chat_customer/options-example.php new file mode 100644 index 00000000..fbf32eac --- /dev/null +++ b/www/chat_customer/options-example.php @@ -0,0 +1,3 @@ + diff --git a/www/chat_customer/vicidial_chat_customer_side.php b/www/chat_customer/vicidial_chat_customer_side.php index e40ec2df..b1ecfffa 100644 --- a/www/chat_customer/vicidial_chat_customer_side.php +++ b/www/chat_customer/vicidial_chat_customer_side.php @@ -17,6 +17,7 @@ # 160108-1700 - Added available_agents, status_link button options and validation of active in-group # 160120-1925 - Fixed missing list_id on vicidial_list inserts, Issue #915. Added show_email option # 160203-1052 - Added display of chat message after ending it +# 160805-2315 - Added coding to show logos in customer display # require("dbconnect_mysqli.php"); @@ -360,8 +361,42 @@ if ($stage == 'send_request') { # For people requesting a chat with an agent; co $ins_rslt=mysql_to_mysqli($ins_stmt, $link); $chat_id=mysqli_insert_id($link); + # WEB LOGO + $chat_color_stmt="select web_logo from vicidial_inbound_groups vig, vicidial_screen_colors v where vig.group_id='$group_id' and vig.customer_chat_screen_colors=v.colors_id limit 1;"; + $color_rslt=mysql_to_mysqli($chat_color_stmt, $link); + $web_logo=""; $filepath="vicidial/images"; + if(mysqli_num_rows($color_rslt)>0) { + $color_row=mysqli_fetch_array($color_rslt); + switch ($color_row["web_logo"]) { + case "default_new": + $color_row["web_logo"]=".png"; + break; + case "default_old"; + $color_row["web_logo"]=".gif"; + $filepath="vicidial"; + break; + } + $web_logo=$color_row["web_logo"]; + } + if (!preg_match("/\.(jpg|gif|png|bmp)$/", $web_logo)) {$web_logo.=".png";} + + if ($chat_id>0) { + $survey_stmt="select customer_chat_survey_link, customer_chat_survey_text from vicidial_inbound_groups where group_id='$group_id'"; + $survey_rslt=mysql_to_mysqli($survey_stmt, $link); + $survey_row=mysqli_fetch_array($survey_rslt); + if (strlen($survey_row["customer_chat_survey_link"])>0) { + $survey_str="
"; + if (strlen($survey_row["customer_chat_survey_text"])>0) { + $survey_str.=$survey_row["customer_chat_survey_text"]; + } else { + $survey_str.=_QXZ("PLEASE TAKE OUR SURVEY"); + } + $survey_str.=""; + } + + $ins_stmt="INSERT INTO vicidial_chat_participants(chat_id, chat_member, chat_member_name, ping_date, vd_agent) VALUES('$chat_id', '" . mysqli_real_escape_string($link, $user) . "', '" . mysqli_real_escape_string($link, $chat_member_name) . "', now(), 'N')"; $ins_rslt=mysql_to_mysqli($ins_stmt, $link); if (mysqli_affected_rows($link)==0) { @@ -438,6 +473,7 @@ function LeaveChat(chat_id, user, chat_member_name) { { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { + document.getElementById('chat_message_console').innerHTML="
\n"; //if (chat_creator==user) {EndChat();} } } @@ -475,14 +511,26 @@ function UpdateChatWindow() { var chat_log_response = xmlhttp.responseText; if (chat_log_response.match(/^Error/)) { - document.getElementById('chat_message_console').innerHTML=": "+chat_id+"
\n"; + document.getElementById('chat_message_console').innerHTML="
\n"; } - - var fullchatlog=chat_log_response.replace(/Error\|/, ''); + + var chatlogresponse=chat_log_response.replace(/Error\|/, ''); + var chatlogresponse_ary=chatlogresponse.split("|"); + + var current_chat_status=chatlogresponse_ary[0]; + var fullchatlog=chatlogresponse_ary[1]; + + document.getElementById('ChatActiveStatus').innerHTML=current_chat_status; + // var fullchatlog=chat_log_response.replace(/Error\|/, ''); document.getElementById('ChatDisplay').innerHTML=fullchatlog; var current_message_field_update = document.getElementById('current_message_count'); if (current_message_field_update != null) {var current_message_count_update=current_message_field_update.value;} - if (current_message_count_update>current_message_count && !document.getElementById("MuteCustomerChatAlert").checked) {document.getElementById("CustomerChatAudioAlertFile").play();} + if (current_message_count_update>current_message_count) + { + var myDiv = document.getElementById('ChatDisplay'); + document.getElementById('ChatDisplay').scrollTop = document.getElementById('ChatDisplay').scrollHeight; + if (!document.getElementById("MuteCustomerChatAlert").checked) {document.getElementById("CustomerChatAudioAlertFile").play();} + } } } delete xmlhttp; @@ -661,9 +709,37 @@ $chat_title= _QXZ("Request chat with agent"); # This can be modified for customi