From 386a7526693d80d01503a03e26ea84043f917c81 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Mon, 15 Feb 2016 12:48:52 +0100
Subject: [PATCH 1/3] column select: prevent enter from bubbling

---
 app/assets/javascripts/app/lib/app_post/column_select.coffee | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/assets/javascripts/app/lib/app_post/column_select.coffee b/app/assets/javascripts/app/lib/app_post/column_select.coffee
index 316f8708a..ec3f1307e 100644
--- a/app/assets/javascripts/app/lib/app_post/column_select.coffee
+++ b/app/assets/javascripts/app/lib/app_post/column_select.coffee
@@ -90,6 +90,9 @@ class App.ColumnSelect extends Spine.Controller
 
   onFilterKeydown: (event) ->
     return if event.keyCode != 13
+    
+    event.stopPropagation()
+    event.preventDefault()
 
     firstVisibleOption = @poolOptions.not('.is-filtered').not('.is-hidden').first()
     if firstVisibleOption

From 479cf9df034bc5c5bf323849ca718ed86fc626cc Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Mon, 15 Feb 2016 16:36:34 +0100
Subject: [PATCH 2/3] chat settings: adjust controls

---
 .../javascripts/app/views/customer_chat/setting.jst.eco     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/views/customer_chat/setting.jst.eco b/app/assets/javascripts/app/views/customer_chat/setting.jst.eco
index ed4f22deb..a80c1203e 100644
--- a/app/assets/javascripts/app/views/customer_chat/setting.jst.eco
+++ b/app/assets/javascripts/app/views/customer_chat/setting.jst.eco
@@ -23,9 +23,9 @@
 <% for chat in @chats: %>
     <tr>
       <td><%= chat.name %>
-      <td><label class="inline-label"><input name="chat::phrase::<%- chat.id %>" value="<%= @preferences.chat.phrase[chat.id] %>" class="form-control form-control--small" placeholder="<%- @T('Hello, my name is %s, what can I do for you?', App.Session.get('firstname')) %>"/></label>
-      <td>
-        <label class="inline-label checkbox-replacement">
+      <td class="settings-list-control-cell"><label class="inline-label"><input name="chat::phrase::<%- chat.id %>" value="<%= @preferences.chat.phrase[chat.id] %>" class="form-control form-control--small" placeholder="<%- @T('Hello, my name is %s, what can I do for you?', App.Session.get('firstname')) %>"/></label>
+      <td class="u-positionOrigin">
+        <label class="checkbox-replacement checkbox-replacement--fullscreen">
             <input type="checkbox" name="chat::active::<%- chat.id %>" <% if @preferences.chat.active[chat.id]: %>checked<% end %>>
             <%- @Icon('checkbox', 'icon-unchecked') %>
             <%- @Icon('checkbox-checked', 'icon-checked') %>

From 6e287ac0a168be496079ed52af09757b9dca6813 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Mon, 15 Feb 2016 16:43:07 +0100
Subject: [PATCH 3/3] column select: disable double click

---
 .../app/lib/app_post/column_select.coffee        | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/lib/app_post/column_select.coffee b/app/assets/javascripts/app/lib/app_post/column_select.coffee
index ec3f1307e..cbbb84178 100644
--- a/app/assets/javascripts/app/lib/app_post/column_select.coffee
+++ b/app/assets/javascripts/app/lib/app_post/column_select.coffee
@@ -25,6 +25,14 @@ class App.ColumnSelect extends Spine.Controller
     super
     @render()
 
+    @throttledRemove = _.throttle =>
+      @remove @pickedValue
+    , 300, {trailing: false}
+
+    @throttledSelect = _.throttle =>
+      @select @pickedValue
+    , 300, {trailing: false}
+
   render: ->
     @values = []
     _.each @options.attribute.options, (option) =>
@@ -43,7 +51,8 @@ class App.ColumnSelect extends Spine.Controller
     # , 0
 
   onSelect: (event) ->
-    @select $(event.currentTarget).attr('data-value')
+    @pickedValue = $(event.currentTarget).attr('data-value')
+    @throttledSelect()
 
   select: (value) ->
     @selected.find("[data-value='#{value}']").removeClass 'is-hidden'
@@ -58,7 +67,8 @@ class App.ColumnSelect extends Spine.Controller
       @clear()
 
   onRemove: (event) ->
-    @remove $(event.currentTarget).attr('data-value')
+    @pickedValue = $(event.currentTarget).attr('data-value')
+    @throttledRemove()
 
   remove: (value) ->
     @pool.find("[data-value='#{value}']").removeClass 'is-hidden'
@@ -90,7 +100,7 @@ class App.ColumnSelect extends Spine.Controller
 
   onFilterKeydown: (event) ->
     return if event.keyCode != 13
-    
+
     event.stopPropagation()
     event.preventDefault()