From 299ee246fc633db67b48ea6282621405f2a8c445 Mon Sep 17 00:00:00 2001
From: Abhijeet Kasurde <akasurde@redhat.com>
Date: Mar 20 2017 18:35:48 +0000
Subject: Add user suggestion for new_issue


Fixes https://pagure.io/pagure/issue/2127

Signed-off-by: Abhijeet Kasurde <akasurde@redhat.com>

---

diff --git a/pagure/templates/new_issue.html b/pagure/templates/new_issue.html
index e808883..9356d7a 100644
--- a/pagure/templates/new_issue.html
+++ b/pagure/templates/new_issue.html
@@ -10,6 +10,8 @@
 {% block header %}
 <link href="{{ url_for('static', filename='emoji/emojione.sprites.css') }}"
   rel="stylesheet" />
+<link href="{{ url_for('static', filename='atwho/jquery.atwho.css') }}"
+  rel="stylesheet" />
 {% endblock %}
 
 
@@ -137,6 +139,13 @@
 <script type="text/javascript"
     src="{{ url_for('static', filename='emoji/emojicomplete.js') }}">
 </script>
+<script type="text/javascript"
+    src="{{ url_for('static', filename='atwho/jquery.caret.min.js') }}">
+</script>
+<script type="text/javascript"
+    src="{{ url_for('static', filename='atwho/jquery.atwho.min.js') }}">
+</script>
+
 <script type="text/javascript">
 {% if authenticated and form %}
 $(document).ready(function() {
@@ -156,6 +165,20 @@ $(document).ready(function() {
     $("#issue_content").val(_txt + '<!!image>');
   });
 
+  // List username in @ drop-down
+  $.get("{{ url_for('api_ns.api_users') }}", {
+    pattern: '*'
+  }).done(function(resp) {
+    var userConfig = {
+      at: '@',
+      data: resp['mention'],
+      insertTpl: '@${username}',
+      displayTpl: "<li><img src=\"${image}\"> ${username} <small>${name}</small></li>",
+      searchKey: "username"
+    }
+    $("#issue_content").atwho(userConfig);
+  });
+
   var emojiStrategy;
   $.getJSON(
     '{{ url_for("static", filename="emoji/emoji_strategy.json") }}',