Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
         <title>Message Title</title>
    </head>
    <body class="jira" style="color: #333; font-family: Arial, sans-serif; font-size: 12px;">
         <table id="background-table" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f5f5f5; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
             <!-- header here -->#foreach ($issue in $issues)
             <tr>
                 <td style="vertical-alignpadding: top0px; fontborder-sizecollapse: 12pxcollapse; padding: 10px 25px 0px 25px;20px">
                    #if($emailmessage)
        <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
               ${emailmessage}            <tr>
        #end                 </td>   <td style="vertical-align: top; padding: 0px 0px 5px 0px;">
   </tr>              #foreach ($issue in $issues)             <tr> <div style="padding-top: 5px;">
                <td style="padding: 0px; border-collapse: collapse; padding: 0px 20px">         </div>
            <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">       </td>
                     <tr>   </tr>
                    </table>
    <td style="vertical-align: top; padding: 0px 0px 5px 0px;">     </td>
            </tr>
            <tr>
 <div style="padding-top: 5px;">             <td id="email-content-container" style="padding: 0px; border-collapse: collapse; padding: 0 20px">
           </div>         <table id="email-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: separate">
    </td>                    <tr>
    </tr>                     </table>   <!-- there needs to be content in the cell for it to render in some </td> 
            </tr>clients -->
               <tr>                  <td idclass="email-content-containerrounded-top mobile-expand" style="padding: 0px; border-collapse: collapse; paddingcolor: 0 20px"> 
                    <table id="email-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: separate"> 
     #fff; height: 15px; background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 10px; line-height: 10px; padding: 0px 15px 5px 16px; mso-line-height-rule: exactly">
                  <tr>              &nbsp;
               <!-- there needs to be content in the cell for it to render in</td>
some clients -->                      </tr>
       <td class="email-content-rounded-top mobile-expand" style="padding: 0px; border-collapse: collapse; color: #fff; padding: 0 15px 0 16px; height: 15px; background-color: #fff   <tr>
                            <td class="email-content-main mobile-expand wrapper-special-margin" style="padding: 0px; border-leftcollapse: 1px solid #ccccollapse; border-topleft: 1px solid #ccc; border-right: 1px solid #ccc; border-bottomtop: 0; border-top-right-radiusbottom: 5px0; border-top-left-radiuspadding: 5px; height: 10px0 15px 0 16px; linebackground-heightcolor: 10px#fff; padding-top: 0 15px 0 16px10px; mso-line-height-rulepadding-bottom: exactly5px">
                                &nbsp;
      <table class="keyvalue-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                     </td>               <tr>
          </tr>                           <tr>   <td style="vertical-align:   top; font-size: 12px;">
                      <td class="email-content-main mobile-expand wrapper-special-margin" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 0 15px#if($emailmessage)
0 16px; background-color: #fff; padding-top: 10px; padding-bottom: 5px">                                     <table class="keyvalue-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> ${emailmessage}
                                      #set ($i = 0)   #end
                                 #foreach ($element in $issue.elements)    </td>
                                <tr>    </tr>
                                </table>     <th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 15px 2px 0px">           
                                 <div<table class="keyvalue-table" style="whiteborder-spacecollapse: nowrapcollapse;">
       mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                                     #set ($j$i = 0)
                                            #foreach($header#foreach ($element in $issueheaders$issue.elements)
                                    <tr>
           #if($j == $i) $header #end                         <th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 15px 2px 0px">
       #set ($j = $j + 1)                                <div style="white-space: nowrap;">
          #end                                  #set ($j = 0)
       </div>                                     #foreach($header in $issueheaders)
 </th>                                          <td style="border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding: 2px 0 2px 5px; vertical-align: top"> #if($j == $i) $header #end
                                                #if#set ($element.isEm())<em>#end
   $j = $j + 1)
                                        #if($element.iconurl)    #end
                                        <div style="white-space: nowrap;">  </div>
                                        </th>
 <img                                       <td style="border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding:  src="${baseurl}${element.iconurl}"
   2px 0 2px 5px; vertical-align: top">
                                            height="16" width="16" border="0"<div style="white-space: nowrap;">
                                            #if($element.fieldChangeInfo.originalValue)<span style="background-color: #f1f1f1;   alt="${element.description}"
text-decoration: line-through;">${element.fieldChangeInfo.originalValue} </span>#end                                                title="${element.description}">#if ($element.isEm())<em>#end
                                              #end#if ($element.isEm())<em>#end
                                            #if($issue.parentKey && $element.getFieldKey().equals("summary"))iconurl)
                                            <img
   #if($includeLinks)                                                     <a hrefsrc="${baseurl}/browse/${issueelement.parentKeyiconurl}"
>${issue.parentKey}</a>                                                 #else
height="16" width="16" border="0"
                                                   alt="${issueelement.parentKeydescription}"
                                                #endtitle="${element.description}">
                                             #end
                                            #if($element.getFieldKey().equals("issuekey"))
                                                #if($includeLinks)
                                                    <a href="${baseurl}/browse/${issue.key}">${element.name}</a>
                                                #else
                                                    <span style="white-space: nowrap;">${element.name}</span>
                                                #end                                            
                                            #elseif($element.getFieldKey().equals("summary"))
                                                #if($includeLinks)
                                                    <a href="${baseurl}/browse/${issue.key}">${element.name}</a>
                                                #else
                                                    ${element.name}
                                                #end    
                                            #elseif($element.getFieldKey().equals("status"))
                                                <div style="text-align: center; background-color: #FFF; white-space: nowrap; margin: 0; padding: 1px; border-radius: 3px; display: inline-block; line-height: 99%; #if($element.getType().equals("New")) border: 1px solid #E4E8ED; #elseif($element.getType().equals("In Progress")) border: 1px solid #FFE28C; #elseif($element.getType().equals("Complete")) border: 1px solid #B2D8B9; #else border: 1px solid #ccc; #end">
                                                <span style="background-color: #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; border-left: 5px solid #FFF; border-right: 5px solid #FFF; border-radius: 3px; font-size: 11px; font-weight: bold; margin: 0; padding: 0; text-decoration: none; text-transform: uppercase; #if($element.getType().equals("New")) color: #4c74c3; #elseif($element.getType().equals("In Progress")) color: #594300; #elseif($element.getType().equals("Complete")) color: #14892C; #else color: #333; #end">")) color: #14892C; #else color: #333; #end">
                                                    ${element.name}
                                                </span>
                                                </div>                                       
                                            #elseif($element.getFieldKey().equals("labels"))
                                                #if ($element.getInnerElements() && $element.getInnerElements().size() > 0)
                                                    #set($count=1)
                                                    #set($total=$element.getInnerElements().size())
                                                    #foreach($innerelement in $element.innerElements)
                                                        <div style="text-align: center; background-color: #f5f5f5; white-space: nowrap; margin: 0; padding: 2px 5px; border-radius: 3px; display: inline-block; line-height: 99%; border: 1px solid #ccc;"> 
                                                          <span style="margin: 0; padding: 0; text-decoration: none; color: #3b73af;">
                                                             ${innerelement.name}
                                                          </span>
                                                        </div>    
                                                        #set($count=$count+1)
                                                    #end
            ${element.name}                                    #else
            </span>                                        <span>${element.name}</span>
        </div>                                        #end
                                            #else
                                                #if ($element.getInnerElements() && $element.getInnerElements().size() > 0)
                                                    #set($count=1)
                                                    #set($total=$element.getInnerElements().size())
                                                    #foreach($innerelement in $element.innerElements)
                                                        #if($innerelement.iconurl)
                                                        <div style="white-space: nowrap; padding-right: 3px;">
                                                        <img src="${baseurl}${innerelement.iconurl}"
                                                        height="16" width="16" border="0"
                                                         alt="${innerelement.name}"
                                                        title="${innerelement.name}">
                                                        #end
                                                        <span>
                                                        #if($includeLinks && $innerelement.href)
                                                            <a href="${baseurl}${innerelement.href}">${innerelement.name}</a>
                                                        #else
                                                            <span>${innerelement.name}#if($count<$total && !$innerelement.iconurl), #end</span>
                                                        #end                   
                                                         </span>                        
                                                        #if($innerelement.iconurl)
                                                        </div>
                                                        #end
                                                        #set($count=$count+1)
                                                    #end
                                                #else
                                                    <span>${element.name}</span>
                                                #end
                                            #end
                                            #if($element.iconurl)
                                            </div>#end
                                            #end
#if ($element.isEm())</em>#end
                                           #if ($element.isEm())</em>#enddiv>
                                         </td>
                                    </tr>
                                     #set ($i = $i + 1)
                                    #end
                                </table>
                             </td>
                         </tr> 
                        <!-- there needs to be content in the cell for it to render in some clients --> 
                        <tr>
                             <td class="email-content-rounded-bottom mobile-expand" style="padding: 0px; border-collapse: collapse; color: #fff; padding: 0 15px 0 16px; height: 5px; line-height: 5px; background-color: #fff; border-top: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; mso-line-height-rule: exactly">
                                &nbsp;
                            </td> 
                        </tr> 
                    </table>
                 </td>
             </tr>
             #end   
             <tr>
                 <td style="vertical-align: top; padding: 10px 0px 5px 0px;">
                    ${emailfooter}
                </td>
            </tr>
         </table>   
    </body>
</html>