<div class="xc_chat_container" style="display: none;">
- <div class="xc_chat_head '+xChatty.config.headerShape+'">
- <i class="xc_header_icon">
+ <div class="xc_chat_head {{headerShape}}">
+ <i class="xc_header_icon" style="background-image:url({{& assetBase}}?resource=images/iconVisitorchat.png);">
<span class="xc_notification_badge">
<span class="xc_notification_badge_number"></span>
</span>
</i>
+ <i class="xc_header_logo" style="background-image:url({{& assetBase}}?resource={{logo}});background-size:contain;"></i>
<span class="xc_chat_head-title">{HeaderText}</span>
</div>
<div class="xc_chat_toggle_container">
</div>
<div class="xc_enquiry_wrapper">
<form class="xc_form_enquiry" accept-charset="UTF-8">
- <p>{OfflineMessage}</p>
- <input maxlength="45" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" />
- <input maxlength="85" type="text" name="data[Enquiry][email]" placeholder="{EmailPlaceholder}" class="xc_input_enquiry_email" />
- <textarea maxlength="1500" placeholder="{EnquiryMessagePlaceholder}" name="data[Enquiry][message]" class="xc_input_enquiry_message"></textarea>
- <a href="#" class="xc_btn_enquiry xc_btn_style">{EnquiryButtonText}</a>
+ <p class="xc_offline_message">{OfflineMessage}</p>
+ <br>
+ {{#enquiryEnable}}
+ <div class="xc_div_group">
+ <label for="enquiryFullname" class="xc_label">{NameTitle} *</label>
+ <input id="enquiryFullname" maxlength="45" data-label="Name" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" required/>
+ </div>
+ <!-- <input maxlength="45" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" /> -->
+ <br>
+ <div class="xc_div_group">
+ <label for="enquiryEmail" class="xc_label">{EmailTitle} *</label>
+ <input id="enquiryEmail" maxlength="85" type="text" data-label="Email Address" name="data[Enquiry][email]" placeholder="{EmailPlaceholder}" class="xc_input_enquiry_email" required/>
+ </div>
+ <br>
+ <div class="xc_div_group">
+ <label for="enquiryMessage" class="xc_label">{MessageTitle} *</label>
+ <textarea id="enquiryMessage" data-label="Message" maxlength="1500" placeholder="{EnquiryMessagePlaceholder}" name="data[Enquiry][message]" class="xc_input_enquiry_message" required></textarea>
+ </div>
+ <br>
+ {{#offlineFields}}
+ {{& renderedOfflineField}}
+ {{/offlineFields}}
+ <button type="submit" class="xc_btn_enquiry xc_btn_style">{EnquiryButtonText}</button>
+ {{/enquiryEnable}}
</form>
</div>
<div class="xc_signup_wrapper">
<form class="xc_form_signup" accept-charset="UTF-8">
<p class="xc_online_message">{OnlineMessage}</p>
- <div class="xc_div_group">
- <label for="dataFullname" class="xc_label">Name *</label>
- <input maxlength="45" id="dataFullname" data-label="Fullname" type="text" name="data[Discussion][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_fullname" required/>
- </div>
- <br>
- <div class="xc_div_group">
- <label for="dataEmail" class="xc_label">Email Address *</label>
- <input maxlength="85" id="dataEmail" data-label="Email" type="text" name="data[Discussion][email]" placeholder="{EmailPlaceholder}" class="xc_input_email" required/>
- </div>
<br>
- {{#onlineFields}}
- {{& renderedOnlineField}}
- {{/onlineFields}}
- <input type="hidden" class="xc_input_visitor_time" name="data[Discussion][visitor_time]" />
- <button type="submit" class="xc_btn_signup xc_btn_style">{StartChatButtonText}</button>
+ <div class="xc_div_group">
+ <label for="dataFullname" class="xc_label">{NameTitle} *</label>
+ <input maxlength="45" id="dataFullname" data-label="Fullname" type="text" name="data[Discussion][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_fullname" required/>
+ </div>
+ <br>
+ <div class="xc_div_group">
+ <label for="dataEmail" class="xc_label">{EmailTitle} *</label>
+ <input maxlength="85" id="dataEmail" data-label="Email Address" type="text" name="data[Discussion][email]" placeholder="{EmailPlaceholder}" class="xc_input_email" required/>
+ </div>
+ <br>
+ {{#onlineFields}}
+ {{& renderedOnlineField}}
+ {{/onlineFields}}
+ <input type="hidden" class="xc_input_visitor_time" name="data[Discussion][visitor_time]" />
+ <button type="submit" class="xc_btn_signup xc_btn_style">{StartChatButtonText}</button>
</form>
</div>
<div class="xc_conversation">
<form class="xc_form_reply" accept-charset="UTF-8">
<div class="xc_exit_chat_container">
<div class="xc_download_transcript_container" style="display:none;">
- <a href="{{rootPath}}transcript" class="xc_download_transcript">{DownloadTranscript}</a>
+ <a href="{{rootPath}}{{websiteId}}/transcript" class="xc_download_transcript">{DownloadTranscript}</a>
</div>
<a href="#" class="xc_btn_exit_chat">{ExitChatButtonText}</a>
<div class="xc_exit_chat_confirmation_wrapper" style="display: none;">
<a href="#" class="xc_btn_send xc_btn_style">{MessageSendButtonText}</a>
</form>
</div>
+ <div class="xc_rating_wrapper">
+ <form class="xc_form_rating" accept-charset="UTF-8">
+ <p class="xc_rating_message">{RatingMessage}</p>
+ <br>
+ <div class="xc_rating">
+ <label class="xc_rating_label" style="padding:30px;">
+ <input type="radio" name="data[Rating][rating]" value="good" />
+ <img src="{{& rootPath}}assets?resource=images/like.png" alt="Good" height="50"/>
+ </label>
+ <label class="xc_rating_label" style="padding:30px;">
+ <input type="radio" name="data[Rating][rating]" value="bad"/>
+ <img src="{{& rootPath}}assets?resource=images/dislike.png" alt="Good" height="50"/>
+ </label>
+ </div>
+ <div class="xc_div_group">
+ <label for="ratingMessage" class="xc_label">Message</label>
+ <textarea id="ratingMessage" data-label="Message" maxlength="1500" name="data[Rating][message]" class="xc_input_rating_message"></textarea>
+ </div>
+ <button type="submit" class="xc_button_rating xc_btn_style">{RatingSendText}</button>
+ <button type="button" class="xc_button_skip_rating xc_btn_style">{RatingSkipText}</button>
+ </form>
+ </div>
<div class="xc_footer">
<div class="xc_powered">
- <a>Powered by Xenialab | Trademark xCALLY</a>
+ {{{whiteLabel}}}
</div>
</div>
</div>