Add contact to address book when composing mail.

modoboa_webmail/lib/imapemail.py

@@ -51,13 +51,12 @@ def _insert_contact_links(self, addresses):
         """Insert 'add to address book' links."""
         result = []
         title = _("Add to contacts")
-        url = reverse("api:contact-list")
         link_tpl = (
-            " <a class='addcontact' href='{}' title='{}'>"
+            " <a class='addcontact' href='#' title='{}'>"
             "<span class='fa fa-vcard'></span></a>"
         )
         for address in addresses:
-            address += link_tpl.format(url, title)
+            address += link_tpl.format(title)
             result.append(address)
         return result
 

modoboa_webmail/static/modoboa_webmail/js/webmail.js

@@ -24,7 +24,9 @@ Webmail.prototype = {
         ro_mboxes: ["INBOX"],
         trash: "",
         hdelimiter: '.',
-        mboxes_col_width: 200
+        mboxes_col_width: 200,
+        contactListUrl: null,
+        contactAddUrl: null
     },
 
     initialize: function(options) {
@@ -1145,11 +1147,12 @@ Webmail.prototype = {
                 valueField: 'address',
                 searchField: 'address',
                 options: [],
-                create: function (input) {
+                create: $.proxy(function (input) {
+                    this.createContact(input, input);
                     return {
                         address: input
                     };
-                },
+                }, this),
                 load: function (query, callback) {
                     if (!query.length) {
                         callback();
@@ -1434,6 +1437,22 @@ Webmail.prototype = {
         });
     },
 
+    createContact: function (name, address) {
+        var data = {
+            'display_name': name,
+            emails: [{address: address, type: 'other'}]
+        };
+        $.ajax({
+            url: this.options.contactAddUrl,
+            data: JSON.stringify(data),
+            type: 'POST',
+            dataType: 'json',
+            contentType: 'application/json'
+        }).done(function (data) {
+            $("body").notify("success", gettext("Contact added!"), 2000);
+        });
+    },
+
     /**
      * Add a new contact to address book.
      */
@@ -1449,34 +1468,17 @@ Webmail.prototype = {
         } else {
             name = $span.html();
         }
-
-        var createContact = function () {
-            var data = {
-                'display_name': name,
-                emails: [{address: address, type: 'other'}]
-            };
-            $.ajax({
-                url: $link.attr('href'),
-                data: JSON.stringify(data),
-                type: 'POST',
-                dataType: 'json',
-                contentType: 'application/json'
-            }).done(function(data) {
-                $("body").notify("success", gettext("Contact added!"), 2000);
-            });
-        };
-
         $.ajax({
             url: '{0}?search={1}'.format(this.options.contactListUrl, address)
-        }).success(function (data) {
+        }).success($.proxy(function (data) {
             if (data.length) {
                 $('body').notify(
                     'warning', gettext('A contact with this address already exists'),
                     1500);
                 return;
             }
-            createContact();
-        });
+            this.createContact(name, address);
+        }, this));
     },
 
     /**

modoboa_webmail/templates/modoboa_webmail/index.html

@@ -15,25 +15,28 @@
 <script type="text/javascript" src="{% static 'js/jquery.infinitescroll.js' %}"></script>
 <script type="text/javascript" src="{% static 'modoboa_webmail/js/webmail.js' %}"></script>
 <script type="text/javascript">
-var webmail = undefined;
+ var webmail = undefined;
 
-$(document).ready(function() {
-    webmail = new Webmail({
-        poller_interval: {{ refreshrate }},
-        poller_url: "{% url 'modoboa_webmail:unseen_messages_check' %}",
-        listing_url: "{% url 'modoboa_webmail:index' %}?action=listmailbox",
-        move_url: "{% url 'modoboa_webmail:mail_move' %}",
-        submboxes_url: "{% url 'modoboa_webmail:submailboxes_get' %}",
-        delattachment_url: "{% url 'modoboa_webmail:attachment_delete' %}",
-        contactListUrl: {% if contacts_plugin_enabled %}"{% url 'api:emailaddress-list' %}"{% else %}null{% endif %},
-        deflocation: "{{ deflocation }}",
-        defcallback: "{{ defcallback }}",
-        ro_mboxes: {% tolist ro_mboxes %},
-        trash: "{{ trash }}",
-        hdelimiter: '{{ hdelimiter }}',
-        mboxes_col_width: {{ mboxes_col_width }}
-    });
-});
+ $(document).ready(function() {
+     webmail = new Webmail({
+         poller_interval: {{ refreshrate }},
+         poller_url: "{% url 'modoboa_webmail:unseen_messages_check' %}",
+         listing_url: "{% url 'modoboa_webmail:index' %}?action=listmailbox",
+         move_url: "{% url 'modoboa_webmail:mail_move' %}",
+         submboxes_url: "{% url 'modoboa_webmail:submailboxes_get' %}",
+         delattachment_url: "{% url 'modoboa_webmail:attachment_delete' %}",
+         {% if contacts_plugin_enabled %}
+         contactListUrl: "{% url 'api:emailaddress-list' %}",
+         contactAddUrl: "{% url 'api:contact-list' %}",
+         {% endif %}
+         deflocation: "{{ deflocation }}",
+         defcallback: "{{ defcallback }}",
+         ro_mboxes: {% tolist ro_mboxes %},
+         trash: "{{ trash }}",
+         hdelimiter: '{{ hdelimiter }}',
+         mboxes_col_width: {{ mboxes_col_width }}
+     });
+ });
 </script>
 {% endblock %}