Show the domain when rendering a legacy registration form.

Also updated the changelog with #377

converse.js

@@ -4965,7 +4965,7 @@
                  */
                 var $form= this.$('form'),
                     $stanza = $(stanza),
-                    $fields;
+                    $fields, $input;
                 $form.empty().append(converse.templates.registration_form({
                     'domain': this.domain,
                     'title': this.title,
@@ -4973,17 +4973,28 @@
                 }));
                 if (this.form_type == 'xform') {
                     $fields = $stanza.find('field');
-                    _.each($fields, $.proxy(function (field) {
+                    _.each($fields, function (field) {
                         $form.append(utils.xForm2webForm.bind(this, $(field), $stanza));
-                    }, this));
+                    }.bind(this));
                 } else {
                     // Show fields
                     _.each(Object.keys(this.fields), $.proxy(function (key) {
+                        if (key == "username") {
+                            $input = templates.form_username({
+                                domain: ' @'+this.domain,
+                                name: key,
+                                type: "text",
+                                label: key,
+                                value: '',
+                                required: 1
+                            });
+                        } else {
                             $form.append('<label>'+key+'</label>');
-                        var $input = $('<input placeholder="'+key+'" name="'+key+'"></input>');
+                            $input = $('<input placeholder="'+key+'" name="'+key+'"></input>');
                             if (key === 'password' || key === 'email') {
                                 $input.attr('type', key);
                             }
+                        }
                         $form.append($input);
                     }, this));
                     // Show urls
@@ -5058,8 +5069,7 @@
                     return;
                 }
                 var $inputs = $(ev.target).find(':input:not([type=button]):not([type=submit])'),
-                    iq = $iq({type: "set"})
+                    iq = $iq({type: "set"}).c("query", {xmlns:Strophe.NS.REGISTER});
-                        .c("query", {xmlns:Strophe.NS.REGISTER})
 
                 if (this.form_type == 'xform') {
                     iq.c("x", {xmlns: Strophe.NS.XFORM, type: 'submit'});
@@ -5072,7 +5082,6 @@
                         iq.c($input.attr('name'), {}, $input.val());
                     });
                 }
-
                 converse.connection._addSysHandler(this._onRegisterIQ.bind(this), null, "iq", null, null);
                 converse.connection.send(iq);
                 this.setFields(iq.tree());

css/converse.css

@@ -965,13 +965,15 @@
     margin: 5px 0 10px 0;
     padding-left: 0.5em; }
   #conversejs #converse-register .input-group {
+    table-layout: fixed;
     display: table;
     margin: auto;
     width: 178px; }
+    #conversejs #converse-register .input-group span {
+      overflow-x: hidden;
+      text-overflow: ellipsis; }
     #conversejs #converse-register .input-group span, #conversejs #converse-register .input-group input[name=username] {
       display: table-cell; }
-    #conversejs #converse-register .input-group input[name=username] {
-      width: 100%; }
   #conversejs .cancel-submit, #conversejs .save-submit {
     width: 45%;
     margin: 5px 3px 5px 3px; }

docs/CHANGES.rst

@@ -6,6 +6,7 @@ Changelog
 
 * Add the ability to log in anonymously. [jcbrand]
 * Add the ability to log in automatically. [jcbrand]
+* #370 Unable to register a new user to ejabberd 2.1.11. [gbonvehi]
 * #374 Fix collapsed group visibility on page load. [floriancargoet]
 
 0.9.2 (2015-04-09)

sass/converse.scss

@@ -1135,15 +1135,17 @@
 
   #converse-register {
     .input-group {
+      table-layout: fixed;
       display: table;
       margin: auto;
       width: 178px;
+      span {
+          overflow-x: hidden;
+          text-overflow: ellipsis;
+      }
       span, input[name=username] {
           display: table-cell;
       }
-      input[name=username] {
-        width: 100%;
-      }
     }
   }
 

src/templates/form_username.html

@@ -7,5 +7,5 @@
     <input name="{{name}}" type="{{type}}"
         {[ if (value) { ]} value="{{value}}" {[ } ]}
         {[ if (required) { ]} class="required" {[ } ]} />
-    <span>{{domain}}</span>
+    <span title="{{domain}}">{{domain}}</span>
 </div>