fix: rename contact

Changes in some class names broke the replacement of the rename function fix #753
jsxc · Dec 14, 2018 · 2bbdd49 · 2bbdd49
1 parent 8e9fa60
commit 2bbdd49
Showing 1 changed file with 7 additions and 12 deletions.
diff --git a/src/ui/RosterItem.ts b/src/ui/RosterItem.ts
@@ -75,7 +75,7 @@ export default class RosterItem {
       avatar.addElement(this.element.find('.jsxc-avatar'));
 
       this.contact.registerHook('name', (newName) => {
-         this.element.find('.jsxc-name').text(newName);
+         this.element.find('.jsxc-bar__caption__primary').text(newName);
       });
 
       this.contact.registerHook('presence', () => {
@@ -136,14 +136,13 @@ export default class RosterItem {
 
    private rename() {
       let self = this;
-      let nameElement = this.element.find('.jsxc-name');
-      let optionsElement = this.element.find('.jsxc-last-msg, .jsxc-menu');
       let inputElement = $('<input type="text" name="name"/>');
 
       // hide more menu
       $('body').click();
 
-      inputElement.val(nameElement.text());
+      inputElement.addClass('jsxc-grow');
+      inputElement.val(this.contact.getName());
       inputElement.keypress(function(ev) {
          if (ev.which !== 13) {
             return;
@@ -159,24 +158,20 @@ export default class RosterItem {
          ev.stopPropagation();
       });
 
-      optionsElement.hide();
-      nameElement.hide();
-      nameElement.after(inputElement);
+      this.element.find('.jsxc-bar__caption, .jsxc-menu').hide();
+      this.element.find('.jsxc-avatar').after(inputElement);
 
       $('html').one('click', function() {
          self.endRename();
       });
    }
 
    private endRename() {
-      var nameElement = this.element.find('.jsxc-name');
-      var optionsElement = this.element.find('.jsxc-last-msg, .jsxc-menu');
-      var inputElement = this.element.find('input');
+      let inputElement = this.element.find('input');
 
       this.contact.setName(<string>inputElement.val());
 
       inputElement.remove();
-      optionsElement.show();
-      nameElement.show();
+      this.element.find('.jsxc-bar__caption, .jsxc-menu').show();
    }
 }