registration email with pictures

proj/settings.py

@@ -223,21 +223,21 @@ LOGIN_URL='/'
 #registration info
 ACCOUNT_ACTIVATION_DAYS=2
 # mail settings
-EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
-EMAIL_HOST = 'localhost'
-EMAIL_HOST_USER = ''
-EMAIL_HOST_PASSWORD = ''
-EMAIL_USE_TLS = False
-EMAIL_PORT = 25
+#EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
+#EMAIL_HOST = 'localhost'
+#EMAIL_HOST_USER = ''
+#EMAIL_HOST_PASSWORD = ''
+#EMAIL_USE_TLS = False
+#EMAIL_PORT = 25
 #test
-#EMAIL_USE_TLS = True
-#EMAIL_HOST = 'smtp.gmail.com'
-#EMAIL_HOST_USER = 'kotzilla'
-#EMAIL_HOST_USER = 'kotzillla@gmail.com'
-#EMAIL_HOST_PASSWORD = 'fitteR2006!'
-
-#EMAIL_PORT = 587
-#DEFAULT_FROM_EMAIL = 'kotzillla@gmail.com'
+EMAIL_USE_TLS = True
+EMAIL_HOST = 'smtp.gmail.com'
+EMAIL_HOST_USER = 'kotzilla'
+EMAIL_HOST_USER = 'kotzillla@gmail.com'
+EMAIL_HOST_PASSWORD = 'fitteR2006!'
+
+EMAIL_PORT = 587
+DEFAULT_FROM_EMAIL = 'kotzillla@gmail.com'
 
 
 AUTHENTICATION_BACKENDS = (

registration/backends/default/views.py

@@ -34,7 +34,7 @@ class RegistrationView(BaseRegistrationView):
 
     * The creation of the templates
       ``registration/activation_email_subject.txt`` and
-      ``registration/activation_email.txt``, which will be used for
+      ``registration/activation_email.html``, which will be used for
       the activation email. See the notes for this backends
       ``register`` method for details regarding these templates.
 

registration/models.py

@@ -2,13 +2,15 @@ import datetime
 import hashlib
 import random
 import re
-
+from django.core.mail import EmailMessage
 from django.conf import settings
 from django.contrib.auth.models import User
 from django.db import models
 from django.db import transaction
-from django.template.loader import render_to_string
+from django.template.loader import render_to_string, get_template
+from django.template import Context
 from django.utils.translation import ugettext_lazy as _
+from email.MIMEImage import MIMEImage
 
 try:
     from django.contrib.auth import get_user_model
@@ -232,7 +234,7 @@ class RegistrationProfile(models.Model):
             text; output longer than one line will be forcibly joined
             into only a single line.
 
-        ``registration/activation_email.txt``
+        ``registration/activation_email.html``
             This template will be used for the body of the email.
 
         These templates will each receive the following context
@@ -256,15 +258,33 @@ class RegistrationProfile(models.Model):
             framework for details regarding these objects' interfaces.
 
         """
+        user = self.user
         ctx_dict = {'activation_key': self.activation_key,
                     'expiration_days': settings.ACCOUNT_ACTIVATION_DAYS,
-                    'site': site}
+                    'site': site,
+                    'user': user}
         subject = render_to_string('registration/activation_email_subject.txt',
                                    ctx_dict)
         # Email subject *must not* contain newlines
         subject = ''.join(subject.splitlines())
+
+        message = get_template('registration/activation_email.html').render(Context(ctx_dict))
+        msg = EmailMessage(subject, message, settings.DEFAULT_FROM_EMAIL, [user.email])
+        msg.content_subtype = "html"
+        images =(('/img/logo_reg.png', 'logo'),
+                 ('/img/soc-medias/sm-icon-rss.png', 'rss'),
+                 ('/img/soc-medias/sm-icon-fb.png', 'fb'),
+                 ('/img/soc-medias/sm-icon-lin.png', 'linkedin'),
+                 ('/img/soc-medias/sm-icon-vk.png', 'vk'),
+                 ('/img/soc-medias/sm-icon-twit.png', 'twit'),
+                 ('/img/mail-logo-2.jpg','logo2'))
+        for img in images:
+            fp = open(settings.STATIC_ROOT+img[0], 'rb')
+            msg_img = MIMEImage(fp.read())
+            fp.close()
+            msg_img.add_header('Content-ID', '<'+img[1]+'>')
+            msg.attach(msg_img)
+
+        msg.send()
         
-        message = render_to_string('registration/activation_email.txt',
-                                   ctx_dict)
-        
-        self.user.email_user(subject, message, settings.DEFAULT_FROM_EMAIL)
+        #self.user.email_user(subject, message, settings.DEFAULT_FROM_EMAIL)

templates/registration/activation_email.html

@@ -0,0 +1,114 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html style="margin: 0; padding: 0; height: 100%;">
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+</head>
+<body style="margin: 0; padding: 0; min-height: 100%; background: #f4f2ee;">
+<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" bgcolor="#f4f2ee" style="font-family: Arial, sans-serif; background: #f4f2ee;">
+    <tr>
+        <td align="center" style="padding: 50px 0">
+
+            <table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px;">
+                <tr>
+                    <td style="vertical-align: top;">
+                        <div class="logo">
+                            <a style="text-decoration: none; color: #a2a2a2; font-size: 12px;" href="#">
+                                <img src="cid:logo" alt="Expomap.ru" />
+                                <b style="display: block; padding-left: 67px; margin-top: -5px;">Выставки, конференции, семинары</b>
+                            </a>
+                        </div>
+                    </td>
+                    <td style="vertical-align: top; padding-top: 22px;">
+                        <ul class="t-links" style="margin: 0 0 15px; padding: 0; list-style: none; text-align: right; font-size: 16px; line-height: 17px; font-weight: bold;">
+                            <li style="display: inline-block;"><a style="text-decoration: none; color: #ff6600" href="#">СОБЫТИЯ</a></li>
+                            <li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">МЕСТА</a></li>
+                            <li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">УЧАСТНИКИ</a></li>
+                        </ul>
+
+                        <ul class="soc-media-buttons" style="margin: 0; padding: 0; list-style: none; text-align: right;">
+                            <li style="display: inline-block;"><a href="#"><img src="cid:rss" title="RSS" alt="RSS" /></a></li>
+                            <li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="cid:fb" title="Facebook" alt="Facebook" /></a></li>
+                            <li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="cid:linkedin" title="LinkedIn" alt="LinkedIn" /></a></li>
+                            <li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="cid:vk" title="В контакте" alt="В контакте" /></a></li>
+                            <li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="cid:twit" title="Twitter" alt="Twitter" /></a></li>
+                        </ul>
+                    </td>
+                </tr>
+            </table>
+
+            <table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;">
+                <tr>
+                    <td style="padding: 20px 0 0;"><p style="display: block; padding: 25px 30px; text-decoration: none; background: #ff6600; color: #ffffff; font-size: 20px; line-height: 26px; margin-bottom: 0;" >Ваша регистрация на портале <a href="http://expomap.ru/" style="color: #ffffff;text-decoration: none;border-bottom: 1px dashed #ee3824;">Expomap</a></p></td>
+                </tr>
+                <tr>
+                    <td style="padding: 10px 30px 15px; background: #faf9f7;">
+
+                        <table cellpadding="0" cellspacing="0" border="0" width="540" style="margin-bottom: 15px;">
+
+                            <tr valign="top">
+                                <td style="padding: 15px 0 36px 0;">
+                                   <p style="font-weight: bold;color: #003e79;margin: 0;">Добрый день, {{ user.first_name }}!</p>
+                                </td>
+                            </tr>
+                           <tr valign="top">
+                                <td style="padding: 0 0 32px 0;">
+                                   <p>Благодарим за регистрацию! Остался 1 шаг - подтвердить Ваш электронный адрес, нажав на кнопку:</p>
+                                </td>
+                            </tr>
+                           <tr valign="top">
+                               <td style="padding: 0 0 42px 0; text-align: center;">
+                                   <a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #2592c5; font-size: 14px; font-weight: bold; line-height: 14px; border: 1px solid #90c7e0; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 336px;" href="http://{{ site }}/accounts/activate/{{ activation_key }}/">подтвердить регистрацию</a>
+                               </td>
+                           </tr>
+                           <tr valign="top">
+                               <td style="padding: 0 0 32px 0; text-align: left; border-bottom: 1px dotted #cccccc;">
+                                   <p style="margin: 0;">Ваш логин: {{ user.email }}</p>
+                               </td>
+                           </tr>
+                           <tr valign="top">
+                               <td style="padding:32px 0 20px 0; text-align: left;">
+                                   В личном кабинете вам доступен собственный профиль, персональная лента <span style="border-bottom: 1px dashed #ee3824;">событий</span>,свое расписание, сообщения и многое другое.
+                               </td>
+                           </tr>
+
+                        </table>
+
+
+
+                    </td>
+                </tr>
+            </table>
+
+            <table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; border-bottom: 1px dotted #cccccc;">
+                <tr>
+                    <td style="vertical-align: top; padding: 15px 0 10px;">
+                        <div class="logo">
+                            <a style="text-decoration: none; color: #a2a2a2; font-size: 12px;" href="#">
+                                <img src="cid:logo2" alt="Expomap.ru" />
+                            </a>
+                        </div>
+                    </td>
+                    <td style="vertical-align: top; padding: 25px 0 5px;">
+                        <ul class="t-links" style="margin: 0 0 15px; padding: 0; list-style: none; text-align: right; font-size: 14px; line-height: 15px; font-weight: bold;">
+                            <li style="display: inline-block;"><a style="text-decoration: none; color: #ff6600" href="#">СОБЫТИЯ</a></li>
+                            <li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">МЕСТА</a></li>
+                            <li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">УЧАСТНИКИ</a></li>
+                        </ul>
+                    </td>
+                </tr>
+            </table>
+            <table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; font-size: 12px; line-height: 15px;">
+                <tr>
+                    <td style="vertical-align: top; padding: 15px 0 15px; color: #a2a2a2; text-align: right;">
+                        © 2018 — 2013 <a style="color: #a2a2a2; text-decoration: none;" href="#">Expomap.ru</a>
+                    </td>
+                </tr>
+            </table>
+
+        </td>
+    </tr>
+</table>
+</body>
+</html>

templates/registration/activation_email.txt

@@ -1,6 +0,0 @@
-
-Someone, hopefully you, signed up for a new account at {{ site }} using this email address. If it was you, and you'd like to activate and use your account, click the link below or copy and paste it into your web browser's address bar:
-
-http://{{ site }}/accounts/activate/{{ activation_key }}/
-
-If you didn't request this, you don't need to do anything; you won't receive any more email from us, and the account will expire automatically in {{ expiration_days }} days.