implement autocomplete for tutor select

Gemfile

@@ -91,6 +91,11 @@ gem 'globalize'
 gem 'globalize-accessors'
 gem 'commontator'
 gem 'acts_as_votable'
+gem 'sprockets-rails',
+  git: 'https://github.com/rails/sprockets-rails',
+  branch: 'master'
+gem 'premailer-rails'
+gem 'select2-rails'
 
 group :development, :test do
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console

Gemfile.lock

@@ -439,6 +439,7 @@ GEM
       sprockets (> 3.0)
       sprockets-rails
       tilt
+    select2-rails (4.0.13)
     selectize-rails (0.12.6)
     selenium-webdriver (3.142.7)
       childprocess (>= 0.5, < 4.0)
@@ -570,6 +571,7 @@ DEPENDENCIES
   rspec-rails
   rubocop (~> 0.54.0)
   sass-rails (>= 6)
+  select2-rails
   selectize-rails
   selenium-webdriver
   shrine

app/assets/javascripts/application.js

@@ -19,6 +19,8 @@
 //= require selectize
 //= require jquery.fileDownload
 //= require jquery-ui
+//= require select2
+//= require select2_locale_de
 //= require trix
 //= require _selectize_turbolinks_fix
 //= require administration

app/assets/stylesheets/application.scss

@@ -67,6 +67,8 @@ $container-max-widths: (
 @import 'selectize';
 @import 'selectize.default';
 @import "trix";
+@import "select2";
+@import "select2-bootstrap";
 
 trix-toolbar .trix-button-row {
   flex-wrap: wrap;

app/controllers/users_controller.rb

@@ -33,6 +33,11 @@ def elevate
     end
   end
 
+  def list
+    search = User.search { fulltext params[:term] }
+    @users = search.results
+  end
+
   def list_generic_users
     result = User.where.not(id: @elevated_users.pluck(:id))
                  .map { |u| { value: u.id, text: u.info }}

app/models/ability.rb

@@ -115,7 +115,7 @@ def initialize(user)
       can :update, User do |u|
         user == u
       end
-      can [:teacher, :fill_user_select], User
+      can [:teacher, :fill_user_select, :list], User
       can :manage, [:event, :vertex]
       can [:take, :proceed, :preview], Quiz
       can [:new, :create, :edit, :open, :close, :set_alternatives,

app/models/user.rb

@@ -56,6 +56,11 @@ class User < ApplicationRecord
   # users can comment stuff
   acts_as_commontator
 
+  searchable do
+    text :name
+  end
+
+
   # returns the array of all teachers
   def self.teachers
     User.where(id: Lecture.pluck(:teacher_id).uniq)

app/views/tutorials/_form.html.erb

@@ -11,8 +11,8 @@
     </div>
     <div class="form-group col-4">
       <%= f.select :tutor_id,
-                   options_for_select(User.select_editors, tutorial&.tutor_id),
-                   { prompt: t('basics.select') },
+                   [[]],
+                   {},
                    { class: 'form-control' } %>
     </div>
     <div class="form-group col-4">

app/views/tutorials/edit.coffee

@@ -1,3 +1,25 @@
 $('.tutorialRow[data-id="<%= @tutorial.id %>"')
   .replaceWith('<%= j render partial: "tutorials/form",
-                      locals: { tutorial: @tutorial } %>')
+                      locals: { tutorial: @tutorial } %>')
+
+$('#tutorial_tutor_id').select2
+  ajax: {
+    url: Routes.list_users_path()
+    data: (params) ->
+      {
+        term: params.term
+      }
+    dataType: 'json'
+    delay: 200
+    processResults: (data) ->
+      {
+        results: data
+      }
+    cache: true
+  }
+  language: '<%= I18n.locale %>'
+  theme: 'bootstrap'
+  escapeMarkup: (markup) -> markup
+  minimumInputLength: 2
+  templateResult: (item) -> item.name
+  templateSelection: (item) -> item.name

app/views/users/list.json.jbuilder

@@ -0,0 +1,4 @@
+json.array! @users do |user|
+  json.id user.id
+  json.name user.info
+end

config/routes.rb

@@ -309,6 +309,8 @@
                                   as: 'list_generic_users'
   get 'users/fill_user_select', to: 'users#fill_user_select',
                               as: 'fill_user_select'
+  get 'users/list', to: 'users#list',
+                    as: 'list_users'
   resources :users, only: [:index, :edit, :update, :destroy]
 
   get 'examples/:id', to: 'erdbeere#show_example',