Add tag input field to wiki editor (#8260)

* add tag input field to wiki editor * fix code climate issue * leave space between tag_input field an other buttons
publiclab · Aug 11, 2020 · e97eff7 · e97eff7
1 parent 5fedc09
commit e97eff7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/app/controllers/wiki_controller.rb b/app/controllers/wiki_controller.rb
@@ -163,6 +163,9 @@ def create
                                               body:  params[:body])
       if saved
         flash[:notice] = I18n.t('wiki_controller.wiki_page_created')
+        params[:tags]&.tr(' ', ',')&.split(',')&.each do |tagname|
+          @node.add_tag(tagname.strip, current_user)
+        end
         if params[:main_image] && params[:main_image] != ''
           img = Image.find params[:main_image]
           img.nid = @node.id

diff --git a/app/views/editor/_tag_input.html.erb b/app/views/editor/_tag_input.html.erb
@@ -0,0 +1,6 @@
+<div class="input-group tags-input">
+            <div class="input-group-prepend">
+                <span class="input-group-text"><i class="fa fa-tags"></i></span>
+            </div>
+            <input autocomplete="off" class="form-control" id="taginput" tabindex="3" name="tags" type="text" <% if params[:tags] || (@node && @node.power_tag('question')) || (@node && @node.tagnames) %>value="<%= params[:tags] || @node.tagnames.join(',') %><%= ','+@node.power_tag('question') if @node && @node.power_tag('question') != '' %>"<% else %>placeholder="balloon-mapping,gulf-coast"<% end %> data-provide="typeahead" />
+          </div>
diff --git a/app/views/wiki/edit.html.erb b/app/views/wiki/edit.html.erb
@@ -71,6 +71,8 @@
 
           <%= render partial: 'editor/editor' %>
 
+          <%= render partial: 'editor/tag_input' %>
+          <br>
           <a id="publish" tabindex="5" class="publish btn btn-primary btn-lg"><%= translation('wiki.edit.publish') %></a>
           <a tabindex="6" data-previewing-text="<%= translation('wiki.edit.previewing_text') %>" class="btn btn-outline-secondary btn-lg preview-btn" onClick="$E.toggle_preview()"><%= translation('wiki.edit.preview') %></a>
           <a class="btn btn-outline-secondary btn-lg" href="/wiki/<%= params["id"] %>">Cancel</a>