From 41e11d9d3f5deb71d43ddd357c2383503070fd1d Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Mon, 14 Mar 2016 15:57:27 +0100
Subject: [PATCH] give sortable tables visual affordance that they're draggable

---
 .../app/controllers/_application_controller_table.coffee    | 1 +
 app/assets/javascripts/app/views/generic/table.jst.eco      | 6 ++++++
 app/assets/stylesheets/zammad.scss                          | 1 +
 3 files changed, 8 insertions(+)

diff --git a/app/assets/javascripts/app/controllers/_application_controller_table.coffee b/app/assets/javascripts/app/controllers/_application_controller_table.coffee
index e1b3c8b91..a9656dcaa 100644
--- a/app/assets/javascripts/app/controllers/_application_controller_table.coffee
+++ b/app/assets/javascripts/app/controllers/_application_controller_table.coffee
@@ -292,6 +292,7 @@ class App.ControllerTable extends App.Controller
       class:      @class
       destroy:    destroy
       callbacks:  @callbackAttributes
+      sortable: @dndCallback
     )
 
     # convert to jquery object
diff --git a/app/assets/javascripts/app/views/generic/table.jst.eco b/app/assets/javascripts/app/views/generic/table.jst.eco
index 322af181b..6bbf33c01 100644
--- a/app/assets/javascripts/app/views/generic/table.jst.eco
+++ b/app/assets/javascripts/app/views/generic/table.jst.eco
@@ -1,6 +1,9 @@
 <table class="table table-hover<%- " #{@class}" if @class %>">
   <thead>
     <tr>
+    <% if @sortable: %>
+      <th style="width: 36px"></th>
+    <% end %>
     <% if @checkbox: %>
       <th style="width: 40px" class="no-padding">
         <label class="checkbox-replacement">
@@ -49,6 +52,9 @@
   <% end %>
   <% position++ %>
   <tr class="item<%= ' is-inactive' if object.active is false %>" data-id="<%= object.id %>" data-position="<%= position %>" >
+    <% if @sortable: %>
+      <td><%- @Icon('draggable') %></td>
+    <% end %>
     <% if @checkbox: %>
       <td class="no-padding">
         <label class="checkbox-replacement">
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index ece5ef77f..d39064c56 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -924,6 +924,7 @@ th.align-right {
   }
 }
 
+.table .icon-draggable,
 .table .icon-trash {
   vertical-align: middle;
   fill: hsl(240,1%,77%);