Add subtasks drag and drop

app/Template/subtask/menu.php

@@ -1,16 +1,6 @@
 <div class="dropdown">
     <a href="#" class="dropdown-menu dropdown-menu-link-icon"><i class="fa fa-cog fa-fw"></i><i class="fa fa-caret-down"></i></a>
     <ul>
-        <?php if ($subtask['position'] != $first_position): ?>
-            <li>
-                <?= $this->url->link(t('Move Up'), 'subtask', 'movePosition', array('project_id' => $task['project_id'], 'task_id' => $subtask['task_id'], 'subtask_id' => $subtask['id'], 'direction' => 'up', 'redirect' => $redirect), true) ?>
-            </li>
-        <?php endif ?>
-        <?php if ($subtask['position'] != $last_position): ?>
-            <li>
-                <?= $this->url->link(t('Move Down'), 'subtask', 'movePosition', array('project_id' => $task['project_id'], 'task_id' => $subtask['task_id'], 'subtask_id' => $subtask['id'], 'direction' => 'down', 'redirect' => $redirect), true) ?>
-            </li>
-        <?php endif ?>
         <li>
             <?= $this->url->link(t('Edit'), 'subtask', 'edit', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'subtask_id' => $subtask['id']), false, 'popover') ?>
         </li>

app/Template/subtask/show.php

@@ -4,7 +4,7 @@
 
 <div id="subtasks">
 
-    <?= $this->render('subtask/table', array('subtasks' => $subtasks, 'task' => $task, 'editable' => $editable, 'redirect' => $redirect)) ?>
+    <?= $this->render('subtask/table', array('subtasks' => $subtasks, 'task' => $task, 'editable' => $editable)) ?>
 
     <?php if ($editable && $this->user->hasProjectAccess('subtask', 'save', $task['project_id'])): ?>
         <form method="post" action="<?= $this->url->href('subtask', 'save', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>" autocomplete="off">

app/Template/subtask/table.php

@@ -3,7 +3,11 @@
     <?php $first_position = $subtasks[0]['position']; ?>
     <?php $last_position = $subtasks[count($subtasks) - 1]['position']; ?>
 
-    <table class="subtasks-table">
+    <table
+        class="subtasks-table table-stripped"
+        data-save-position-url="<?= $this->url->href('Subtask', 'movePosition', array('project_id' => $task['project_id'], 'task_id' => $task['id'])) ?>"
+    >
+    <thead>
         <tr>
             <th class="column-40"><?= t('Title') ?></th>
             <th><?= t('Assignee') ?></th>
@@ -12,10 +16,13 @@
                 <th class="column-5"></th>
             <?php endif ?>
         </tr>
+    </thead>
+    <tbody>
         <?php foreach ($subtasks as $subtask): ?>
-        <tr>
+        <tr data-subtask-id="<?= $subtask['id'] ?>">
             <td>
                 <?php if ($editable): ?>
+                    <i class="fa fa-arrows-alt draggable-row-handle" title="<?= t('Move subtask position') ?>"></i>
                     <?= $this->subtask->toggleStatus($subtask, $task['project_id'], true) ?>
                 <?php else: ?>
                     <?= $this->subtask->getTitle($subtask) ?>
@@ -58,12 +65,12 @@
                         'subtask' => $subtask,
                         'first_position' => $first_position,
                         'last_position' => $last_position,
-                        'redirect' => $redirect,
                     )) ?>
                 </td>
             <?php endif ?>
         </tr>
         <?php endforeach ?>
+    </tbody>
     </table>
 <?php else: ?>
     <p class="alert"><?= t('There is no subtask at the moment.') ?></p>