Replace markitup's inline JS to fix load order bug

See: zsiciarz/django-markitup#25

django-markitup renders inline JS in each widget that configures the
widget. This JS requires jQuery and markitup.js to already be loaded,
which isn't the case if we're loading JS in the foot of the page.

So, override the template that generates that inline JS, with something
that generates a hidden tag containing only config. Then come back at
the end of the JS loading, and configure the widgets.

I'll do a similar PR upstream and hope that we can pull this out, later.

wafer/pages/templates/wafer.pages/page_form.html

@@ -1,6 +1,7 @@
 {% extends 'wafer/base.html' %}
 {% load crispy_forms_tags %}
 {% load i18n %}
+{% load static from staticfiles %}
 {% block extra_head %}
 {{ form.media.css }}
 {% endblock %}
@@ -12,4 +13,5 @@ <h1>{% trans "Edit Page" %}</h1>
 {% endblock %}
 {% block extra_foot %}
 {{ form.media.js }}
+<script type="text/javascript" src="{% static 'js/markitup.js' %}"></script>
 {% endblock %}

wafer/settings.py

@@ -150,7 +150,6 @@
     'django_medusa',
     'crispy_forms',
     'django_nose',
-    'markitup',
     'rest_framework',
     'easy_select2',
     'wafer',
@@ -164,6 +163,7 @@
     'wafer.tickets',
     'wafer.compare',
     # Django isn't finding the overridden templates
+    'markitup',
     'registration',
     'django.contrib.admin',
 )

wafer/static/js/markitup.js

@@ -0,0 +1,15 @@
+'use strict'
+$('.django-markitup-config').each(function(index) {
+  var element = $(this.getAttribute('data-element'));
+  var preview_url = this.getAttribute('data-preview-url');
+  var auto_preview = this.getAttribute('data-auto-preview');
+  if (!element.hasClass("markItUpEditor")) {
+    if (preview_url) {
+      mySettings["previewParserPath"] = preview_url;
+    }
+    element.markItUp(mySettings);
+  }
+  if (auto_preview) {
+    $('a[title="Preview"]').trigger('mouseup');
+  }
+});

wafer/talks/templates/wafer.talks/talk_form.html

@@ -1,6 +1,7 @@
 {% extends 'wafer/base.html' %}
 {% load i18n %}
 {% load crispy_forms_tags %}
+{% load static from staticfiles %}
 {% block extra_head %}
 {{ form.media.css }}
 {% endblock %}
@@ -28,4 +29,5 @@ <h1>{% trans "Talk Submission" %}</h1>
 {% endblock %}
 {% block extra_foot %}
 {{ form.media.js }}
+<script type="text/javascript" src="{% static 'js/markitup.js' %}"></script>
 {% endblock %}

wafer/templates/markitup/editor.html

@@ -0,0 +1,4 @@
+<div class="django-markitup-config" style="display: none"
+     data-element="#{{ textarea_id }}"
+     data-preview-url="{{ preview_url }}"
+     data-auto-preview="{{ AUTO_PREVIEW|yesno:"1,0" }}"></div>