- Markdown supported in column description.

- Project > Edit Board and Project Summary pages now show description as tooltip.
- Project > Edit Board shows textarea with markdown preview. Edit column also shows markdown preview.
- Fixed bug while adding a new column inserts description as column limit.

3 files changed, 50 insertions, 11 deletions

diff --git a/app/Template/board/edit.php b/app/Template/board/edit.php
index 25a8eded..75f2b4f5 100644
--- a/app/Template/board/edit.php
+++ b/app/Template/board/edit.php
@@ -6,16 +6,20 @@
 <table>
     <tr>
         <th><?= t('Column title') ?></th>
-        <th><?= t('Description') ?></th>
         <th><?= t('Task limit') ?></th>
         <th><?= t('Actions') ?></th>
     </tr>
     <?php foreach ($columns as $column): ?>
     <tr>
-        <td class="column-30"><?= $this->e($column['title']) ?></td>
-        <td><?= $this->e($column['description']) ?></td>
+        <td class="column-60"><?= $this->e($column['title']) ?>
+         <?php if (! empty($column['description'])): ?>
+            <span class="column-tooltip" title="<?= $this->markdown($column['description']) ?>">     
+                <i class="fa fa-info-circle"></i>
+            </span>
+        <?php endif ?>
+        </td>
         <td class="column-10"><?= $this->e($column['task_limit']) ?></td>
-        <td class="column-20">
+        <td class="column-30">
             <ul>
                 <li>
                     <?= $this->a(t('Edit'), 'board', 'editColumn', array('project_id' => $project['id'], 'column_id' => $column['id'])) ?>
@@ -48,8 +52,28 @@
 
     <?= $this->formLabel(t('Title'), 'title') ?>
     <?= $this->formText('title', $values, $errors, array('required', 'maxlength="50"')) ?>
+    
+    <?= $this->formLabel(t('Task limit'), 'task_limit') ?>
+    <?= $this->formNumber('task_limit', $values, $errors) ?>
+    
     <?= $this->formLabel(t('Description'), 'description') ?>
-    <?= $this->formTextarea('description', $values, $errors) ?>
+    
+    <div class="form-tabs">
+        <ul class="form-tabs-nav">
+            <li class="form-tab form-tab-selected">
+                <i class="fa fa-pencil-square-o fa-fw"></i><a id="markdown-write" href="#"><?= t('Write') ?></a>
+            </li>
+            <li class="form-tab">
+                <a id="markdown-preview" href="#"><i class="fa fa-eye fa-fw"></i><?= t('Preview') ?></a>
+            </li>
+        </ul>
+        <div class="write-area">
+          <?= $this->formTextarea('description', $values, $errors) ?>
+        </div>
+        <div class="preview-area">
+            <div class="markdown"></div>
+        </div>
+    </div>
     <div class="form-help"><a href="http://kanboard.net/documentation/syntax-guide" target="_blank" rel="noreferrer"><?= t('Write your text in Markdown') ?></a></div>
 
     <div class="form-actions">
diff --git a/app/Template/board/edit_column.php b/app/Template/board/edit_column.php
index 0d41bfbe..397e1d23 100644
--- a/app/Template/board/edit_column.php
+++ b/app/Template/board/edit_column.php
@@ -16,7 +16,24 @@
     <?= $this->formNumber('task_limit', $values, $errors) ?>
 
     <?= $this->formLabel(t('Description'), 'description') ?>
-    <?= $this->formTextarea('description', $values, $errors) ?>
+    
+    <div class="form-tabs">
+        <ul class="form-tabs-nav">
+            <li class="form-tab form-tab-selected">
+                <i class="fa fa-pencil-square-o fa-fw"></i><a id="markdown-write" href="#"><?= t('Write') ?></a>
+            </li>
+            <li class="form-tab">
+                <a id="markdown-preview" href="#"><i class="fa fa-eye fa-fw"></i><?= t('Preview') ?></a>
+            </li>
+        </ul>
+        <div class="write-area">
+          <?= $this->formTextarea('description', $values, $errors) ?>
+        </div>
+        <div class="preview-area">
+            <div class="markdown"></div>
+        </div>
+    </div>
+    <div class="form-help"><a href="http://kanboard.net/documentation/syntax-guide" target="_blank" rel="noreferrer"><?= t('Write your text in Markdown') ?></a></div>
 
     <div class="form-actions">
         <input type="submit" value="<?= t('Save') ?>" class="btn btn-blue"/>
diff --git a/app/Template/board/swimlane.php b/app/Template/board/swimlane.php
index 3e808bf2..23e170d9 100644
--- a/app/Template/board/swimlane.php
+++ b/app/Template/board/swimlane.php
@@ -24,13 +24,11 @@
                 <?= $this->a('+', 'task', 'create', array('project_id' => $column['project_id'], 'column_id' => $column['id'], 'swimlane_id' => $swimlane['id']), false, 'task-creation-popover', t('Add a new task')) ?>
             </div>
         <?php endif ?>
-
+        <?= $this->e($column['title']) ?>
         <?php if (! empty($column['description'])): ?>
-            <span class="column-tooltip" title="<?= $this->e($column['description']) ?>">
-                <?= $this->e($column['title']) ?>
+            <span class="column-tooltip pull-right" title="<?= $this->markdown($column['description']) ?>">     
+                <i class="fa fa-info-circle"></i>
             </span>
-        <?php else: ?>
-            <?= $this->e($column['title']) ?>
         <?php endif ?>
         
         <?php if ($column['task_limit']): ?>