From 77a307e4ff8cfb4afcd34990b147f0ad38dfc558 Mon Sep 17 00:00:00 2001
From: ashbike <helloashbike@gmail.com>
Date: Mon, 9 Feb 2015 21:30:08 +0530
Subject: - 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.

---
 app/Template/board/edit.php        | 34 +++++++++++++++++++++++++++++-----
 app/Template/board/edit_column.php | 19 ++++++++++++++++++-
 app/Template/board/swimlane.php    |  8 +++-----
 3 files changed, 50 insertions(+), 11 deletions(-)

(limited to 'app/Template/board')

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']): ?>
-- 
cgit v1.2.3