Random Contributions: ISSABEL PBX GUI Customization

Just some reference stuff I used to customize the Issabel PBX GUI software circa 2018

Here's the changes to customize Issabel after install
what is geoip
=============================================================================
Update Main Login Page webpage title name (the one at the top) (confirmed)
sed -i -r 's/<title>Issabel -/<title>COMPANYNAME -/' /var/www/html/themes/tenant/_common/login.tpl
=============================================================================
Service name (dashboard service names) (confirmed) $arrSERVICES["Dialer"]["name_service"] = "Issabel Call Center Service";
sed -i -r 's/Issabel Call Center Service/Contact Center Service/' /var/www/html/modules/dashboard/applets/ProcessesStatus/index.php
=============================================================================
Main browser's text name (confirmed) <title>Issabel</title>
sed -i -r 's/<title>Issabel</<title>COMPANYNAME</' /var/www/html/themes/tenant/_common/index.tpl
=============================================================================
Change Agent Console title (confirmed) 'WELCOME_AGENT' => _tr('Welcome to Agent Console'),
sed -i -r 's/Welcome to Agent Console/COMPANYNAME Agent Console/' /var/www/html/modules/agent_console/index.php
================================================================================
Change title in agent desktop from "END SESSION" to "End Calls and Logout" (confirmed) 'BTN_FINALIZAR_LOGIN' => _tr('End session'),
sed -i -r 's/End session/End Calls and Logout/' /var/www/html/modules/agent_console/index.php
===================================================================================
Change "Take Break" to "Go NotReady" (confirmed)
exists in multiple spots
change button name only 'BTN_BREAK' => _tr('Take Break'),
'break_commit' => _tr('Take Break'),
sed -i -r 's/Take Break/Make Not Ready/' /var/www/html/modules/agent_console/index.php
====================================================================================
Change Vtiger CRM (confirmed) 'BTN_VTIGERCRM' => file_exists('/var/www/html/vtigercrm') ? _tr('VTiger CRM') : NULL,
sed -i -r 's/VTiger CRM/Ticket CRM/' /var/www/html/modules/agent_console/index.php
==================================================================================================
Portal "username title and password" (confirmed) placeholder="Username" & placeholder="Password"
sed -i -r 's/Password/GUI Password/' /var/www/html/themes/tenant/_common/login.tpl
sed -i -r 's/Username/GUI Username/' /var/www/html/themes/tenant/_common/login.tpl
=====================================================================================
modules/sec_advanced_settings/index.php (CONFIRMED)
sed -i -r 's/ IssabelPBX/ PBX/' /var/www/html/modules/sec_advanced_settings/index.php
===========================================================================================================
change the name of the popupbox title info (confirmed) $smarty->assign('ABOUT_ISSABEL_CONTENT', _tr('About Issabel Content'));
sed -i -r 's/Change Issabel /Change Contact Center /' /var/www/html/modules/_issabelutils/index.php
sed -i -r 's/About Issabel Content/About Contact Center/' /var/www/html/modules/_issabelutils/index.php
=========================================================================
Change password title (confirmed) "CHANGE_PASSWORD" => _tr("Change Issabel Password"),
sed -i -r 's/Change Issabel Password/Change Contact Center Password/' /var/www/html/themes/tenant/themesetup.php
================================================================================================
Exists in mutliple locations (confirmed)
set "End Break" to "Make Ready"
'BTN_BREAK' => _tr('End Break'),
sed -i -r 's/End Break/Make Ready/' /var/www/html/modules/agent_console/index.php
========================================================================
Exists in 3 places. (CONFIRMED)
sed -i -r 's/Dismiss/Cancel/' /var/www/html/modules/agent_console/index.php
=====================================================================================
Change title (confirmed)
sed -i -r 's/Issabel - /Contact Center - /' /var/www/html/admin/views/issabel_advice.php
============================================================
Change "No active call" to "Ready for call"
exists in mutliple locations (confirmed) 'TEXTO_ESTADO_AGENTE_INICIAL' => _tr('No active call'),
sed -i -r 's/No active call/Ready for call/' /var/www/html/modules/agent_console/index.php
===========================================================================
Change "On break" to "Not ready"
Exists in multiple locations (confirmed) 'TEXTO_ESTADO_AGENTE_INICIAL' => _tr('On break').': '.$estado['pauseinfo']['pausename'],
sed -i -r 's/On break/Not ready/' /var/www/html/modules/agent_console/index.php
=========================================================================
Change title for make busy codes (Confirmed)
'TITLE_BREAK_DIALOG' => _tr('Select break type'),
sed -i -r 's/Select break type/Not Ready Reason/' /var/www/html/modules/agent_console/index.php
============================
confirmed
This adds a space above the entry "CAMPAIGN" in the INFORMAITON window

sed -i -r 's/<tbody>/<tbody><br>/' /var/www/html/modules/agent_console/themes/default/agent_console_atributos.tpl
##################################################
===========================================

CONFIRMED (data pulled form the CSV file uploaded is displayed with these variables
This will insert a line under the "SCRIPT" box to give it a little white space and make it look cleaner.

sed -i -r 's/llamada-script">/llamada-script"><br>/' /var/www/html/modules/agent_console/themes/default/agent_console.tpl
confirmed
This ads a whitespace line under "FORMS" in agent console to make it look cleaner

sed -i -r 's/llamada-form">/llamada-form"><br>/' /var/www/html/modules/agent_console/themes/default/agent_console.tpl
#############################################################
this changes forms entry from "national ID" to something you prefer. Like "Customer Number"
sed -i -r 's/National ID/Customer No/' /var/www/html/modules/agent_console/index.php
################################################################
CONFIRMED
This updates an "ARE YOU SURE?" message from spanish to english. Its when you upload the customer CSV file

sed -i -r 's/¿Está seguro de subir la información escogida?/Are you sure you want to upload the information now/' /var/www/html/modules/client/libs/js/base.js
###################################################
Confirmed
Alter the description of the customer CSV file you can upload
sed -i -r 's/Phone","Identification Card","Name/CallerID#","UniqueID#","First Name/' /var/www/html/modules/client/index.php
########################################
This alters the login menu slightly to show COMPANYNAME instead of CALLBACK
sed -i -r 's/Callback Login/COMPANYNAME Queue/' /var/www/html/modules/agent_console/index.php
sed -i -r 's/Callback Extension/COMPANYNAME Extension/' /var/www/html/modules/agent_console/index.php
###############################################
=================================================================================================
Change the colors of the agent Desktop to be a little more meaningful (CONFIRMED)

Change the Agent desktop color status bar

READY FOR CALL (GREEN)
.issabel-callcenter-class-estado-ocioso {
background-color: #094895 -------> Change to #248f24
sed -i -r 's/background-color: #094895/background-color: #248f24/' /var/www/html/modules/agent_console/themes/default/css/issabel-callcenter.css

ON CALL - BLUE
.issabel-callcenter-class-estado-activo {
background-color: #06640D; ----------> change to 0066ff
sed -i -r 's/background-color: #06640D/background-color: #0066ff/' /var/www/html/modules/agent_console/themes/default/css/issabel-callcenter.css

NOT READY ORANGE
.issabel-callcenter-class-estado-break {
background-color: #BD0000; --------->changeto e68a00
sed -i -r 's/background-color: #BD0000/background-color: #e68a00/' /var/www/html/modules/agent_console/themes/default/css/issabel-callcenter.css
==================================================================================================
Top Menu - change to purple (CONFIRMED)
/var/www/html/themes/tenant/_common/_menu.tpl

current dark gray
<div style="height:83px;background-color:#373e4a;padding:15px;">

Change value to "PURPLE" #522b76
sed -i -r 's/373e4a/522b76/' /var/www/html/themes/tenant/_common/_menu.tpl
========================================================================================================================
This is the campaign montioring tool. this is the live view names. (Confirmed)
Can't easily SED these because there are other reference names.

Edit this file:
/var/www/html/modules/campaign_monitoring/lang/en.lang

Find this list:
'Placing' => 'Placing',
'Dialing' => 'Dialing',
'Ringing' => 'Ringing',
'OnQueue' => 'On queue',
'online' => 'Free',
'offline' => 'Logged out',
'oncall' => 'Busy',
'paused' => 'On break',
'oncall' => 'Busy',

'OnQueue' => 'On queue', =--> changej the "On queue" to "Waiting"
'oncall' => 'Busy', =--> change "Busy" to "On Call"
========================================================================
Agent reporting (Confirmed)
Change the title
/var/www/html/modules/rep_agent_information/lang/en.lang

sed -i -r 's/No. Agent/Agent Ext/' /var/www/html/modules/rep_agent_information/lang/en.lang
============================================================================
Incoming call monitoring (confirmed)
/var/www/html/modules/rep_incoming_calls_monitoring/lang/en.lang

sed -i -r 's/=> "Answered"/=> "On Calls"/' /var/www/html/modules/rep_incoming_calls_monitoring/lang/en.lang
sed -i -r 's/=> "Entered"/=> "Total Each Queue"/' /var/www/html/modules/rep_incoming_calls_monitoring/lang/en.lang
sed -i -r 's/=> "Total"/=> "Total All"/' /var/www/html/modules/rep_incoming_calls_monitoring/lang/en.lang
=============================================

This changes the callers "phone nubmer" heading to "CALLER ID" (avoids confusion)
sed -i -r 's/'LBL_CONTACTO_TELEFONO' => _tr('Phone number'),//' /var/www/html/modules/agent_console/index.php

CHANGE THES ()
$traduccion = array(
'first_name' => _tr('First name'),
'last_name' => _tr('Last name'),
'phone' => _tr('Contact No'),
'cedula_ruc' => _tr('Customer No'),

Change this tr heading to Caller ID
'LBL_CONTACTO_TELEFONO' => _tr('Caller ID'),
######################################################
Update Error messaging
In modules/agent_console/index.php
and modules/agent_console/libs/paloSantoConsola.class.php

you can alter the messaging for the agent login to provide onscreen help. Common problem is forgetting to put agent in Dynamic queue member
Will help future agent configs to remind what the likely problem is that they cant login to the gui

updated message
modules/agent_console/libs/paloSantoConsola.class.php
$this->errMsg = '(internal) getagentstatus: '.$this->_formatoErrorECCP($connStatus). ' Verify agent is a dynamic queue member (IE S1002,0)?';

and
modules/agent_console/index.php
$respuesta['message'] = _tr('Agent login process not started. Verify agent is a dynamic queue member (IE S1001,0)');
############################################################

/var/www/html/modules/client/themes/default/form.tpl

Add <font size="+1"
in the line below (example shown)
<td class="letra12" align='left' colspan="2"><font size="+1"><b><a href="?menu={$MODULE_NAME}&rawmode=yes&action=csvdownload">{$ETIQUETA_DOWNLOAD} CSV »</a></b></tr>
This makes the DOWNLOAD CLIENTS link a little bigger in the window.

Also add CSV towards the end to help make it a little clearer

#############################################
make callback agent default screen (CONFIRMED)
/var/www/html/themes/tenant/_common/index.tpl

find this section:

<><><><><><><><><><><><><
{$HEADER_MODULES}
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" "class="mainBody page-body" {$BODYPARAMS}>
<div class="page-container">
<><><><><><><><><><><><><

Insert between:

<><><><><><><><><><><><><
{$HEADER_MODULES}

<script type='text/javascript'>
function checkTheBox()
{
document.getElementById("input_callback").click();
document.getElementById("input_callback").checked=true;
}
</script>

</head>
<><><><><><><><><><><><><

Change next line and insert
onLoad="checkTheBox()"

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="checkTheBox()" class="mainBody page-body" {$BODYPARAMS}>
==============================
Login Screen - Bottom advertisement flag (CONFIREMD)
/var/www/html/themes/tenant/_common/login.tpl
Remark/Delete out this line for a security concern. Dont want people knowing what system we use.

================================================================================================================
Normal Screen - Bottom Flag (CONFIRMED)
/var/www/html/themes/tenant/_common/index.tpl
looks like
<a href="http://www.issabel.org" style="color: #444; text-decoration: none;" target='_blank'>Issabel</a> is licensed under <a href="http://www.opensource.org/licenses/gpl-license.php" target='_blank' style="color: #445; text-decoration: none;" >GPL</a>. 2006 - {$currentyear}.
Replace with this:
<style="color: #444; text-decoration: none;" target='_blank'>Contact Center</a>-<a href="" target='_blank' style="color: #445; text-decoration: none;" ></a> COMPANYNAME
===================================================================================================
MODIFY the LOGIN PAGE LOGO (confirmed)

This is the reference file - changes it to the new name
The file is about 200x60 in size.
sed -i -r 's/issabel_logo_mini.png/contactcenter_logo_mini.png/' /var/www/html/themes/tenant/_common/login.tpl
sed -i -r 's/alt="Issabel logo"/alt="ContactCenter Logo"/' /var/www/html/themes/tenant/_common/login.tpl

Put the new logo in
/themes/tenant/images/contactcenter_logo_mini.png

If you want a bigger image, the value below will double it will double it
sed -i -r 's/width="200"/width="400"/' /var/www/html/themes/tenant/_common/login.tpl
sed -i -r 's/height="62"/height="98"/' /var/www/html/themes/tenant/_common/login.tpl

or you can just make it use the default size of your imagine by modifyin this line in
<img src="{$WEBPATH}themes/{$THEMENAME}/images/contactcenter_logo_mini.png" width="400" height="98" alt="ContactCenter Logo" />
and just removed the WIDTH and HEIGHT portions
<img src="{$WEBPATH}themes/{$THEMENAME}/images/contactcenter_logo_mini.png" alt="ContactCenter Logo" />

sed -i -r 's/width="400"//' /var/www/html/themes/tenant/_common/login.tpl
sed -i -r 's/height="62"/height="98"/' /var/www/html/themes/tenant/_common/login.tpl
=================================================================================
This is the logo in the upper left corner of the agent desktop (Confirmed)

This is the code referencing it
admin/views/issabel_advice.php
themes/tenant/_common/_menu.tpl
issabel_warning_authentication.php

sed -i -r 's/issabel_logo_mini2.png/contactcenter_logo_mini2.png/' /var/www/html/admin/views/issabel_advice.php
sed -i -r 's/issabel_logo_mini2.png/contactcenter_logo_mini2.png/' /var/www/html/themes/tenant/_common/_menu.tpl
sed -i -r 's/issabel_logo_mini2.png/contactcenter_logo_mini2.png/' /var/www/html/issabel_warning_authentication.php

This is the file name and location
/themes/tenant/images/issabel_logo_mini2.png
UPdating with fille called "contactcenter_logo_mini2.png"

replace logos: delete these ones (youc an use winscp)

./themes/tenant/images/issabel_logo_mini.png
./modules/registration/images/issabel_logo_mini.png

and upload these "contactcenter_logo_mini"
assuming changes above for file references

Delete these logs
./themes/tenant/images/issabel_logo_mini2.png
./images/issabel_logo_mini2.png

and upload the ones you want to replace assign
contactcenter_logo_mini2.png

Delete this file /modules/registration/images/issabel_logo_mini.png
sed -i -r 's/issabel_logo_mini.png/contactcenter_logo_mini.png/' /var/www/html/modules/registration/themes/default/_cloud_registered.tpl

##############################################################
vi /var/www/html/modules/registration/themes/default/_cloud_registered.tpl
Delete this line <div class="cloud-footernote"><a href="http://www.issabel.org" style="text-decoration: none;" target='_blank'>Issabel</a> {$ISSABEL_LICENSED} <a href="http://www.opensource.org/licenses/gpl-license.php" style="text-decoration: none;" target='_blank'>GPL</a>. 2006 - {$currentyear}.</div>-->
==========================================================
verified

/var/www/html/favicon.ico
This is the file that is in the tab.
Replace iwth you rown logo
##############################################
Increase the size of the AGENT color status bar.
sed -i -r 's/height: 1.3em;/height: 1.9em;/' /var/www/html//modules/agent_console/themes/default/css/issabel-callcenter.css
###############################################

===========================================
INFO button
themes/tenant/_common/_menu.tpl

<li><a href="http://www.issabel.org" target="_blank"><i class="fa fa-external-link"></i>Issabel WWebsite</a></li>
<li><a href="http://www.crm.com" target="_blank"><i class="fa fa-external-link"></i>CRM LInk</a></li>

themes/tenant/_common/index.tpl

<a href="http://www.issabel.org" style="text-decoration: none;" target='_blank'>Issabel</a> is licensed under <a href="http://www.opensource.org/licenses/gpl-license.php" style="text-decoration: none;" target='_blank'>GPL</a>. 2006 - {$currentyear}.</div>
<target='_blank'>Contact Center</a>

vi themes/tenant/_common/login.tpl
<a href="http://www.issabel.org" style="text-decoration: none;" target='_blank'>Issabel</a> is licensed under <a href="http://www.opensource.org/licenses/gpl-license.php" style="text-decoration: none;" target='_blank'>GPL</a>. 2006 - {$currentyear}.</div>
<target='_blank'>Contact Center</a>
==========================================================================

/index.php disabled the logout of the gui option until i can sort out how to logout of queue AND gui simultaneously
//if(isset($_GET['logout']) && $_GET['logout']=='yes') {
// $user = isset($_SESSION['issabel_user'])?$_SESSION['issabel_user']:"unknown";
// writeLOG("audit.log", "LOGOUT $user: Web Interface logout successful. Accepted logout for $user from $_SERVER[REMOTE_ADDR].");
// session_destroy();
// session_name("issabelSession");
// session_start();
// header("Location: index.php");
// exit;
//}
=======================================================================
'title' => _tr('Agent Console').': '.
'title' => _tr('Engineer Console').': '.
================================================================================
hostnamectl set-hostname ysj-pbx-12
init 6
(system will reboot)

=========================================================
improtant

ORIGINAL CODE
#issabel-callcenter-llamada-paneles {
position: relative;
height: 32em;
padding: 0;

Modified
#issabel-callcenter-llamada-paneles {
position: relative;
height: 532em;
padding: 0;

This changes the actual "height of the agent control box window in relation to the main screen, it gives scroll bars but doesn't make the window bigger (yet)

This is the internal panel width for
themes/default/js/javascript.js
$('#issabel-callcenter-llamada-paneles').layout({fxName: 'none', west: { size: 600 }});

This is the size of the SCRIPT panel, increasing this value decreases the information size
$('#issabel-callcenter-llamada-paneles-izq').layout({fxName: 'none', south: { size: 250 }});

if ($('#issabel-callcenter-llamada-paneles').length > 0) {
$('#issabel-callcenter-llamada-paneles').layout({fxName: 'none', west: { size: 400 }});
$('#issabel-callcenter-llamada-paneles-izq').layout({fxName: 'none', south: { size: 200 }});
}
#######################################################

confirmed
/var/www/html/modules/agent_console/index.php
alter these lines to add some spacess/adjustments for the agent console "INFORMATION screen" for "INTERNAL CALL ID". It spreads out the data a little bit

'TEXTO_CALL_ID' => $infoLlamada['calltype'].' - '.
(isset($infoLlamada['campaign_id']) ? $infoLlamada['campaign_id'] : 'Que: '.$infoLlamada['queue']).' - '.
(isset($infoLlamada['contact_id']) ? 'c'.$infoLlamada['contact_id'] : (isset($infoLlamada['callid']) ? $infoLlamada['callid'] : $infoLlamada['call_id'])),

something like :
Internal Call ID: incoming - 2 - 11
##################################################

confirmed but maybe incorporate into change already done by different sed
/var/www/html/themes/tenant/_common/login.tpl

<title>COMPANYNAME Contact Center {$PAGE_NAME}</title>
#######################
confirmed
$smarty->assign("PAGE_NAME", _tr('Login'));
/var/www/html/index.php

##########################
(reference info)
/var/www/html//modules/agent_console/themes/default/css/issabel-callcenter.css
This code adjusts the agent status bar. You can make the phone bigger and the height of the actual status bar bigger etc.
In the code below i've increased the height to make the bar taller

#issabel-callcenter-estado-agente {
position: relative;
left: 0;
width: 100%;
height: 2.3em;
padding: 0 0 0 0;
font-size: 1.3em;
color: #FFFFFF;
font-weight: bold;
}
####################

Random Contributions

Tuesday, January 10, 2023

ISSABEL PBX GUI Customization

No comments:

Post a Comment