contacts: add user details to search and info page

welco/contacts/templates/contacts/contact_detail_fragment.html

@@ -2,6 +2,16 @@
 <div class="contact">
 <input type="hidden" id="current-selected-user" name="current-selected-user" value="{{user_id}}"/>
 <h3>{{user_display_name}}</h3>
+{% if user_var_address or user_var_city %}
+<p>{{user_var_address}} / {{user_var_zipcode}} {{user_var_city}}</p>
+{% endif %}
+{% if user_var_phone or user_var_mobile %}
+<p>
+  {% if user_var_phone %}{% trans 'Phone:' %} {{user_var_phone}}{% endif %}
+  {% if user_var_mobile %}{% trans 'Mobile:' %} {{user_var_mobile}}{% endif %}
+</p>
+{% endif %}
+
 {% if forms %}
 <p>{% trans "Forms" %}</p>
 <ul>

welco/contacts/views.py

@@ -52,6 +52,9 @@ def search_json(request):
             raise Exception('error %r' % result)
         for user in result.get('data'):
             user['title'] = user['user_display_name']
+            more = [user.get('user_var_address'), user.get('user_var_phone'),
+                user.get('user_var_birthdate')]
+            user['more'] = ' / '.join([x for x in more if x])
             user['slug'] = 'user-%s' % user['user_id']
     else:
         result = {'data': []}

welco/static/css/style.css

@@ -190,6 +190,12 @@ ul.result li a:hover {
 	background: #eee;
 }
 
+ul.result li a span.more {
+	display: block;
+	color: #666;
+	font-size: 90%;
+}
+
 .kb div.page {
 	padding: 1ex;
 	line-height: 120%;

welco/static/js/welco.js

@@ -118,8 +118,12 @@ $(function() {
             function (response) {
                     search_result_ul.empty();
                     $(response.data).each(function(idx, elem) {
-                            $('<li><a href="#" data-page-slug="' + elem.slug + '">' + elem.title + '</a>' + '</li>'
-                             ).appendTo(search_result_ul);
+                       var new_elem = '<li><a href="#" data-page-slug="' + elem.slug + '">' + elem.title;
+                       if (elem.more) {
+                         new_elem = new_elem + ' <span class="more">' + elem.more + '</span>';
+                       }
+                       new_elem = new_elem + '</a></li>'
+                       $(new_elem).appendTo(search_result_ul);
                     });
             }
     );