128 lines
4.5 KiB
Ruby
128 lines
4.5 KiB
Ruby
#
|
|
# HTML emails don't support CSS, so we can use nokogiri to inline attributes based on
|
|
# matchers.
|
|
#
|
|
module Email
|
|
class Styles
|
|
|
|
def initialize(html)
|
|
@html = html
|
|
@fragment = Nokogiri::HTML.fragment(@html)
|
|
end
|
|
|
|
def format_basic
|
|
@fragment.css('img').each do |img|
|
|
|
|
next if img['class'] == 'site-logo'
|
|
|
|
if img['class'] == "emoji" || img['src'] =~ /plugins\/emoji/
|
|
img['width'] = 20
|
|
img['height'] = 20
|
|
else
|
|
img['style'] = "max-width: 694px;"
|
|
end
|
|
|
|
# ensure all urls are absolute
|
|
if img['src'] =~ /^\/[^\/]/
|
|
img['src'] = "#{Discourse.base_url}#{img['src']}"
|
|
end
|
|
|
|
# ensure no schemaless urls
|
|
if img['src'] && img['src'].starts_with?("//")
|
|
img['src'] = "http:" + img['src']
|
|
end
|
|
end
|
|
end
|
|
|
|
def format_notification
|
|
style('.previous-discussion', 'font-size: 17px; color: #444;')
|
|
style('.date', "text-align:right;color:#999999;padding-right:5px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px")
|
|
style('.username', "font-size:13px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;color:#3b5998;text-decoration:none;font-weight:bold")
|
|
style('.post-wrapper', "margin-bottom:25px;max-width:761px")
|
|
style('.user-avatar', 'vertical-align:top;width:55px;')
|
|
style('.user-avatar img', nil, width: '45', height: '45')
|
|
style('hr', 'background-color: #ddd; height: 1px; border: 1px;')
|
|
# we can do this but it does not look right
|
|
# style('#main', 'font-family:"Helvetica Neue", Helvetica, Arial, sans-serif')
|
|
style('td.body', 'padding-top:5px;', colspan: "2")
|
|
correct_first_body_margin
|
|
correct_footer_style
|
|
reset_tables
|
|
end
|
|
|
|
def format_html
|
|
style('h3', 'margin: 15px 0 20px 0; border-bottom: 1px solid #ddd;')
|
|
style('hr', 'background-color: #ddd; height: 1px; border: 1px;')
|
|
style('a',' text-decoration: none; font-weight: bold; color: #006699;')
|
|
style('ul', 'margin: 0 0 0 10px; padding: 0 0 0 20px;')
|
|
style('li', 'padding-bottom: 10px')
|
|
style('div.digest-post', 'margin-left: 15px; margin-top: 20px; max-width: 694px;')
|
|
style('div.digest-post h1', 'font-size: 20px;')
|
|
style('span.footer-notice', 'color:#666; font-size:80%')
|
|
style('span.post-count', 'margin: 0 5px; color: #777;')
|
|
style('pre', 'word-wrap: break-word; max-width: 694px;')
|
|
style('code', 'background-color: #f1f1ff; padding: 2px 5px;')
|
|
style('pre code', 'display: block; background-color: #f1f1ff; padding: 5px;')
|
|
|
|
# Links to other topics
|
|
style('aside.quote', 'border-left: 5px solid #bebebe; background-color: #f1f1f1; padding: 12px;')
|
|
style('aside.quote blockquote', 'border: 0px; padding: 0')
|
|
style('aside.quote div.info-line', 'color: #666; margin: 10px 0')
|
|
style('aside.quote .avatar', 'margin-right: 5px')
|
|
|
|
# Oneboxes
|
|
style('div.onebox-result', "padding: 12px 25px 12px 12px; border-left: 5px solid #bebebe; background: #eee;")
|
|
style('div.onebox-result img', "max-height: 80%; max-width: 25%; height: auto; float: left; margin-right: 10px;")
|
|
style('div.onebox-result h3', "border-bottom: 0")
|
|
style('div.onebox-result .source', "margin-bottom: 8px")
|
|
style('div.onebox-result .source a[href]', "color: #333; font-weight: normal")
|
|
style('div.clearfix', "clear: both")
|
|
end
|
|
|
|
def to_html
|
|
strip_classes_and_ids
|
|
@fragment.to_html.tap do |result|
|
|
result.gsub!(/\[email-indent\]/, "<div style='margin-left: 15px'>")
|
|
result.gsub!(/\[\/email-indent\]/, "</div>")
|
|
end
|
|
end
|
|
|
|
private
|
|
|
|
def correct_first_body_margin
|
|
@fragment.css('.body p').each do |element|
|
|
element['style'] = "margin-top:0;"
|
|
end
|
|
end
|
|
|
|
def correct_footer_style
|
|
@fragment.css('.footer').each do |element|
|
|
element['style'] = "color:#666;"
|
|
element.css('a').each do |inner|
|
|
inner['style'] = "color:#666;"
|
|
end
|
|
end
|
|
end
|
|
|
|
def strip_classes_and_ids
|
|
@fragment.css('*').each do |element|
|
|
element.delete('class')
|
|
element.delete('id')
|
|
end
|
|
end
|
|
|
|
def reset_tables
|
|
style('table',nil, cellspacing: '0', cellpadding: '0', border: '0')
|
|
end
|
|
|
|
def style(selector, style, attribs = {})
|
|
@fragment.css(selector).each do |element|
|
|
element['style'] = style if style
|
|
attribs.each do |k,v|
|
|
element[k] = v
|
|
end
|
|
end
|
|
end
|
|
end
|
|
end
|