Added AJAX text preview to the form.

boards/static/css/base.css

@@ -99,3 +99,7 b' textarea, input {'
 .post-image-full {
     width: 100%;
 }
+
+#preview-text {
+    display: none;
+}

boards/static/css/md/base_page.css

@@ -531,3 +531,14 b' ul {'
     border-left: solid 1px #777;
     border-right: solid 1px #777;
 }
+
+#preview-text {
+    border: solid 1px white;
+    margin: 1ex 0 1ex 0;
+    padding: 1ex;
+}
+
+button {
+    border: 1px solid white;
+    margin-bottom: 0.5ex;
+}

boards/static/css/pg/base_page.css

@@ -370,3 +370,9 b' input[type="submit"]:hover {'
 .highlight {
     background-color: #F9E8A5;
 }
+
+#preview-text {
+    border: solid 1px black;
+    margin: 1ex 0 1ex 0;
+    padding: 1ex;
+}

boards/static/css/sw/base_page.css

@@ -401,3 +401,9 b' li {'
 .dead_post {
     border-right: 1ex solid #666;
 }
+
+#preview-text {
+    border: solid 1px white;
+    margin: 1ex 0 1ex 0;
+    padding: 1ex;
+}

boards/static/js/form.js

@@ -24,4 +24,20 b" var form = $('#form');"
     if (event.which == 13 && event.ctrlKey) {
         form.submit();
     }
-});
  No newline at end of file
+});
+
+$('#preview-button').click(function() {
+    var data = {
+        raw_text: $('textarea').val()
+    }
+
+    var diffUrl = '/api/preview/';
+
+    $.post(diffUrl,
+        data,
+        function(data) {
+            var previewTextBlock = $('#preview-text');
+            previewTextBlock.html(data);
+            previewTextBlock.show();
+        })
+})

boards/static/js/thread_update.js

@@ -310,6 +310,7 b' function resetForm(form) {'
     form.find('input:radio, input:checkbox')
              .removeAttr('checked').removeAttr('selected');
     $('.file_wrap').find('.file-thumb').remove();
+    $('#preview-text').hide();
 }
 
 /**

boards/templates/boards/all_threads.html

@@ -122,12 +122,10 b''
             <div>
                 {% trans 'Tags must be delimited by spaces. Text or image is required.' %}
             </div>
-            <div>
-                <a href="{% url "staticpage" name="help" %}">{% trans 'Text syntax' %}</a>
-            </div>
-            <div>
-                <a href="{% url "tags" "required" %}">{% trans 'Tags' %}</a>
-            </div>
+            <div><button id="preview-button">{% trans 'Preview' %}</button></div>
+            <div id="preview-text"></div>
+            <div><a href="{% url "staticpage" name="help" %}">{% trans 'Text syntax' %}</a></div>
+            <div><a href="{% url "tags" "required" %}">{% trans 'Tags' %}</a></div>
         </div>
     </div>
 

boards/templates/boards/thread_normal.html

@@ -39,6 +39,8 b''
                         </div>
                     </form>
                 </div>
+                <div><button id="preview-button">{% trans 'Preview' %}</button></div>
+                <div id="preview-text"></div>
                 <div><a href="{% url "staticpage" name="help" %}">
                     {% trans 'Text syntax' %}</a></div>
                 <div><a id="form-close-button" href="#" onClick="resetFormPosition(); return false;">{% trans 'Close form' %}</a></div>

boards/urls.py

@@ -65,6 +65,7 b" urlpatterns = patterns('',"
             name='add_post'),
     url(r'^api/notifications/(?P<username>\w+)/$', api.api_get_notifications,
             name='api_notifications'),
+    url(r'^api/preview/$', api.api_get_preview, name='preview'),
 
     # Search
     url(r'^search/$', BoardSearchView.as_view(), name='search'),

boards/views/api.py

@@ -11,6 +11,7 b' from boards.models import Post, Thread, '
 from boards.utils import datetime_to_epoch
 from boards.views.thread import ThreadView
 from boards.models.user import Notification
+from boards.mdx_neboard import Parser
 
 
 __author__ = 'neko259'
@@ -230,3 +231,10 b' def get_post_data(post_id, format_type=D'
     post = get_object_or_404(Post, id=post_id)
     return post.get_post_data(format_type=format_type, request=request,
                               include_last_update=include_last_update)
+
+
+def api_get_preview(request):
+    raw_text = request.POST['raw_text']
+
+    parser = Parser()
+    return HttpResponse(content=parser.parse(parser.preparse(raw_text)))