Skip to content

Instantly share code, notes, and snippets.

@patrycja

patrycja/gist:d774acb7d6e966d2bc18 Secret

Created March 11, 2013 11:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save patrycja/d774acb7d6e966d2bc18 to your computer and use it in GitHub Desktop.
Save patrycja/d774acb7d6e966d2bc18 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head><script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en.IOaFQMAHVRI.O/m…one/am=UQE/rt=j/d=1/rs=AItRSTNYuZ6HDkdZho3xDZgOVYkx4qGWPQ/cb=gapi.loaded_0" async=""></script>
<meta charset="utf-8">
<meta property="og:title" content="LiveChat">
<meta http-equiv="pragma" content="no-cache">
<!-- APPLE -->
<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=1.5, user-scalable=1.5">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="LiveChat">
<title>Language</title>
<link rel="shortcut icon" href="//cdn.livechatinc.com/app/production/img/favicon.20120306.ico">
<link rel="stylesheet" href="//cdn.livechatinc.com/app/production/style.20130307123529.css">
<script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script><script type="text/javascript" src="//use.typekit.net/xin7its.js" style="color: rgb(0, 0, 0);"></script>
<style type="text/css">.tk-brandon-grotesque{font-family:"brandon-grotesque",sans-serif;}</style><link rel="stylesheet" href="https://use.typekit.net/c/070c66/brandon-grotesque:n3:n7:n9.Y2j:F:2,Y2q:F:2…15e84e6e6514a91c98e581d8cf9cf8bc1ceeaf8b3bc6f72028efe5f4d7f8503f30d96de7f0"><script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script src="//cdn.livechatinc.com/app/production/app.20130307123529.js"></script>
<link rel="apple-touch-icon" href="//cdn.livechatinc.com/app/production/img/lc-apple.jpg">
<link rel="apple-touch-icon-precomposed" href="//cdn.livechatinc.com/app/production/img/lc-apple.jpg">
<style type="text/css">.dropbox-chooser { width: 152px; height: 25px; cursor: pointer;
background-image: url('https://www.dropbox.com/static/images/widgets/chooser-button-sprites.png'); }
.dropbox-chooser:hover { background-position: 0 -25px; }
.dropbox-chooser:active { background-position: 0 -50px; }
.dropbox-chooser-used { background-position: 152px 0; }
.dropbox-chooser-used:hover { background-position: 152px -25px; }
.dropbox-chooser-used:active { background-position: 152px -50px; }</style></head>
<body id="lc" class="very-short-window">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-193291-15']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<div id="login-box" style="display: none;">
<div class="login-box-header">
<span class="line-1"></span>
<span class="line-2"></span>
<span class="logo co-logo_big"></span>
</div>
<div id="login-view">
<div id="login-form">
<div class="message"></div>
<form action="/" method="post">
<div class="i"><input type="text" id="login" name="login" placeholder="E-mail" autocorrect="off" autocapitalize="off"></div>
<div class="i"><input type="password" name="password" id="password" placeholder="Password"></div>
<p class="submit"><button class="button foxy disabled" disabled="disabled"><span>signing in…</span></button></p>
<p class="links">
<a href="/remind-password">Forgot your password?</a>
<a href="https://www.livechatinc.com/signup/" target="_blank">Sign up</a>
</p>
</form>
</div>
</div>
</div>
<div id="content"><div id="visitors" class="main-section empty" style="display: none;">
<div id="visitors-placeholder" class="placeholder-big">
<h1>The list is empty.</h1>
<hr>
<p>There are no visitors on your website.</p>
</div>
<div id="beam-visitor-details" class="fixed">
<div id="container-visitor-details">
<img id="visitors-details-placeholder" src="//cdn.livechatinc.com/app/production/img/visitors/blank_slates/details.png" width="380" height="103" alt="">
<div id="visitor-details"></div></div>
</div>
<div id="visitors-list">
<ul>
<li id="state-queued" class="state">
<h3><span class="icon co-arrow-down"></span>Queued</h3>
<div class="visitors-group">
<table></table>
</div>
</li>
<li id="state-chatting" class="state">
<h3><span class="icon co-arrow-down"></span>Chatting</h3>
<div class="visitors-group">
<table></table>
</div>
</li>
<li id="state-supervised" class="state">
<h3><span class="icon co-arrow-down"></span>Supervised</h3>
<div class="visitors-group">
<table></table>
</div>
</li>
<li id="state-invited" class="state">
<h3><span class="icon co-arrow-down"></span>Invited</h3>
<div class="visitors-group">
<table></table>
</div>
</li>
<li id="state-browsing" class="state">
<h3><span class="icon co-arrow-down"></span>Browsing website</h3>
<div class="visitors-group">
<table></table>
</div>
</li>
<li id="state-left" class="state">
<h3><span class="icon co-arrow-down"></span>Left website</h3>
<div class="visitors-group">
<table></table>
</div>
</li>
</ul>
</div>
</div><div id="chats" class="main-section empty" style="display: none;">
<div id="chat-circles-container">
<a href="" id="circles-arrow-left" class="arrow" style="display: none;"><span class="ch-left"></span><span class="badge small"></span></a>
<div id="chat-circles">
<span class="circle empty" style="left: 800px; visibility: visible; opacity: 1;">
<span class="circle-container ch-circle-border"></span>
</span>
<span class="circle empty" style="left: 640px; visibility: visible; opacity: 1;">
<span class="circle-container ch-circle-border"></span>
</span>
<span class="circle empty" style="left: 480px; visibility: visible; opacity: 1;">
<span class="circle-container ch-circle-border"></span>
</span>
<span class="circle empty" style="left: 320px; visibility: visible; opacity: 1;">
<span class="circle-container ch-circle-border"></span>
</span>
<span class="circle empty" style="left: 160px; visibility: visible; opacity: 1;">
<span class="circle-container ch-circle-border"></span>
</span>
<span class="circle empty" style="left: 0px; visibility: visible; opacity: 1;">
<span class="circle-container ch-circle-border"></span>
</span>
</div>
<a href="" id="circles-arrow-right" class="arrow" style="display: none;"><span class="ch-right"></span><span class="badge small"></span></a>
</div>
<div id="chats-placeholder" class="placeholder-big">
<h1>You have no chats.</h1>
<hr>
<p class="status-accepting" style="">You can try to <a href="/visitors">invite your visitors</a> to chat.</p>
<p class="status-not-accepting" style="display: none;"><a href="" data-behavior="start-accepting-chats">Start accepting chats</a> to talk to your visitors!</p>
</div>
<div id="chat-windows"></div>
</div>
<div id="archives" class="main-section" style="display: none;"><div id="archives-filters">
<div id="select-filters">
<h3>Filter chats by:</h3>
<ul><li>
<a href="" class="filter">
<span class="filter-name">Date</span>
<span class="filter-value"></span>
<span class="datepicker"><input type="text" data-value="date-from"><span class="dash"> – </span><input type="text" data-value="date-to"></span>
<span class="dismiss">×</span>
</a>
<div class="options" style="display: none;">
<div class="arrow">
<div class="shadow"></div>
<div class="white"></div>
<div class="black"></div>
</div>
<ul>
<li><a href="" data-value="today">Today</a></li>
<li><a href="" data-value="yesterday">Yesterday</a></li>
<li><a href="" data-value="lastweek">Last&nbsp;week</a></li>
<li><a href="" data-value="lastmonth">Last&nbsp;month</a></li>
<li><a href="" data-value="lastyear">Last&nbsp;year</a></li>
<li><a href="" data-value="custom">Custom&nbsp;period…</a></li>
</ul>
</div>
</li><li>
<a href="" class="filter">
<span class="filter-name">Agent</span>
<span class="filter-value"></span>
<span class="dismiss">×</span>
</a>
<div class="options" style="display: none;">
<div class="arrow">
<div class="shadow"></div>
<div class="white"></div>
<div class="black"></div>
</div>
<ul>
<li><a href="" data-value="p.urban+lc2@livechatinc.com">apitest2</a></li>
<li><a href="" data-value="p.urban+lc22@livechatinc.com">Camilla Bashirian PhD</a></li>
<li><a href="" data-value="test@mycompany.com">Jenny Doe</a></li>
<li><a href="" data-value="test2@mycompany.com">Jenny Doe</a></li>
<li><a href="" data-value="p.urban+nigdyniebylotakiegoagenta@livechatinc.com">paciex</a></li>
<li><a href="" data-value="p.urban+lc23@livechatinc.com">Patek</a></li>
</ul>
</div>
</li>
<li>
<a href="" class="filter">
<span class="filter-name">Group</span>
<span class="filter-value"></span>
<span class="dismiss">×</span>
</a>
<div class="options" style="display: none;">
<div class="arrow">
<div class="shadow"></div>
<div class="white"></div>
<div class="black"></div>
</div>
<ul>
<li><a href="" data-value="1">skill1</a></li>
<li><a href="" data-value="2">skill2</a></li>
<li><a href="" data-value="3">skill3</a></li>
<li><a href="" data-value="4">skill4</a></li>
<li><a href="" data-value="5">skill5</a></li>
<li><a href="" data-value="6">skill6</a></li>
</ul>
</div>
</li>
<li>
<a href="" class="filter">
<span class="filter-name">Goal</span>
<span class="filter-value"></span>
<span class="dismiss">×</span>
</a>
<div class="options" style="display: none;">
<div class="arrow">
<div class="shadow"></div>
<div class="white"></div>
<div class="black"></div>
</div>
<ul>
<li><a href="" data-value="any">Any goal</a></li>
<li><a href="" data-value="71">test</a></li>
<li><a href="" data-value="2401">tyrytyty</a></li>
</ul>
</div>
</li>
<li>
<a href="" class="filter">
<span class="filter-name">Rating</span>
<span class="filter-value"></span>
<span class="dismiss">×</span>
</a>
<div class="options" style="display: none;">
<div class="arrow">
<div class="shadow"></div>
<div class="white"></div>
<div class="black"></div>
</div>
<ul>
<li><a href="" data-value="rated">Rated</a></li>
<li><a href="" data-value="not_rated">Not&nbsp;rated</a></li>
<li><a href="" data-value="rated_bad">Rated&nbsp;bad</a></li>
<li><a href="" data-value="rated_good">Rated&nbsp;good</a></li>
</ul>
</div>
</li><li>
<a href="" class="filter">
<span class="filter-name">Type</span>
<span class="filter-value"></span>
<span class="dismiss">×</span>
</a>
<div class="options" style="display: none;">
<div class="arrow">
<div class="shadow"></div>
<div class="white"></div>
<div class="black"></div>
</div>
<ul>
<li><a href="" data-value="chat">Chats</a></li>
<li><a href="" data-value="missed_chat">Missed chats</a></li>
</ul>
</div>
</li></ul>
</div>
<form id="archives-search">
<input type="text" placeholder="Search chats...">
<a href="#" class="clear">×</a>
<button class="button blue" type="submit">
<span>
<span class="a-search"></span>
</span>
</button>
</form>
</div>
<div class="loading">Loading…</div>
<div class="pagination" style=""><ul><li class="page current"><a href="/archives/1">1</a></li><li class="page"><a href="/archives/2">2</a></li><li class="page"><a href="/archives/3">3</a></li><li class="page"><a href="/archives/4">4</a></li><li><span>…</span></li><li class="page"><a href="/archives/undefined">undefined</a></li></ul></div>
<div id="refresh-archives" style="display: none;"><div>
</div></div>
<ul id="archived-chats"></ul>
<div id="search-results" style="" class="empty">
No chats found.
</div>
<div class="pagination" style=""><ul><li class="page current"><a href="/archives/1">1</a></li><li class="page"><a href="/archives/2">2</a></li><li class="page"><a href="/archives/3">3</a></li><li class="page"><a href="/archives/4">4</a></li><li><span>…</span></li><li class="page"><a href="/archives/undefined">undefined</a></li></ul></div>
</div>
<div id="settings" class="main-section" style="display: block;">
<nav><ul><li id="m-window" class="main active"><a href="/settings/theme"><span class="s-menu-window-hover menu-icon"><span></span></span>Chat window</a>
<ul>
<li class="settings-menu-theme"><a href="/settings/theme">Theme</a></li><li class="settings-menu-greetings"><a href="/settings/greetings">Greetings</a></li><li class="settings-menu-eye-catcher"><a href="/settings/eye-catcher">Eye-catcher</a></li><li class="settings-menu-language active"><a href="/settings/language">Language</a></li><li class="settings-menu-pre-chat-survey"><a href="/settings/pre-chat-survey">Pre-chat survey</a></li><li class="settings-menu-post-chat-survey"><a href="/settings/post-chat-survey">Post-chat survey</a></li><li class="settings-menu-queued"><a href="/settings/queued">Queued visitors</a></li><li class="settings-menu-after-hours"><a href="/settings/after-hours">After-hours</a></li></ul>
</li><li id="m-improvements" class="main"><a href="/settings/canned-responses"><span class="s-menu-improvements menu-icon"><span></span></span>Work improvements</a>
<ul>
<li class="settings-menu-canned-responses"><a href="/settings/canned-responses">Canned responses</a></li><li class="settings-menu-notifications"><a href="/settings/notifications">Notifications</a></li><li class="settings-menu-keyboard-shortcuts"><a href="/settings/keyboard-shortcuts">Keyboard shortcuts</a></li><li class="settings-menu-desktop-apps"><a href="/settings/desktop-apps">Desktop apps</a></li><li class="settings-menu-mobile-apps"><a href="/settings/mobile-apps">Mobile apps</a></li><li class="settings-menu-chats-routing"><a href="/settings/chats-routing">Chats routing</a></li><li class="settings-menu-archives-forwarding"><a href="/settings/archives-forwarding">Archives forwarding</a></li></ul>
</li><li id="m-integrations" class="main"><a href="/settings/apps"><span class="s-menu-integrations menu-icon"><span></span></span>Integrations</a>
<ul>
<li class="settings-menu-apps"><a href="/settings/apps">Apps</a></li><li class="settings-menu-webhooks"><a href="/settings/webhooks">Webhooks</a></li></ul>
</li><li id="m-installation" class="main"><a href="/settings/code"><span class="s-menu-installation menu-icon"><span></span></span>Installation</a>
<ul>
<li class="settings-menu-code"><a href="/settings/code">LiveChat code</a></li><li class="settings-menu-window-type"><a href="/settings/window-type">Chat window type</a></li><li class="settings-menu-chat-buttons"><a href="/settings/chat-buttons">Chat buttons</a></li><li class="settings-menu-live-preview"><a href="/settings/live-preview">Live preview</a></li><li class="settings-menu-tutorials"><a href="/settings/tutorials">Tutorials</a></li><li class="settings-menu-security"><a href="/settings/security">Security</a></li></ul>
</li></ul></nav>
<div id="settings-content-wrapper" class="view-language"><h1>Language</h1>
<div id="group-choice" style="visibility: visible;"><div style="display: block;">
<span class="no-group">Group not selected <a href="" data-behavior="pick-group">(pick a group)</a></span>
</div>
</div>
<div id="settings-window-preview" style="display: block;" class=""><div class="window-bg" style="visibility: visible;">
<span class="s-window-preview-bg"></span>
<span class="window-url"><span class="https">https</span>://secure.livechatinc.com/licence/1728671/open_chat.cgi</span>
</div>
<iframe style="visibility: visible;">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="//cdn.livechatinc.com/app/production/window_preview.20130307123529.css">
<style id="custom-css"></style>
<style>
body {
visibility: visible;
/**
* fix for #fb-root element causing
* horizontal scroll in FF8
*/
overflow: hidden;
}
body.state-chatting #textarea { display: table-row; }
#btn-twitter, #btn-facebook, .s-theme-google, #btn-facebook-like { float: left; }
#accept-chat, #cancel-chat { cursor: default; }
.s-theme-google { height: 15px !important; margin: 2px 5px 0 0; }
#operators a.rate-good {
top: 0;
padding-left: 0;
}
#operators a.rate-good .s-window-preview-thumb-up {
float: left;
margin-right: 5px;
}
#operators a.rate-bad .s-window-preview-thumb-down {
margin-top: 3px;
}
#title-container .title-button {
background-repeat: no-repeat;
}
#title-container #close-chat,
#title-container #minimize {
background-image: none;
background-position: 0 0;
}
#title-container #minimize span {
margin-top: 2px;
}
/* disable hover effect on invitations configurator */
body.control-panel-page-invitations #body #cancel-chat:hover { text-decoration: none; }
#wrapper {
overflow: hidden;
}
/* fix for no 10px margin after last chat message in IE */
#view-chat { padding-bottom: 0.1px; }
#operators .wrapper.no-logo {
background-image: none !important;
}
body.pop-out #footer td {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#email_transcript { display: none; }
body.transcript-enabled #email_transcript { display: block; }
#rating { display: none; }
body.rating-enabled #rating { display: block; }
#body .enable-button {
cursor: pointer;
text-decoration: underline;
}
#view-languages .fb_button_large {
background-color: #5F78AB;
color: #eee;
font-weight: bold;
font-size: 13px;
padding: 4px 8px;
border: 1px solid #666;
}
#view-languages #languages-facebook-connect {
display: none;
padding-top: 3em;
text-align: center;
}
#view-languages #languages-fb-butt {
margin-bottom: 0.5em;
}
#view-languages #languages-fb-butt a {
text-decoration: none;
}
#view-languages #languages-fb-omit a {
text-decoration: none;
font-size: 80%;
}
#view-languages #languages-fb-omit a:hover {
text-decoration: underline;
}
#view-languages #leave-chat {
margin-right: 14px;
}
#view-languages #email_transcript_form .send-email {
display: none;
}
#view-languages #default-invitation {
text-align: center;
padding: 85px 0px;
}
#view-languages #default-invitation .invitation-message {
font-size: 16px;
line-height: 1.5em;
text-shadow: 1px 1px 0 white;
margin-bottom: 1em;
padding: 0 20px;
}
#view-languages #default-invitation .invitation-buttons .cancel {
display: block;
font-size: 10px;
}
#view-languages #default-invitation .invitation-buttons .cancel .cancel-chat {
text-decoration: none;
color: #999;
}
#content-container {
position: absolute;
bottom: 0px;
right: 0px;
width: 250px;
}
#content-container .title {
display: block;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding: 2px 8px;
line-height: 22px;
height: 22px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#content-container .maximize {
float: right;
width: 19px;
height: 18px;
}
#content-container .title-text {
float: left;
width: 200px;
overflow: hidden;
white-space: nowrap;
}
#notification {
display: none;
}
</style>
</head>
<body>
<div id="loader"></div>
<div id="extra"></div>
<div id="wrapper" class="outline" style="">
<table id="content" cellspacing="0" cellpadding="0">
<tbody>
<tr id="title-container">
<td>
<a id="title" href="#" class="title title-bg title-font">
<span id="close-chat" class="title-button" title="Stop chat"><span class="s-window-preview-close"></span></span>
<span id="minimize" class="title-button" title="Minimize window"><span class="s-window-preview-minimize"></span></span>
<span id="title-text">Welcome to LiveChat</span>
</a>
</td>
</tr>
<tr id="operators">
<td class="footer operators-bar">
<div class="wrapper logo">
<div class="operator-info" style="background-image: url(https://livechat.s3.amazonaws.com/1728671/0/logo/59768fc08965259a2ad13133677cc7a5.jpg);">
<img src="//livechat.s3.amazonaws.com/1728671/all/avatars/629134add94b17462cebb3fa51f3e4a9.jpg" width="56" height="56" class="avatar">
<span class="operator-name">apitest2</span>
<span class="operator-role"><span>Support Operator</span></span>
<div id="rating"><a class="rating-button rate-bad" title="Rate as bad"><span class="s-window-preview-thumb-down"></span></a><a class="rating-button rate-good" href="#" title="Rate as good"><span class="s-window-preview-thumb-up"></span><span class="rate-good">Good</span></a></div>
<div id="email_transcript"><a href="#" title="Send chat transcript to your e-mail."><span class="s-window-preview-email"></span></a></div>
<div id="email_transcript_form" class="footer operators-bar"><div class="send-email-form send-email"><form><input value="" type="text" class="text"><button>Send e-Mail</button></form><div class="top-shadow"></div></div><div class="send-email send-email-text"><span>Chat transcript will be sent to <strong>aa@ss.oc</strong> once the chat is finished.</span><div class="top-shadow"></div></div></div>
</div>
</div>
</td>
</tr>
<tr id="body-container">
<td>
<div id="body" style="height: 263px;">
<div class="top-shadow"></div>
<div id="body-inner">
<div class="view" id="view-chat" style="display: block;">
<p class="operator operator-border">
<span class="time">11:37 am</span>
<span class="author">apitest2</span>
<span class="text" id="phrase-welcome-to-chat">Hello Tom. How may I help you?</span>
</p>
<p class="client client-border">
<span class="time">11:37 am</span>
<span class="author" id="phrase-client">Client</span>
<span class="text">Hi, I want to buy new Nike shoes. How much is the shipment?</span>
</p>
<p class="operator operator-border">
<span class="time">11:38 am</span>
<span class="author">apitest2<span class="s-window-preview-mobile" title="Icon displayed when the agent uses LiveChat for mobile"></span></span>
<span class="text">Shipment is free. You'll get your shoes tomorrow!</span>
</p>
</div>
<div class="view" id="view-greeting" style="display: none;">
<p class="operator operator-border">
<span class="time">11:37 am</span>
<span class="author">apitest2</span>
<span class="text" id="phrase-greeting-text-preview">Hello, how may I help you?</span>
</p>
</div>
<div class="view" id="view-prechat-survey" style="display: none;"></div>
<div class="view" id="view-postchat-survey" style="display: none;"></div>
<div class="view" id="view-queued-visitors" style="display: none;"></div>
<div class="view" id="view-offline-form" style="display: none;"></div>
<div class="view" id="view-offline-form-sent" style="display: none;">
<div>
<p><span id="phrase-offline-message-sent">Dziękujemy! Pana/Pani wiadomość została wysłana. Nasi konsultanci wkrótce się z Panem/Panią skontaktują.</span></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr id="textarea">
<td class="footer">
<span id="message-wrapper" class="message-wrapper"><span id="textarea-wrapper" class="textarea-bg"><textarea name="message" id="message" class="textarea-bg textarea-font" maxlength="3000" readonly="readonly"></textarea><span id="message-placeholder" class="textarea-font"><!--php echo htmlspecialchars($this->embedded_textarea_placeholder); ----></span></span></span>
</td>
</tr>
<tr id="footer">
<td class="footer">
<div id="social"><div id="googlePlus" class="s-theme-google"></div>
<div id="btn-twitter"><a target="_blank" href="http://twitter.com/twitter"><span class="s-window-preview-twitter" title="Twitter"></span></a></div>
<div id="btn-facebook"><a target="_blank" href="http://www.facebook.com/fejs"><span class="s-window-preview-facebook" title="Facebook"></span></a></div>
<div id="btn-facebook-like"><iframe src="https://www.facebook.com/plugins/like.php?ref=LiveChat&amp;href=www.www.fac…&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 130px; height: 21px; visibility: visible;" onload="this.style.visibility='visible'" allowtransparency="true"></iframe></div>
</div>
<p id="powered"><a href="http://www.livechatinc.com/" target="_blank" class="footer">Powered by LiveChat</a></p>
</td></tr>
</tbody>
</table>
</div>
<div id="content-container" class="outline" style="display: none;">
<span class="title title-bg title-font">
<span class="title-text" id="phrase-minimized-title">Chat now</span>
<span class="title-button maximize"><span class="s-window-preview-maximize"></span></span>
</span>
</div>
<div id="notification" class="error">
<div id="notification-content">Invalid e-mail.</div>
</div>
<style>
/**
* Trick for notifying that all styles have been applied
* - parent window should check if #loader's 'display' property
* is set to none
*/
#loader { display: none; }
</style>
</body>
</html>
</iframe></div>
<div id="settings-content" class="sheet">
<div class="loading" style="display: none;">Loading…</div>
<div id="theme" class="has-window-preview" style="display: none;">
<div class="options">
<div class="item">
<h2>Pick your theme</h2>
<ul id="themes">
<li id="theme-custom" data-theme="grass" class="grass"><a href=""></a></li>
<li id="cloud" data-theme="cloud"><a href=""></a></li>
<li id="fire" data-theme="fire"><a href=""></a></li>
<li id="sun" data-theme="sun"><a href=""></a></li>
<li id="grass" data-theme="grass" class="active"><a href=""></a></li>
<li id="night" data-theme="night"><a href=""></a></li>
</ul>
<a class="advanced-link" href="/settings/theme/advanced">Customize…</a>
</div>
<div class="item">
<h2>Get more Likes and +1s</h2>
<ul id="social" class="i">
<li id="plusone">
<span class="social-icon"><span class="s-theme-google"></span></span>
<label for="social-plusone" class="togglable"></label>
<a href="#" class="togglable hidden" style="line-height: 26px;">Add a Google +1 button</a>
<input autocomplete="off" type="text" class="togglable text" name="social-plusone" id="social-plusone" value="http://www.www.wp" data-socialitem="plusone" rel="Your website URL">
</li>
<li id="facebook">
<span class="social-icon"><span class="s-theme-facebook"></span></span>
<label for="social-facebook" class="togglable"></label>
<a href="#" class="togglable hidden" style="line-height: 26px;">Add a Facebook Like button</a>
<input autocomplete="off" type="text" class="togglable text" name="social-facebook" id="social-facebook" value="www.facebook.com/fejs" data-socialitem="facebook" rel="Your Facebook fanpage URL">
</li>
<li id="twitter">
<span class="social-icon"><span class="s-theme-twitter"></span></span>
<label for="social-twitter" class="togglable"></label>
<a href="#" class="togglable hidden" style="line-height: 26px;">Add a link to Twitter</a>
<input autocomplete="off" type="text" class="togglable text" name="social-twitter" id="social-twitter" value="twitter.com/twitter" data-socialitem="twitter" rel="Your Twitter username">
</li>
</ul>
</div>
<div class="item">
<h2>Tweak your window</h2>
<form action="https://api.livechatinc.com/previews?post_message=true" data-behavior="upload" method="post" enctype="multipart/form-data" target="upload-iframe-view224"><ul id="tweaks" class="cb-farm">
<li class="upload-container enabled">
<input data-tweak="logo" type="checkbox" id="display-logo" checked="checked">
<label for="display-logo">Display logo</label>
<span><a href="" data-behavior="upload">Upload your logo</a><input type="file" name="image" style="top: 0px; left: 0px; border-left-width: 0px;"></span>
</li>
<li><input data-tweak="picture" type="checkbox" id="display-avatar" checked="checked"> <label for="display-avatar">Display agent’s picture</label></li>
<li><input data-tweak="mobile" type="checkbox" id="display-mobile" checked="checked"> <label for="display-mobile">Display mobile icon when agent is using a mobile device</label></li>
</ul><input type="hidden" name="_credentials[username]" value="p.urban+lc2@livechatinc.com"><input type="hidden" name="_credentials[apiKey]" value="6ed8580f2cc160ce98d16389a0ede2c0"><input type="hidden" name="_headers[X-API-Version]" value="2"><input type="hidden" name="_method" value="POST"><iframe id="upload-iframe-view224" name="upload-iframe-view224"></iframe></form>
</div>
<form method="post" action="/settings/theme" data-behavior="save-changes">
<div class="submit">
<button class="button yellow disabled" disabled="disabled" data-behavior="save-changes"><span>Save changes</span></button>
<span class="cancel disabled">or <a href="" data-behavior="discard">discard</a></span>
</div>
</form>
</div>
<div class="advanced">
<h2>Custom CSS</h2>
<p>Add your own CSS rules. For typical customizations visit our <a href="http://www.livechatinc.com/kb/customize-your-chat-window-with-css/">knowledge base</a>.</p>
<p class="i"><textarea id="css">/* WINDOW */
/* Frame */
#wrapper #title-container, #wrapper.outline, #wrapper .footer,
#compact-wrapper #title-container, #compact-wrapper.outline, #compact-wrapper .footer {
background-color: SteelBlue;
}
/* Top bar */
#wrapper #title-container,
#compact-wrapper #title-container {
background-color: SteelBlue;
}
/* Border - color */
#wrapper.outline, #wrapper.outline .operators-bar .wrapper, #wrapper.outline #body, #wrapper.outline #textarea-wrapper,
#compact-wrapper.outline, #compact-wrapper.outline .operators-bar .wrapper, #compact-wrapper.outline #body, #compact-wrapper.outline #textarea-wrapper {
border-color: #1f6596;
}
/* Border - radius */
#wrapper,
#compact-wrapper {
border-radius: 4px 4px 0px 0px;
}
#operators .wrapper {
border-radius: 3px 3px 0px 0px;
}
#textarea-wrapper{
border-radius: 0px 0px 6px 6px;
}
/* Border - thickness*/
.outline {
padding: 1px;
}
/* CONTENT */
/* Window header */
#title {
color: White;
}
#wrapper .title-font {
text-shadow: 1px 1px 0px #1F6596;
}
#title {
padding: 0px 7px 0px 8px;
}
/* Operator header */
#content img.avatar{
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-o-border-radius: 60px;
-ms-border-radius: 60px;
box-shadow: 0px 1px 3px rgba( 110,110,110,.3 );
border: 0px;
padding: 0px;
}
.operator {
background-color: White ;
border-color: Whitesmoke;
}
.operator .author {
color: Silver;
font-weight: normal;
}
.client {
background-color: AliceBlue;
border-color: Whitesmoke;
}
.client .author {
color: Grey;
font-weight: normal;
}</textarea></p>
<ul>
<li><a href="" id="sample-css" data-action="show">Show sample code</a></li>
<li><a href="//cdn.livechatinc.com/app/production/theme_example.css" target="_blank">Show fully commented CSS file</a></li>
</ul>
<button class="button white back"><span>I’m done with editing</span></button> <span class="cancel">or <a href="/settings/theme" data-behavior="advanced-cancel">cancel</a></span>
</div>
</div>
<div id="language" class="has-window-preview" style="display: block;">
<div class="options"><div>
<div class="item">
<h2>Chat window language</h2>
<div id="language-current">
<a class="language-flag" href="/settings/language/advanced"><span class="s-language-en"></span></a>
<span class="name">English</span>
<a class="change" href="/settings/language/advanced">(change)</a>
</div>
</div>
<form action="/settings/language" method="post" class="inputs i">
<div class="item">
<h2>Customize</h2>
<div class="inputs i">
<input type="text" name="Welcome_title" placeholder="Welcome to LiveChat" value="Welcome to LiveChat">
<input type="text" name="Embedded_chat_now" placeholder="Chat now" value="Chat now" class="embedded-only">
<input type="text" name="Embedded_leave_message" placeholder="Leave a message" value="Leave a message" class="embedded-only">
<input type="text" name="Welcome_to_chat" placeholder="Hello, how may I help you?" value="Hello %name%. How may I help you?">
<input type="text" name="Client" placeholder="Client" value="Client">
<input type="text" name="Offline_message_sent" placeholder="Thank you! Your message has been sent. Our support team will contact you soon." value="Thank you! Your message has been sent. Our support team will contact you soon.">
</div>
</div>
<div class="submit">
<button class="button yellow disabled" disabled="disabled" data-behavior="save-changes"><span>Save changes</span></button>
<span class="cancel disabled">or <a href="" data-behavior="discard">discard</a></span>
</div>
</form>
</div></div>
<div class="advanced"><div>
<form action="/settings/language" method="post" data-behavior="advanced-form">
<ul id="languages-list"><div><li class="language-flag" data-id="id"><a href=""><span class="s-language-id"></span>Bahasa Indonesia</a></li><li class="language-flag" data-id="bg"><a href=""><span class="s-language-bg"></span>български</a></li><li class="language-flag" data-id="ca"><a href=""><span class="s-language-ca"></span>Català</a></li><li class="language-flag" data-id="cs"><a href=""><span class="s-language-cs"></span>Česky</a></li><li class="language-flag" data-id="cn"><a href=""><span class="s-language-cn"></span>简体中文</a></li><li class="language-flag" data-id="da"><a href=""><span class="s-language-da"></span>Dansk</a></li><li class="language-flag" data-id="de"><a href=""><span class="s-language-de"></span>Deutsch</a></li><li class="language-flag active highlight" data-id="en"><a href=""><span class="s-language-en"></span>English</a></li><li class="language-flag" data-id="es"><a href=""><span class="s-language-es"></span>Español</a></li><li class="language-flag" data-id="fr"><a href=""><span class="s-language-fr"></span>Français</a></li><li class="language-flag" data-id="gr"><a href=""><span class="s-language-gr"></span>Ελληνικά</a></li><li class="language-flag" data-id="hr"><a href=""><span class="s-language-hr"></span>Hrvatski</a></li><li class="language-flag" data-id="it"><a href=""><span class="s-language-it"></span>Italiano</a></li><li class="language-flag" data-id="jp"><a href=""><span class="s-language-jp"></span>日本語</a></li><li class="language-flag" data-id="ko"><a href=""><span class="s-language-ko"></span>한국어</a></li><li class="language-flag" data-id="lt"><a href=""><span class="s-language-lt"></span>Lietuvių</a></li><li class="language-flag" data-id="hu"><a href=""><span class="s-language-hu"></span>Magyar</a></li><li class="language-flag" data-id="nl"><a href=""><span class="s-language-nl"></span>Nederlands</a></li><li class="language-flag" data-id="nb"><a href=""><span class="s-language-nb"></span>Norsk (bokmål)</a></li><li class="language-flag" data-id="no"><a href=""><span class="s-language-no"></span>Norsk (nynorsk)</a></li><li class="language-flag" data-id="pl"><a href=""><span class="s-language-pl"></span>Polski</a></li><li class="language-flag" data-id="pt"><a href=""><span class="s-language-pt"></span>Português</a></li><li class="language-flag" data-id="br"><a href=""><span class="s-language-br"></span>Português brasileiro</a></li><li class="language-flag" data-id="ru"><a href=""><span class="s-language-ru"></span>Русский</a></li><li class="language-flag" data-id="ro"><a href=""><span class="s-language-ro"></span>Română</a></li><li class="language-flag" data-id="sk"><a href=""><span class="s-language-sk"></span>Slovenčina</a></li><li class="language-flag" data-id="sl"><a href=""><span class="s-language-sl"></span>Slovenščina</a></li><li class="language-flag" data-id="sr"><a href=""><span class="s-language-sr"></span>Srpski</a></li><li class="language-flag" data-id="fi"><a href=""><span class="s-language-fi"></span>Suomi</a></li><li class="language-flag" data-id="se"><a href=""><span class="s-language-se"></span>Svenska</a></li><li class="language-flag" data-id="th"><a href=""><span class="s-language-th"></span>ไทย</a></li><li class="language-flag" data-id="vn"><a href=""><span class="s-language-vn"></span>Tiếng Việt</a></li><li class="language-flag" data-id="tr"><a href=""><span class="s-language-tr"></span>Türkçe</a></li><li class="language-flag" data-id="uk"><a href=""><span class="s-language-uk"></span>Українська</a></li></div></ul>
<div>
<input type="hidden" name="language" value="">
<button class="button white back"><span>Choose this language</span></button> <span class="cancel">or <a href="/settings/language" data-behavior="advanced-cancel">cancel</a></span>
</div>
</form>
</div>
</div>
</div>
<div id="canned-responses" style="display: none;">
<p class="intro">Canned responses allow you to prepare messages and recall them later during a chat. <a href="http://www.livechatinc.com/kb/using-canned-responses/" target="_blank">Learn more…</a></p>
<form id="add-canned-response" class="form on">
<div class="fields">
<div class="i"><textarea placeholder="Canned response text..." id="canned-response-text" tabindex="1"></textarea></div>
<div class="tags i">
<input type="text" id="add-tags" placeholder="Tags..." tabindex="2">
</div>
</div>
<div class="submit"><button class="button small yellow" tabindex="3"><span>Add this response</span></button></div>
<div class="warning"><p></p><div class="triangle"></div>The message is too long. Visitors are more likely to read short messages.<p></p></div>
</form>
<div id="canned-responses-list-container">
<div id="canned-responses-list"><div class="response" data-id="6001">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Mon Jan 28 2013 16:56:41 GMT+0100 (CET)">28 January 2013</span></span>
</div>
<div class="text">response5</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>e</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5991">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Mon Jan 28 2013 16:56:35 GMT+0100 (CET)">28 January 2013</span></span>
</div>
<div class="text">response4</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>d</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5981">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Mon Jan 28 2013 16:56:27 GMT+0100 (CET)">28 January 2013</span></span>
</div>
<div class="text">response3</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>c</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5971">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Mon Jan 28 2013 16:56:19 GMT+0100 (CET)">28 January 2013</span></span>
</div>
<div class="text">2</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>b</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5961">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Mon Jan 28 2013 16:56:13 GMT+0100 (CET)">28 January 2013</span></span>
</div>
<div class="text">response1</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>a</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5941">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">modified this response on<br><span title="Mon Feb 04 2013 13:09:05 GMT+0100 (CET)">4 February 2013</span></span>
</div>
<div class="text">text</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>bye</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5931">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Tue Jan 22 2013 15:51:03 GMT+0100 (CET)">22 January 2013</span></span>
</div>
<div class="text">test przez api</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>tag2</li>
<li>tag6</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5761">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Tue Jan 15 2013 14:40:42 GMT+0100 (CET)">15 January 2013</span></span>
</div>
<div class="text">Fruitcake fruitcake candy pie jujubes brownie. Jelly toffee sweet roll tart lemon drops lemon drops. Pie powder sugar plum caramels sweet lollipop cupcake toffee.<br></div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>marshmallow</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5751">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Tue Jan 15 2013 14:40:29 GMT+0100 (CET)">15 January 2013</span></span>
</div>
<div class="text">Fruitcake jelly beans sweet roll pie. Icing applicake bear claw fruitcake topping fruitcake tootsie roll. Toffee sweet brownie.<br></div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>lollipop</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5741">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Tue Jan 15 2013 14:40:04 GMT+0100 (CET)">15 January 2013</span></span>
</div>
<div class="text">Topping tootsie roll danish marshmallow icing biscuit cookie cake bear claw. Chocolate cake cookie bear claw cookie chocolate bar icing lollipop. Biscuit macaroon candy dessert donut.<br></div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>pudding</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5731">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Tue Jan 15 2013 14:39:54 GMT+0100 (CET)">15 January 2013</span></span>
</div>
<div class="text">Lollipop dragée marshmallow chocolate caramels marshmallow marzipan dragée. Cheesecake cake bonbon sweet pudding gummi bears sugar plum. Cupcake oat cake cheesecake pudding. Lollipop dragée oat cake cookie croissant oat cake brownie brownie.<br></div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>cookie</li>
</ul>
</div>
</div>
</div><div class="response" data-id="5721">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">added this response on<br><span title="Tue Jan 15 2013 14:39:41 GMT+0100 (CET)">15 January 2013</span></span>
</div>
<div class="text">Cupcake ipsum dolor sit. Amet brownie gingerbread soufflé jelly-o tiramisu pudding macaroon fruitcake. Lemon drops applicake fruitcake muffin jelly-o bonbon. Toffee icing cookie apple pie bear claw applicake pudding gummies.<br></div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>234</li>
</ul>
</div>
</div>
</div><div class="response" data-id="3161">
<div class="view">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="author">
<a href="/agents/p.urban%2Blc2%40livechatinc.com" class="name">apitest2</a>
<span class="response-created">modified this response on<br><span title="Tue Jan 22 2013 15:18:58 GMT+0100 (CET)">22 January 2013</span></span>
</div>
<div class="text">What product are you interested in?</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>product</li>
<li>interest</li>
</ul>
</div>
</div>
</div><div class="response" data-id="3151">
<div class="view unknown-author">
<div class="remove-confirm">
<div class="wrapper">
<div>
<a class="small red button" href="" data-behavior="remove-confirm"><span>Delete this response</span></a>
or <a href="" data-behavior="remove-cancel">cancel</a>
</div>
</div>
</div>
<div class="text">Can I help you with anything else?</div>
<div class="links">
<a href="" data-behavior="edit">edit</a>
<a href="" data-behavior="remove">delete</a>
</div>
<div class="tags"><span>tags</span>
<ul>
<li>help</li>
<li>else</li>
</ul>
</div>
</div>
</div></div>
</div>
</div><div id="code" style="display: none;">
<div id="snippet">
<p class="important">Place this code on <strong>every page of your website</strong> before the <code>&lt;/body&gt;</code> tag.</p>
<div class="i">
<textarea wrap="off" cols="80" rows="10" id="tracking-code-content" readonly="readonly">&lt;script type="text/javascript"&gt;
var __lc = {};
__lc.license = 1728671;
(function() {
var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();
&lt;/script&gt;</textarea>
</div>
<p>Check if the code is properly installed on your website. <a href="" class="button small blue" id="code-check-now"><span>Check now</span></a></p>
<div id="code-installed-ok" class="info">LiveChat code installed correctly!</div>
<div id="code-not-installed" class="info">It seems your code is not working :-(<br>Need help? <a href="http://www.livechatinc.com/kb/setting-up-livechat-on-your-website/">Visit our support page.</a></div>
</div>
<div id="code-tutorials">
<h2>Tutorials</h2>
<p>Learn how to install LiveChat on popular platforms in 5 minutes.</p>
<p id="tutorials-logos">
<a href="/settings/tutorials" class="s-tutorials-facebook"></a>
<a href="/settings/tutorials" class="s-tutorials-wordpress"></a>
<a href="/settings/tutorials" class="s-tutorials-shopify"></a>
<a href="/settings/tutorials" id="tutorials-more">and many more…</a>
</p>
</div>
</div>
<div id="window-type" style="display: none;">
<div id="embedded" class="box active">
<div class="content">
<div class="window-preview">
<p><span class="s-window-type-embedded"></span></p>
</div>
<div class="features">
<h2>Embedded on the website</h2>
<p class="desc">A <strong>Facebook-style window</strong> that lets you communicate with all your visitors. This type of window generates <strong>a lot more conversations</strong>.</p>
<span class="when-embedded"><span class="s-icons-active"></span> Currently in use</span>
<a href="" class="when-popup" data-behavior="change-window-type" data-window-type="embedded">Switch to embedded window</a>
</div>
</div>
</div>
<div id="popup" class="box">
<div class="content">
<div class="window-preview">
<p><span class="s-window-type-popup"></span></p>
</div>
<div class="features">
<h2>Opened in a new window</h2>
<p class="desc">A <strong>popup chat window</strong> thats lets you communicate with some of your visitors. They must click the <strong>chat button</strong> to start a chat with you.</p>
<span class="when-popup"><span class="s-icons-active"></span> Currently in use</span>
<a href="" class="when-embedded" data-behavior="change-window-type" data-window-type="popup">Switch to popup window</a>
</div>
</div>
</div>
<p id="explanation">If you can’t decide, read <a href="http://www.livechatinc.com/kb/which-chat-window-type-to-use/" target="_blank">which chat window type to use</a>.</p>
</div>
</div>
</div>
</div><div id="agents" class="main-section" style="display: none;">
<div id="agent-sidebar"></div>
<div id="agent-content"></div>
</div><div id="reports" class="main-section" style="display: none;">
<nav><ul><li id="m-dashboard">
<a href="/reports/dashboard"><span class="r-menu-dashboard menu-icon"></span>Last 7 days</a>
</li><li id="m-chats">
<a href="/reports/chats"><span class="r-menu-chats menu-icon"></span>Chats</a>
</li><li id="m-ratings">
<a href="/reports/ratings"><span class="r-menu-ratings menu-icon"></span>Ratings</a>
</li><li id="m-queued">
<a href="/reports/queued"><span class="r-menu-queued menu-icon"></span>Queued visitors</a>
</li><li id="m-availability">
<a href="/reports/availability"><span class="r-menu-availability menu-icon"></span>Availability</a>
</li><li id="m-goals">
<a href="/reports/goals"><span class="r-menu-goals menu-icon"></span>Goals</a>
</li><li id="m-export">
<a href="/reports/export"><span class="r-menu-export menu-icon"></span>Export</a>
</li></ul></nav>
<div id="reports-content-wrapper"><div id="reports-content"><div class="main-filters">
<ul class="date">
<li data-value="day"><a href="">Today</a></li>
<li data-value="week" class="active"><a href="">Last week</a></li>
<li data-value="month"><a href="">Last month</a></li>
<li data-value="custom" style=""><a href="">Custom</a></li>
<li data-value="custom" class="datepicker" style="display: none;">
<input type="text" id="date-range1"><span class="dash"> – </span><input type="text" id="date-range2">
</li>
</ul>
<div class="distribution">
<input type="checkbox" name="group" id="dist-24h" value="1" data-checked="false">
<label for="dist-24h">24-hour distribution</label>
</div>
</div></div></div>
</div><div id="subscription" class="main-section" style="display: none;">
<div class="loading">Loading…</div>
</div>
<div id="cancel-account" class="main-section" style="display: none;">
<form action="/cancel-account" method="post" class="single-sheet">
<h1>Cancel LiveChat account</h1>
<div class="body">
<p>Please enter your password to confirm you want to cancel LiveChat account.<br>LiveChat will <strong>stop working immediately</strong>.</p>
<dl class="password">
<dt><label for="cancel-account-password">Your password:</label></dt>
<dd><input type="password" name="password"></dd>
</dl>
<div class="submit">
<button class="button red"><span>Cancel my LiveChat account</span></button>
<span class="cancel">or <a href="/subscription">go back</a></span>
</div>
</div>
<div class="refund-policy">
<h3>Refund Policy</h3>
<p>You are responsible for all charges in your subscription. We do not offer refunds on made payments. This policy is the same for all customers. <a href="http://www.livechatinc.com/refund-policy/" target="_blank">Read more…</a></p>
</div>
</form>
</div>
<div id="install-code" class="main-section" style="display: none;">
<div class="login-box-header">
<span class="line-1"></span>
<span class="line-2"></span>
<span class="logo co-logo_big"></span>
</div>
<h1>First things first – Let's install the code.</h1>
<div class="sheet">
<div class="copy-instructions">
<p class="intro">Copy and paste the code on every page of your website. Place it in the source code just before the closing <code>&lt;/body&gt;</code> tag.</p>
<div class="i">
<textarea id="code-content" readonly="">&lt;script type="text/javascript"&gt;
var __lc = {};
__lc.license = 1728671;
(function() {
var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();
&lt;/script&gt;</textarea>
<a href="/chats">OK, done it! →</a>
</div>
</div>
<p class="webmaster">Not your job? <a href="" class="send">Send instructions to your webmaster.</a></p>
</div>
<p class="plugins">You can also use a LiveChat plugin for popular platforms.</p>
<ul>
<li><a href="http://apps.facebook.com/addlivechat/" target="_blank"><img src="https://app.livechatinc.com/img/facebook.png"></a></li><li>
</li><li><a href="http://wordpress.org/extend/plugins/wp-live-chat-software-for-wordpress/" target="_blank"><img src="https://app.livechatinc.com/img/wordpress.gif"></a></li><li>
</li><li><a href="http://apps.shopify.com/livechat" target="_blank"><img src="https://app.livechatinc.com/img/shopify.png"></a></li><li>
</li></ul>
</div></div><div id="top-container">
<div class="tutorial-overlay"></div>
<div id="top" class="fixed">
<header id="top-wrapper">
<h1>
<a href="/">LiveChat<span class="co-logo"></span></a>
</h1>
<div id="status" class="online">
<a href="/subscription" id="subscription-link" class="">Subscribe now</a>
<div id="dropdown">
<span id="profile-name"><span class="co-status_accepting"></span>apitest2</span>
<div id="dropdown-content">
<ul>
<li class="accepting"><span class="co-tick"></span><a id="status-accepting" href="">Accept chats</a></li>
<li class="not-accepting"><a id="status-not-accepting" href="">Don’t accept chats</a></li>
</ul>
<div id="profile-links">
<div class="picture">
<a href="/agents/p.urban+lc2@livechatinc.com" id="status-photo">
<span></span>
<img src="//livechat.s3.amazonaws.com/1728671/all/avatars/629134add94b17462cebb3fa51f3e4a9.jpg" alt="">
</a>
</div>
<ul>
<li><a href="/agents/p.urban+lc2@livechatinc.com" id="profile-link">My profile</a></li>
<li><a href="/" id="profile-logout-link">Sign out</a></li>
</ul>
</div><!--/#profile-links-->
</div><!--/#dropdown-content-->
</div><!--/#dropdown-->
</div><!--/#status-->
<nav id="menu">
<ul>
<li id="nav-chats" class=""><a href="/">Chats<span class="badge small"></span></a></li>
<li id="nav-visitors"><a href="/visitors">Visitors</a></li>
<li id="nav-archives"><a href="/archives">Archives</a></li>
<li id="nav-settings" class="current"><a href="/settings">Settings</a></li>
<li id="nav-agents"><a href="/agents">Agents</a></li>
<li id="nav-reports"><a href="/reports">Reports</a></li>
</ul>
</nav></header>
</div>
<div id="top-shadow" class="fixed"></div>
</div>
<div id="hide-nav-logo">
<div><span class="co-logo"></span></div>
</div>
<div id="notification-bar" class="fixed">You are currently not accepting chats. <a href="" data-behavior="start-accepting-chats">Start accepting chats now</a>.</div>
<img id="notification-pointer" data-src="//cdn.livechatinc.com/app/production/img/common/arrow_top.png" alt="">
<div id="shortcut-popup">
<h2>Keyboard shortcuts</h2>
<a href="">×</a>
<div id="shortcuts">
<div class="category">
<h2>Chats</h2>
<div class="left size">
<ul>
<li><span>Ctrl</span> + <span>⌥</span> + <span>[</span></li>
<li><span>Ctrl</span> + <span>⌥</span> + <span>]</span></li>
</ul>
<ul>
<li>Show previous chat window</li>
<li>Show next chat window</li>
</ul>
</div>
<div class="right size">
<ul>
<li><span>Ctrl</span> + <span>⌥</span> + <span>0</span></li>
<li><span>Ctrl</span> + <span>⌥</span> + <span>BACKSPACE</span></li>
</ul>
<ul>
<li>Show first chat window</li>
<li>Close chat window</li>
</ul>
</div>
</div>
<div class="category">
<h2>Global</h2>
<div class="left size">
<ul>
<li><span>Shift</span> + <span>/</span></li>
</ul>
<ul>
<li>Display keyboard shortcuts</li>
</ul>
</div>
</div>
</div>
</div><div id="overlay">
</div><div id="tutorial-overlay"></div>
<div id="dropboxjs" data-app-key="uh7cy3q1pzqolzu"></div>
<div id="notification-bar-status" class="fixed"><p>Reconnecting</p></div>
<audio preload="auto" id="sound">
<source src="https://cdn.livechatinc.com/sounds/message.ogg" type="audio/ogg">
<source src="https://cdn.livechatinc.com/sounds/message.mp3" type="audio/mp3">
<source src="https://cdn.livechatinc.com/sounds/message.wav" type="audio/wav">
</audio><iframe id="dropbox_xcomm" src="https://www.dropbox.com/fp/xcomm" style="display: none;"></iframe></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment