mirror of
https://github.com/Mibew/tray.git
synced 2025-10-03 00:03:34 +03:00
203 lines
11 KiB
Smarty
203 lines
11 KiB
Smarty
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
|
<title>${msg:chat.window.title.agent}</title>
|
|
<link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" type="text/css" href="${tplroot}/chat.css" media="all" />
|
|
${page:additional_css}
|
|
${page:additional_js}
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/common.js"></script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/thread.js"></script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/mibewapi.js"></script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/pluginmanager.js"></script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/json2.js"></script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/brws.js"></script>
|
|
<script type="text/javascript">
|
|
<!--
|
|
var chatParams = {
|
|
cssfile: "${tplroot}/chat.css",
|
|
${if:agent}${if:canpost}
|
|
predefinedAnswers: ${page:fullPredefinedAnswers},
|
|
${endif:canpost}${endif:agent}
|
|
threadParams: {
|
|
user:${if:user}true${else:user}false${endif:user},
|
|
threadid:${page:ct.chatThreadId},
|
|
token:${page:ct.token}
|
|
},
|
|
serverParams: {
|
|
servl: "${webimroot}/thread.php",
|
|
requestsFrequency: ${page:frequency}
|
|
},
|
|
threadUpdaterParams: {
|
|
webimRoot: "${webimroot}",
|
|
ignorectrl:${page:ignorectrl},
|
|
localizedStrings: {closeConfirmation:"${page:chat.close.confirmation}"}
|
|
},
|
|
initPlugins: function(pluginManager, thread, chatServer) {
|
|
${page:js_plugins}
|
|
}
|
|
}
|
|
var stxt = 10;
|
|
function getClientHeight() {
|
|
return document.compatMode=='CSS1Compat' || !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
|
|
}
|
|
function getClientWidth() {
|
|
return document.compatMode=='CSS1Compat' || !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
|
|
}
|
|
function setTrueHeight() {
|
|
chatHeight = getClientHeight();
|
|
someHeight = chatHeight-document.getElementById("top").offsetHeight-document.getElementById("chatheader").offsetHeight-document.getElementById("message").offsetHeight-document.getElementById("send").offsetHeight-1;
|
|
document.getElementById("chat").style.height = (someHeight) + "px";
|
|
document.getElementById("chatwnd").style.height = (someHeight-38) + "px";
|
|
${if:user}
|
|
document.getElementById("avatar-wrapper").style.height = (someHeight-39) + "px";
|
|
${endif:user}
|
|
|
|
chatWidth = getClientWidth();
|
|
${if:user}
|
|
someWidth = chatWidth-28-120;
|
|
${else:user}
|
|
someWidth = chatWidth-28;
|
|
${endif:user}
|
|
document.getElementById("chatwnd").style.width = (someWidth) + "px";
|
|
}
|
|
function enlargeFontSize() {
|
|
stxt += 2;
|
|
if (stxt > 14) {
|
|
stxt = 14;
|
|
}
|
|
window.chatwnd.document.getElementById("content").style.fontSize = (stxt) + "px";
|
|
}
|
|
function reduceFontSize() {
|
|
stxt -= 2;
|
|
if (stxt < 8) {
|
|
stxt = 8;
|
|
}
|
|
window.chatwnd.document.getElementById("content").style.fontSize = (stxt) + "px";
|
|
}
|
|
window.onresize = setTrueHeight;
|
|
//-->
|
|
</script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/chatserver.js"></script>
|
|
<script type="text/javascript" src="${webimroot}/js/${jsver}/chat.js"></script>
|
|
</head>
|
|
<body class="body">
|
|
<div id="top">
|
|
<div id="logo">
|
|
${if:ct.company.chatLogoURL}
|
|
${if:webimHost}
|
|
<a onclick="window.open('${page:webimHost}');return false;" href="${page:webimHost}">
|
|
<img onload="setTrueHeight();" src="${page:ct.company.chatLogoURL}" alt=""/>
|
|
</a>
|
|
${else:webimHost}
|
|
<img onload="setTrueHeight();" src="${page:ct.company.chatLogoURL}" alt=""/>
|
|
${endif:webimHost}
|
|
${else:ct.company.chatLogoURL}
|
|
${if:webimHost}
|
|
<a onclick="window.open('${page:webimHost}');return false;" href="${page:webimHost}">
|
|
<img onload="setTrueHeight();" src="${tplroot}/images/default-logo.gif" alt=""/>
|
|
</a>
|
|
${else:webimHost}
|
|
<img onload="setTrueHeight();" src="${tplroot}/images/default-logo.gif" alt=""/>
|
|
${endif:webimHost}
|
|
${endif:ct.company.chatLogoURL}
|
|
|
|
<div id="page-title">${page:chat.title}</div>
|
|
<div class="clear"> </div>
|
|
</div>
|
|
</div>
|
|
<div id="chatheader">
|
|
<div class="bgc"><div class="bgl"><div class="bgr">
|
|
${if:agent}
|
|
<div id="changename2">
|
|
${if:historyParams}
|
|
${msg:chat.window.chatting_with}
|
|
<a href="${page:historyParamsLink}" target="_blank" title="${msg:page.analysis.userhistory.title}" onclick="this.newWindow = window.open('${page:historyParamsLink}', 'UserHistory', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=703,height=380,resizable=1');this.newWindow.focus();this.newWindow.opener=window;return false;">${page:ct.user.name}</a>
|
|
${else:historyParams}
|
|
${msg:chat.window.chatting_with} <strong>${page:ct.user.name}</strong>
|
|
${endif:historyParams}
|
|
</div>
|
|
${endif:agent}
|
|
${if:user}
|
|
${if:canChangeName}
|
|
<div id="changename1" style="display:${page:displ1};">
|
|
<div class="you">${msg:chat.client.name}</div>
|
|
<div class="input-name"><input id="uname" type="text" size="12" value="${page:ct.user.name}" class="username" /></div>
|
|
<a class="changename" href="javascript:void(0)" onclick="return false;" title="${msg:chat.client.changename}"><img class="tplimage iexec" src="${webimroot}/images/free.gif" alt=">>" /></a>
|
|
</div>
|
|
<div id="changename2" style="display:${page:displ2};">
|
|
<div class="you2">${msg:chat.client.name}</div>
|
|
<a id="unamelink" href="javascript:void(0)" onclick="return false;" title="${msg:chat.client.changename}">${page:ct.user.name}</a>
|
|
<a class="changename" href="javascript:void(0)" onclick="return false;" title="${msg:chat.client.changename}"><img class="tplimage ichangeuser" src="${webimroot}/images/free.gif" alt="" /></a>
|
|
</div>
|
|
${else:canChangeName}
|
|
<div id="changename1"><div id="you">${msg:chat.client.name} ${page:ct.user.name}</div></div>
|
|
${endif:canChangeName}
|
|
${endif:user}
|
|
<div class="buttons">
|
|
<a href="javascript:void(0)" onclick="reduceFontSize();"><img class="tplimage fontreduce" src="${webimroot}/images/free.gif" alt="Reduce font " /></a>
|
|
<a href="javascript:void(0)" onclick="enlargeFontSize();"><img class="tplimage fontenlarge" src="${webimroot}/images/free.gif" alt="Enlarge font " /></a>
|
|
<img class="empty" src="${webimroot}/images/free.gif" alt="" />
|
|
${if:user}
|
|
<a href="${page:mailLink}&style=${styleid}" target="_blank" title="${msg:chat.window.toolbar.mail_history}" onclick="this.newWindow = window.open('${page:mailLink}&style=${styleid}', 'ForwardMail', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=603,height=254,resizable=0'); if (this.newWindow != null) {this.newWindow.focus();this.newWindow.opener=window;}return false;"><img class="tplimage iemail" src="${webimroot}/images/free.gif" alt="Mail "/></a>
|
|
${endif:user}
|
|
${if:agent}
|
|
${if:canpost}
|
|
<a href="${page:redirectLink}&style=${styleid}" title="${msg:chat.window.toolbar.redirect_user}"><img class="tplimage isend" src="${webimroot}/images/free.gif" alt="Redirect " /></a>
|
|
${endif:canpost}
|
|
${if:historyParams}
|
|
<a href="${page:historyParamsLink}" target="_blank" title="${msg:page.analysis.userhistory.title}" onclick="this.newWindow = window.open('${page:historyParamsLink}', 'UserHistory', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=720,height=480,resizable=1');this.newWindow.focus();this.newWindow.opener=window;return false;"><img class="tplimage ihistory" src="${webimroot}/images/free.gif" alt="History "/></a>
|
|
${endif:historyParams}
|
|
${endif:agent}
|
|
<a id="togglesound" href="javascript:void(0)" onclick="return false;" title="Turn off sound"><img id="soundimg" class="tplimage isound" src="${webimroot}/images/free.gif" alt="Sound " /></a>
|
|
<a id="refresh" href="javascript:void(0)" onclick="return false;" title="${msg:chat.window.toolbar.refresh}"><img class="tplimage irefresh" src="${webimroot}/images/free.gif" alt="Refresh " /></a>
|
|
${if:sslLink}
|
|
<a href="${page:sslLink}&style=${styleid}" title="SSL" ><img class="tplimage issl" src="${webimroot}/images/free.gif" alt="SSL "/></a>
|
|
${endif:sslLink}
|
|
<a class="closethread" href="javascript:void(0)" onclick="return false;" title="${msg:chat.window.close_title}"><img class="tplimage iclosewin" src="${webimroot}/images/free.gif" alt="${msg:chat.window.close_title}"/></a>
|
|
</div>
|
|
</div></div></div>
|
|
</div>
|
|
<div id="chat">
|
|
<div class="bgl"><div class="bgr"><div class="sdwbgc"><div class="sdwbgl"><div class="sdwbgr">
|
|
<iframe onload="setTrueHeight();" id="chatwnd" name="chatwnd" src="${if:neediframesrc}${webimroot}/images/blank.html${endif:neediframesrc}" frameborder="0" style="overflow:auto;">
|
|
Sorry, your browser does not support iframes; try a browser that supports W3 standards.
|
|
</iframe>
|
|
<div id="inf">
|
|
<div id="engineinfo" style="display:none;"></div>
|
|
<div id="typingdiv" style="display:none;">${msg:typing.remote}</div>
|
|
</div>
|
|
${if:user}
|
|
<div id="avatar-wrapper">
|
|
<div id="avatarwnd"> </div>
|
|
</div>
|
|
${endif:user}
|
|
</div></div></div></div></div>
|
|
</div>
|
|
<div id="message">
|
|
${if:canpost}
|
|
<div class="bgc"><div class="bgl"><div class="bgr">
|
|
<textarea id="msgwnd" class="message" tabindex="0" rows="4" cols="10"></textarea>
|
|
</div></div></div>
|
|
${endif:canpost}
|
|
</div>
|
|
<div id="send">
|
|
${if:canpost}
|
|
<div id="postmessage">
|
|
<div id="predefined-wrapper">
|
|
${if:agent}
|
|
<select id="predefined" size="1" class="answer">
|
|
<option>${msg:chat.window.predefined.select_answer}</option>
|
|
${page:predefinedAnswers}
|
|
</select>
|
|
${endif:agent}
|
|
</div>
|
|
<a id="sndmessagelnk" href="javascript:void(0)" onclick="return false;" title="${msg:chat.window.send_message}">${msg:chat.window.send_message_short,send_shortcut}</a>
|
|
<div class="clear"> </div>
|
|
</div>
|
|
${endif:canpost}
|
|
<div id="footer">${msg:chat.window.poweredby} <a id="poweredByLink" href="http://mibew.org" title="Mibew Community" target="_blank">mibew.org</a></div>
|
|
</div>
|
|
</body>
|
|
</html> |