Set common tags for all uploads, with auto-completion

1 files changed, 24 insertions, 0 deletions

diff --git a/client/js/views/post_upload_view.js b/client/js/views/post_upload_view.js
index b4d0c40..f55b635 100644
--- a/client/js/views/post_upload_view.js
+++ b/client/js/views/post_upload_view.js
@@ -7,6 +7,10 @@ const FileDropperControl = require('../controls/file_dropper_control.js');
 const template = views.getTemplate('post-upload');
 const rowTemplate = views.getTemplate('post-upload-row');
 
+const misc = require('../util/misc.js');
+const TagAutoCompleteControl =
+    require('../controls/tag_auto_complete_control.js');
+
 function _mimeTypeToPostType(mimeType) {
     return {
         'application/x-shockwave-flash': 'flash',
@@ -171,6 +175,16 @@ class PostUploadView extends events.EventTarget {
             'click', e => this._evtCancelButtonClick(e));
         this._formNode.addEventListener('submit', e => this._evtFormSubmit(e));
         this._formNode.classList.add('inactive');
+
+        if (this._commonTagsInputNode) {
+            this._autoCompleteControl = new TagAutoCompleteControl(
+                this._commonTagsInputNode,
+                {
+                    confirm: tag =>
+                        this._autoCompleteControl.replaceSelectedText(
+                            misc.escapeSearchTerm(tag.names[0]), true),
+                });
+        }
     }
 
     enableForm() {
@@ -294,6 +308,12 @@ class PostUploadView extends events.EventTarget {
         }
 
         uploadable.tags = [];
+        if (this._commonTagsInputNode) {
+            var tags = this._commonTagsInputNode.value.split(' ');
+            tags = tags.filter(t => t != "");
+            uploadable.tags = uploadable.tags.concat(tags);
+        }
+        
         uploadable.relations = [];
         for (let [i, lookalike] of uploadable.lookalikes.entries()) {
             let lookalikeNode = rowNode.querySelector(
@@ -401,6 +421,10 @@ class PostUploadView extends events.EventTarget {
     get _contentInputNode() {
         return this._formNode.querySelector('.dropper-container');
     }
+
+    get _commonTagsInputNode() {
+        return this._formNode.querySelector('form [name=common-tags');
+    }
 }
 
 module.exports = PostUploadView;