git://repos.xcallymotion.com / motion2.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw
Built motion from commit (unavailable).|2.5.26
[motion2.git] / server / views / downloadInteraction.html
diff --git a/server/views/downloadInteraction.html b/server/views/downloadInteraction.html
index 96760e7..126cd0a 100644 (file)
--- a/server/views/downloadInteraction.html
+++ b/server/views/downloadInteraction.html
@@ -1,183 +1,131 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <style>
-      body {
-        padding: 0 10px;
-        font-family: Arial Unicode MS, Arial, Helvetica;
-      }
-
-      table {
-        table-layout: fixed;
-        width: 100%;
-      }
-
-      .text-block {
-        padding: 5px;
-      }
-
-      .text-field {
-        color: rgba(0, 0, 0, 0.7);
-        margin: 0;
-        padding: 0;
-        font-size: 8px;
-      }
-
-      .text-content {
-        margin: 0;
-        padding: 0;
-        font-size: 8px;
-        font-weight: 700;
-      }
-
-      .message-container {
-        word-break: break-all;
-      }
-
-      .message-container p {
-        padding: 0 4px;
-        margin: 2px 0;
-        font-size: 9px;
-      }
-
-      .header {
-        text-align: center;
-      }
-
-      .footer {
-        right: 0;
-        text-align: center;
-        margin: 0 10px;
-      }
-
-      .footer div {
-        display: inline-block;
-      }
-
-      .footer span {
-        font-size: 8px;
-      }
-
-      .center {
-        margin: 0 auto;
-      }
-
-      .left {
-        float: left;
-      }
-
-      .right {
-        float: right;
-      }
-
-      .message-info {
-        font-size: 8px;
-        font-style: italic;
-        display: block;
-      }
-
-      .separator {
-        border-top: 1px solid rgba(0, 0, 0, 0.3);
-      }
-    </style>
-  </head>
-  <body>
-    <div>
-      <table>
-        <tbody>
-          <tr>
+<head>
+  <title>PDF document</title>
+</head>
+<body>
+  <table data-pdfmake='{"widths":[100,"*","auto"],"heights":40}' class="interactionData">
+    <tbody>
+      <tr>
+        <td>
+          <div class="textblock">
+            <p class="textfield">
+              <% if (interaction.channel.toLowerCase()==='chat' ) { -%>
+                Website <% } else { %> Account <% } -%>
+            </p>
+            <p class="textcontent">
+              <%- interaction.account %>
+            </p>
+          </div>
+        </td>
+        <td>
+          <div class="textblock">
+            <p class="textfield">Agent</p>
+            <p class="textcontent">
+              <%- interaction.agent %>
+            </p>
+          </div>
+        </td>
+        <td>
+          <div class="textblock">
+            <p class="textfield">Created</p>
+            <p class="textcontent">
+              <%- interaction.createdAt %>
+            </p>
+          </div>
+        </td>
+      </tr>
+      <tr>
+        <% if (interaction.channel.toLowerCase()==='chat' ) { -%>
+          <td>
+            <div class="textblock">
+              <p class="textfield">Browser</p>
+              <p class="textcontent">
+                <%- interaction.chatInfo.browser %>
+              </p>
+            </div>
+          </td>
+          <td>
+            <div class="textblock">
+              <p class="textfield">Operating System</p>
+              <p class="textcontent">
+                <%- interaction.chatInfo.os %>
+              </p>
+            </div>
+          </td>
+          <% } else { -%>
             <td>
-              <div class="text-block">
-                <p class="text-field"><% if (interaction.channel.toLowerCase() === 'chat') { -%>Website<% } else { %>Account<% } -%></p>
-                <p class="text-content bold"><%- interaction.account %></p>
-              </div>
-            </td>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Agent</p>
-                <p class="text-content bold"><%- interaction.agent %></p>
-              </div>
-            </td>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Created</p>
-                <p class="text-content bold"><%- interaction.createdAt %></p>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <% if (interaction.channel.toLowerCase() === 'chat') { -%>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Browser</p>
-                <p class="text-content bold"><%- interaction.chatInfo.browser %></p>
-              </div>
-            </td>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Operating System</p>
-                <p class="text-content bold"><%- interaction.chatInfo.os %></p>
-              </div>
-            </td>
-            <% } else { -%>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Disposition</p>
-                <p class="text-content bold"><%- interaction.disposition %></p>
-              </div>
-            </td>
-            <% } -%> 
-            <% if (interaction.channel.toLowerCase() === 'openchannel') { -%>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Visibility</p>
-                <p class="text-content bold"><%- interaction.visibility %></p>
+              <div class="textblock">
+                <p class="textfield">Disposition</p>
+                <p class="textcontent">
+                  <%- interaction.disposition %>
+                </p>
               </div>
             </td>
+            <td>&nbsp;</td>
             <% } -%>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Closed</p>
-                <p class="text-content bold"><%- interaction.closedAt %></p>
-              </div>
-            </td>
-          </tr>
-          <% if (interaction.channel.toLowerCase() === 'chat') { -%>
-          <tr>
-            <td colspan="3">
-              <div class="text-block">
-                <p class="text-field">Referer</p>
-                <p class="text-content bold"><%- interaction.chatInfo.referer %></p>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="text-block">
-                <p class="text-field">Originating TCP Port</p>
-                <p class="text-content bold"><%- interaction.chatInfo.customerPort %></p>
-              </div>
-            </td>
-            <td colspan="3">
-              <div class="text-block">
-                <p class="text-field">Originating IP Address</p>
-                <p class="text-content bold"><%- interaction.chatInfo.customerIp %></p>
-              </div>
-            </td>
-          </tr>
-          <% } -%>
-        </tbody>
-      </table>
-    </div>
-    <hr class="separator" />
-    <div class="message-container">
-      <% interaction.messages.forEach(function(message) { -%>
+              <td>
+                <div class="textblock">
+                  <p class="textfield">Closed</p>
+                  <p class="textcontent">
+                    <%- interaction.closedAt %>
+                  </p>
+                </div>
+              </td>
+      </tr>
+      <% if (interaction.channel.toLowerCase()==='openchannel' ) { -%>
+        <tr>
+          <td colspan="3">
+            <div class="textblock">
+              <p class="textfield">Visibility</p>
+              <p class="textcontent">
+                <%- interaction.visibility %>
+              </p>
+            </div>
+          </td>
+        </tr>
+        <% } -%>
+          <% if (interaction.channel.toLowerCase()==='chat' ) { -%>
+            <tr>
+              <td>
+                <div class="textblock">
+                  <p class="textfield">Referer</p>
+                  <p class="textcontent">
+                    <%- interaction.chatInfo.referer %>
+                  </p>
+                </div>
+              </td>
+              <td>
+                <div class="textblock">
+                  <p class="textfield">Originating TCP Port</p>
+                  <p class="textcontent">
+                    <%- interaction.chatInfo.customerPort %>
+                  </p>
+                </div>
+              </td>
+              <td>
+                <div class="textblock">
+                  <p class="textfield">Originating IP Address</p>
+                  <p class="textcontent">
+                    <%- interaction.chatInfo.customerIp %>
+                  </p>
+                </div>
+              </td>
+            </tr>
+            <% } -%>
+    </tbody>
+  </table>
+  <div class="messageContainer">
+    <% interaction.messages.forEach(function(message) { -%>
       <p>
-        <span class="message-info">[<%- message.direction %>] <%- message.date %> | <%- message.sender %> <% if(interaction.channel.toLowerCase() === 'chat' && message.read) { -%><i>&#10003;</i><% }-%></span>
-        <% if (interaction.channel.toLowerCase() === 'openchannel' && message.attachment) { -%>[ATTACHMENT] <% } -%><%- message.body %>
-      </p>
-      <% }); -%>
-      
-    </div>
-  </body>
-</html>
+      <div class="messageInfo">[<%- message.direction %>] <%- message.date %> | <%- message.sender %>
+              <% if(interaction.channel.toLowerCase()==='chat' && message.read) { -%><i>&radic;</i>
+                <% }-%>
+      </div>
+      <% if (interaction.channel.toLowerCase()==='openchannel' && message.attachment) { -%>[ATTACHMENT] <% } -%>
+          <%- message.body %>
+            </p>
+            <% }); -%>
+  </div>
+</body>
+</html>
\ No newline at end of file
xCALLY Motion is the new Realtime asynchronous solution for your multichannel contact center over Asterisk.