server/views/downloadInteraction.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>PDF document</title>
   5 </head>
   6 <body>
   7   <table data-pdfmake='{"widths":[100,"*","auto"],"heights":40}' class="interactionData">
   8     <tbody>
   9       <tr>
  10         <td>
  11           <div class="textblock">
  12             <p class="textfield">
  13               <% if (interaction.channel.toLowerCase()==='chat' ) { -%>
  14                 Website <% } else { %> Account <% } -%>
  15             </p>
  16             <p class="textcontent">
  17               <%- interaction.account %>
  18             </p>
  19           </div>
  20         </td>
  21         <td>
  22           <div class="textblock">
  23             <p class="textfield">Agent</p>
  24             <p class="textcontent">
  25               <%- interaction.agent %>
  26             </p>
  27           </div>
  28         </td>
  29         <td>
  30           <div class="textblock">
  31             <p class="textfield">Created</p>
  32             <p class="textcontent">
  33               <%- interaction.createdAt %>
  34             </p>
  35           </div>
  36         </td>
  37       </tr>
  38       <tr>
  39         <% if (interaction.channel.toLowerCase()==='chat' ) { -%>
  40           <td>
  41             <div class="textblock">
  42               <p class="textfield">Browser</p>
  43               <p class="textcontent">
  44                 <%- interaction.chatInfo.browser %>
  45               </p>
  46             </div>
  47           </td>
  48           <td>
  49             <div class="textblock">
  50               <p class="textfield">Operating System</p>
  51               <p class="textcontent">
  52                 <%- interaction.chatInfo.os %>
  53               </p>
  54             </div>
  55           </td>
  56           <% } else { -%>
  57             <td>
  58               <div class="textblock">
  59                 <p class="textfield">Disposition</p>
  60                 <p class="textcontent">
  61                   <%- interaction.disposition %>
  62                 </p>
  63               </div>
  64             </td>
  65             <td>&nbsp;</td>
  66             <% } -%>
  67               <td>
  68                 <div class="textblock">
  69                   <p class="textfield">Closed</p>
  70                   <p class="textcontent">
  71                     <%- interaction.closedAt %>
  72                   </p>
  73                 </div>
  74               </td>
  75       </tr>
  76       <% if (interaction.channel.toLowerCase()==='openchannel' ) { -%>
  77         <tr>
  78           <td colspan="3">
  79             <div class="textblock">
  80               <p class="textfield">Visibility</p>
  81               <p class="textcontent">
  82                 <%- interaction.visibility %>
  83               </p>
  84             </div>
  85           </td>
  86         </tr>
  87         <% } -%>
  88           <% if (interaction.channel.toLowerCase()==='chat' ) { -%>
  89             <tr>
  90               <td>
  91                 <div class="textblock">
  92                   <p class="textfield">Referer</p>
  93                   <p class="textcontent">
  94                     <%- interaction.chatInfo.referer %>
  95                   </p>
  96                 </div>
  97               </td>
  98               <td>
  99                 <div class="textblock">
 100                   <p class="textfield">Originating TCP Port</p>
 101                   <p class="textcontent">
 102                     <%- interaction.chatInfo.customerPort %>
 103                   </p>
 104                 </div>
 105               </td>
 106               <td>
 107                 <div class="textblock">
 108                   <p class="textfield">Originating IP Address</p>
 109                   <p class="textcontent">
 110                     <%- interaction.chatInfo.customerIp %>
 111                   </p>
 112                 </div>
 113               </td>
 114             </tr>
 115             <% } -%>
 116     </tbody>
 117   </table>
 118   <div class="messageContainer">
 119     <% interaction.messages.forEach(function(message) { -%>
 120       <p>
 121       <div class="messageInfo">[<%- message.direction %>] <%- message.date %> | <%- message.sender %>
 122               <% if(interaction.channel.toLowerCase()==='chat' && message.read) { -%><i>&radic;</i>
 123                 <% }-%>
 124       </div>
 125       <% if (interaction.channel.toLowerCase()==='openchannel' && message.attachment) { -%>[ATTACHMENT] <% } -%>
 126           <%- message.body %>
 127             </p>
 128             <% }); -%>
 129   </div>
 130 </body>
 131 </html>