UX: Improve copying from IP lookup component.

- Removed trailing whitespaces caused by textarea. - Clicking the Copy button will show "copied" for 2 seconds.
2018-08-23 22:27:08 +02:00
parent 64c4171937
commit 5ccf581e1e
3 changed files with 12 additions and 4 deletions
@@ -88,10 +88,13 @@ export default Ember.Component.extend({
          text += `: ${location.phone}\n`;
        }
      }
-      const copyRange = $(`<textarea id="copy-range"></textarea>`);
-      copyRange.text(text);
+      const copyRange = $('<p id="copy-range"></p>');
+      copyRange.html(text.trim().replace("\n", "<br>"));
      $(document.body).append(copyRange);
-      copyText(text, copyRange[0]);
+      if (copyText(text, copyRange[0])) {
+        this.set("copied", true);
+        Ember.run.later(() => this.set("copied", false), 2000);
+      }
      copyRange.remove();
    },