Image alias autocomplete

boards/static/js/form.js

@@ -1,4 +1,6 b''
 var ITEM_FILE_SOURCE = 'fileSource';
+var URL_STICKERS = '/api/stickers'
+var MIN_INPUT_LENGTH = 3;
 
 $('input[name=image]').wrap($('<div class="file_wrap"></div>'));
 
@@ -138,4 +140,32 b' function selectFileChoice() {'
     } else {
         $fileSourceButton.hide();
     }
+
+    $('#id_file_url').autocomplete({
+        source: function( request, response ) {
+            $.getJSON(URL_STICKERS, {
+                term: request.term
+            }, response);
+        },
+        search: function() {
+            // custom minLength
+            var term = this.value;
+            if (term.length < MIN_INPUT_LENGTH) {
+                return false;
+            }
+        },
+        focus: function() {
+            // prevent value inserted on focus
+            return false;
+        },
+        select: function( event, ui ) {
+            this.value = ui.item.alias;
+            return false;
+        }
+    })
+    .autocomplete( "instance" )._renderItem = function( ul, item ) {
+        return $( "<li>" )
+            .append( "<div>" + '<img src="' + item.thumb + '">' + '<br />' + item.alias + "</div>" )
+            .appendTo( ul );
+    };
 });

boards/urls.py

@@ -75,6 +75,7 b' urlpatterns = ['
             name='api_notifications'),
     url(r'^api/preview/$', api.api_get_preview, name='preview'),
     url(r'^api/new_posts/$', api.api_get_new_posts, name='new_posts'),
+    url(r'^api/stickers/$', api.api_get_stickers, name='get_stickers'),
 
     # Sync protocol API
     url(r'^api/sync/list/$', response_list, name='api_sync_list'),

boards/views/api.py

@@ -10,11 +10,12 b' from django.views.decorators.csrf import'
 from boards.abstracts.settingsmanager import get_settings_manager
 from boards.forms import PostForm, PlainErrorList
 from boards.mdx_neboard import Parser
-from boards.models import Post, Thread, Tag
+from boards.models import Post, Thread, Tag, Attachment
 from boards.models.thread import STATUS_ARCHIVE
 from boards.models.user import Notification
 from boards.utils import datetime_to_epoch
 from boards.views.thread import ThreadView
+from boards.models.attachment.viewers import FILE_TYPES_IMAGE
 
 __author__ = 'neko259'
 
@@ -188,6 +189,21 b' def api_get_tags(request):'
     return HttpResponse(content=json.dumps(tag_names))
 
 
+def api_get_stickers(request):
+    attachments = Attachment.objects.filter(mimetype__in=FILE_TYPES_IMAGE)\
+        .exclude(alias='').exclude(alias=None)
+
+    term = request.GET.get('term')
+    if term:
+        attachments = attachments.filter(alias__startswith=term)
+
+    image_dict = [{'thumb': attachment.get_thumb_url(),
+                   'alias': attachment.alias}
+                  for attachment in attachments]
+
+    return HttpResponse(content=json.dumps(image_dict))
+
+
 # TODO The result can be cached by the thread last update time
 # TODO Test this
 def api_get_thread_posts(request, opening_post_id):