discourse/lib/email/styles.rb

128 lines
4.5 KiB
Ruby
Raw Normal View History

2013-06-10 15:33:37 -04:00
#
# 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)
2013-06-10 15:33:37 -04:00
end
def format_basic
@fragment.css('img').each do |img|
2013-06-10 15:33:37 -04:00
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
2013-08-26 18:08:38 -04:00
# ensure all urls are absolute
if img['src'] =~ /^\/[^\/]/
img['src'] = "#{Discourse.base_url}#{img['src']}"
end
2013-08-26 18:08:38 -04:00
# ensure no schemaless urls
2013-12-03 10:10:53 -05:00
if img['src'] && img['src'].starts_with?("//")
2013-08-26 18:08:38 -04:00
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')
2013-07-26 18:08:58 -04:00
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;')
2013-12-02 10:04:18 -05:00
style('code', 'background-color: #f1f1ff; padding: 2px 5px;')
style('pre code', 'display: block; background-color: #f1f1ff; padding: 5px;')
2014-01-22 15:30:30 -05:00
# 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
2013-06-10 15:33:37 -04:00
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>")
2013-06-10 15:33:37 -04:00
end
end
2013-06-10 15:33:37 -04:00
private
2013-06-10 15:33:37 -04:00
2013-07-26 18:08:58 -04:00
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|
2013-07-26 18:08:58 -04:00
inner['style'] = "color:#666;"
end
2013-06-10 15:33:37 -04:00
end
end
2013-06-10 15:33:37 -04:00
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')
2013-06-10 15:33:37 -04:00
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
2013-06-10 15:33:37 -04:00
end
end