From 2a850757ee5f9c1a2119c562cf6caba3eda7ceba Mon Sep 17 00:00:00 2001
From: Frédéric Guillot <fred@kanboard.net>
Date: Thu, 20 Nov 2014 22:37:10 -0500
Subject: Add Markdown preview for textarea, see #407

---
 app/Template/task_new.php | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'app/Template/task_new.php')

diff --git a/app/Template/task_new.php b/app/Template/task_new.php
index 43916551..ee8aed7c 100644
--- a/app/Template/task_new.php
+++ b/app/Template/task_new.php
@@ -14,7 +14,24 @@
             <?= Helper\form_text('title', $values, $errors, array('autofocus', 'required'), 'form-input-large') ?><br/>
 
             <?= Helper\form_label(t('Description'), 'description') ?>
-            <?= Helper\form_textarea('description', $values, $errors) ?><br/>
+
+            <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">
+                    <?= Helper\form_textarea('description', $values, $errors, array('placeholder="'.t('Leave a description').'"')) ?>
+                </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>
 
             <?php if (! isset($duplicate)): ?>
-- 
cgit v1.2.3