@tiledesk/tiledesk-server
Version:
The Tiledesk server module
304 lines (250 loc) • 12.8 kB
HTML
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>New Ticket from Tiledesk</title>
<style type="text/css">
img {
max-width: 100%;
margin-left: 16px;
text-align: center ;
}
img.CToWUd {
margin-bottom: 16px;
max-width: 200px ;
width: 200px ;
min-width: 200px ;
outline: none;
text-decoration: none;
border: none;
height: auto;
margin-left: 0px;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
width: 100% ;
height: 100%;
line-height: 1.6em;
}
body {
background-color: #f6f6f6;
}
@media only screen and (max-width: 640px) {
body {
padding: 0 ;
}
h1 {
font-weight: 800 ;
margin: 20px 0 5px ;
text-align: center ;
}
h2 {
font-weight: 800 ;
margin: 20px 0 5px ;
}
h3 {
font-weight: 800 ;
margin: 20px 0 5px ;
}
h4 {
font-weight: 800 ;
margin: 20px 0 5px ;
}
h1 {
font-size: 22px ;
}
h2 {
font-size: 18px ;
}
h3 {
font-size: 16px ;
}
.container {
padding: 0 ;
width: 100% ;
}
.content {
padding: 0 ;
}
.content-wrap {
padding: 10px ;
}
.invoice {
width: 100% ;
}
}
</style>
</head>
<body itemscope itemtype="http://schema.org/EmailMessage"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;"
bgcolor="#f6f6f6">
{{#if baseScope.replyEnabled}}
<div>\# Please type your reply above this line \#</div>
{{/if}}
<table class="body-wrap"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
bgcolor="#f6f6f6">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top"></td>
<td class="container" width="600"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
valign="top">
<div class="content"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
<table class="main" width="100%" cellpadding="0" cellspacing="0"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;"
bgcolor="#fff">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="alert alert-warning"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; margin: 0;"
align="center" valign="top">
<div style="text-align:center">
<!--
<a href="http://www.tiledesk.com"
style="color:#2daae1;font-weight:bold;text-decoration:none;word-break:break-word" target="_blank">
<img src="https://tiledesk.com/wp-content/uploads/2023/01/tiledesk_log_email_200.png"
class="CToWUd">
</a>
-->
</div>
</td>
</tr>
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="alert alert-warning"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; margin: 0;"
align="center" valign="top">
<div>
<h2>Ticket number: #{{message.request.ticket_id}}</h2>
</div>
</td>
</tr>
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-wrap"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;"
valign="top">
<table width="100%" cellpadding="0" cellspacing="0"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top">
Sender: <strong
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">{{message.senderFullname}}</strong>
</td>
</tr>
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top">
{{#ifEquals message.type "text"}}
<div style="white-space: pre-wrap;">{{{msgText}}}</div>
{{/ifEquals}}
{{#ifEquals message.type "image"}}
<img src="{{message.metadata.src}}" />
{{#if msgText}}
<div style="white-space: pre-wrap;">{{{msgText}}}</div>
{{/if}}
{{/ifEquals}}
{{#ifEquals message.type "file"}}
<a href="{{message.metadata.src}}">{{message.metadata.name}}</a>
{{/ifEquals}}
{{#ifEquals message.type "frame"}}
<a href="{{message.metadata.src}}">{{message.metadata.name}}</a>
{{#if msgText}}
<div style="white-space: pre-wrap;">{{{msgText}}}</div>
{{/if}}
{{/ifEquals}}
{{#if message.attributes}}
{{#if message.attributes.attachment}}
{{#if message.attributes.attachment.buttons}}
{{#each message.attributes.attachment.buttons}}
{{#ifEquals this.type "url"}}
<li><a href="{{this.link}}" class="dynamic_button">{{this.value}}</a></li>
{{else}}
<li><a
href="mailto:{{../message.request.request_id}}@{{../baseScope.inboundDomain}}?subject=Re:%20{{../message.request.subject}}&body={{this.value}}"
class="dynamic_button">{{this.value}}</a></li>
{{/ifEquals}}
{{/each}}
{{/if}}
{{/if}}
{{/if}}
<!-- {{#if message.attributes.intent_info}}
{{#if message.attributes.intent_info.others}}
Others:
{{#each message.attributes.intent_info.others}}
<li><span>{{this.answer}}</span></li>
{{/each}}
{{/if}}
{{/if}} -->
</td>
</tr>
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top">
Click <a href="{{seamlessPage}}{{tokenQueryString}}">here</a> to continue by chat the
conversation.
</td>
</tr>
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<hr style="width:94%;height:1px;border:none;background-color: #cacaca;">
<div style="display: flex; padding: 20px 18px; color: #888888; align-items: center;">
<span>Powered by </span>
<span style="display: flex;"><img
src="https://tiledesk.com/wp-content/uploads/2023/05/tiledesk-solo_logo_new_gray.png" width="15"
height="15" style="margin-left: 6px; margin-top: 2px;" /></span>
<span style="font-weight: bold; margin-left: 2px;">Tiledesk</span>
</div>
</td>
</tr>
</table>
<div class="footer"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
<table width="100%"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="aligncenter content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0;"
align="center" valign="top">
<span><a href="http://www.tiledesk.com"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">
Tiledesk.com </a></span>
<!-- <br><span><a href="%unsubscribe_url%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">Unsubscribe</a></span> -->
</td>
</tr>
</table>
</div>
</div>
</td>
<td
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top"></td>
</tr>
</table>
</body>
</html>