server/components/xchatty/template.html

   1 <div class="xc_chat_container" style="display: none;">
   2   <div class="xc_chat_head {{headerShape}}">
   3     <i class="xc_header_icon" style="background-image:url({{& assetBase}}?resource=images/iconVisitorchat.png);">
   4       <span class="xc_notification_badge">
   5         <span class="xc_notification_badge_number"></span>
   6       </span>
   7     </i>
   8     <i class="xc_header_logo" style="background-image:url({{& assetBase}}?resource={{logo}});background-size:contain;"></i>
   9     <span class="xc_chat_head-title">{HeaderText}</span>
  10   </div>
  11   <div class="xc_chat_toggle_container">
  12     <div class="xc_sub-head-spacer"></div>
  13     <div class="xc_notifications_wrapper">
  14       <ul class="xc_errorlist"></ul>
  15     </div>
  16     <div class="xc_enquiry_wrapper">
  17       <form class="xc_form_enquiry" accept-charset="UTF-8">
  18         <p class="xc_offline_message">{OfflineMessage}</p>
  19         <br>
  20         {{#enquiryEnable}}
  21           <div class="xc_div_group">
  22             <label for="enquiryFullname" class="xc_label">{NameTitle} *</label>
  23             <input id="enquiryFullname" maxlength="45" data-label="Name" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" required/>
  24           </div>
  25           <!-- <input maxlength="45" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" /> -->
  26           <br>
  27           <div class="xc_div_group">
  28             <label for="enquiryEmail" class="xc_label">{EmailTitle} *</label>
  29             <input id="enquiryEmail" maxlength="85" type="text" data-label="Email Address" name="data[Enquiry][email]" placeholder="{EmailPlaceholder}" class="xc_input_enquiry_email" required/>
  30           </div>
  31           <br>
  32           <div class="xc_div_group">
  33             <label for="enquiryMessage" class="xc_label">{MessageTitle} *</label>
  34             <textarea id="enquiryMessage" data-label="Message" maxlength="1500" placeholder="{EnquiryMessagePlaceholder}" name="data[Enquiry][message]" class="xc_input_enquiry_message" required></textarea>
  35           </div>
  36           <br>
  37           {{#offlineFields}}
  38           {{& renderedOfflineField}}
  39           {{/offlineFields}}
  40           <button type="submit" class="xc_btn_enquiry xc_btn_style">{EnquiryButtonText}</button>
  41         {{/enquiryEnable}}
  42       </form>
  43     </div>
  44     <div class="xc_signup_wrapper">
  45       <form class="xc_form_signup" accept-charset="UTF-8">
  46         <p class="xc_online_message">{OnlineMessage}</p>
  47         <br>
  48           <div class="xc_div_group">
  49             <label for="dataFullname" class="xc_label">{NameTitle} *</label>
  50             <input maxlength="45" id="dataFullname" data-label="Fullname" type="text" name="data[Discussion][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_fullname" required/>
  51           </div>
  52           <br>
  53           <div class="xc_div_group">
  54             <label for="dataEmail" class="xc_label">{EmailTitle} *</label>
  55             <input maxlength="85" id="dataEmail" data-label="Email Address" type="text" name="data[Discussion][email]" placeholder="{EmailPlaceholder}" class="xc_input_email" required/>
  56           </div>
  57           <br>
  58           {{#onlineFields}}
  59           {{& renderedOnlineField}}
  60           {{/onlineFields}}
  61           <input type="hidden" class="xc_input_visitor_time" name="data[Discussion][visitor_time]" />
  62           <button type="submit" class="xc_btn_signup xc_btn_style">{StartChatButtonText}</button>
  63       </form>
  64     </div>
  65     <div class="xc_conversation">
  66       <div class="xc_conversation_container">
  67         <p class="xc_message_intro" data-id="-10">{FirstMessageText}</p>
  68       </div>
  69       <div class="xc_composing_container"></div>
  70       <form class="xc_form_reply" accept-charset="UTF-8">
  71         <div class="xc_exit_chat_container">
  72           <div class="xc_download_transcript_container" style="display:none;">
  73             <a href="{{rootPath}}{{websiteId}}/transcript" class="xc_download_transcript">{DownloadTranscript}</a>
  74           </div>
  75           <a href="#" class="xc_btn_exit_chat">{ExitChatButtonText}</a>
  76           <div class="xc_exit_chat_confirmation_wrapper" style="display: none;">
  77             <span>{ExitChatQuestionText} </span>
  78             <a href="#" class="xc_btn_exit_chat_confirm">{ExitChatButtonConfirmText}</a>
  79             <span> | </span>
  80             <a href="#" class="xc_btn_exit_chat_cancel">{ExitChatButtonCancelText}</a>
  81           </div>
  82         </div>
  83         <textarea maxlength="750" placeholder="{MessagePlaceholderText}" name="data[Message][message]" class="xc_input_message"></textarea>
  84         <a href="#" class="xc_btn_send xc_btn_style">{MessageSendButtonText}</a>
  85       </form>
  86     </div>
  87     <div class="xc_rating_wrapper">
  88       <form class="xc_form_rating" accept-charset="UTF-8">
  89         <p class="xc_rating_message">{RatingMessage}</p>
  90         <br>
  91         {{#ratingEnable}}
  92         <div class="xc_rating">
  93           <label class="xc_rating_label" style="padding:30px;">
  94             <input type="radio" name="data[Rating][rating]" value="good" />
  95             <img src="{{& rootPath}}assets?resource=images/like.png" alt="Good" height="50" style="height:50px;"/>
  96           </label>
  97           <label class="xc_rating_label" style="padding:30px;">
  98             <input type="radio" name="data[Rating][rating]" value="bad"/>
  99             <img src="{{& rootPath}}assets?resource=images/dislike.png" alt="Bad" height="50" style="height:50px;"/>
 100           </label>
 101         </div>
 102         <div class="xc_div_group">
 103           <label for="ratingMessage" class="xc_label">Message</label>
 104           <textarea id="ratingMessage" data-label="Message" maxlength="1500" name="data[Rating][message]" class="xc_input_rating_message"></textarea>
 105         </div>
 106         <button type="submit" class="xc_button_rating xc_btn_style">{RatingSendText}</button>
 107         {{/ratingEnable}}
 108         <button type="button" class="xc_button_skip_rating xc_btn_style">{RatingSkipText}</button>
 109       </form>
 110     </div>
 111     <div class="xc_footer">
 112       <div class="xc_powered">
 113         {{{whiteLabel}}}
 114       </div>
 115     </div>
 116   </div>
 117 </div>