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