f8c9f09887
These links point to "#" and don't do anything without JavaScript activated, and they were causing the browser to scroll to the top of the page.
54 lines
1.9 KiB
JavaScript
54 lines
1.9 KiB
JavaScript
(function() {
|
|
"use strict";
|
|
App.MarkdownEditor = {
|
|
refresh_preview: function(element, md) {
|
|
var result, textarea_content;
|
|
textarea_content = App.MarkdownEditor.find_textarea(element).val();
|
|
result = md.render(textarea_content);
|
|
element.find(".markdown-preview").html(result);
|
|
},
|
|
// Multi-locale (translatable) form fields work by hiding inputs of locales
|
|
// which are not "active".
|
|
find_textarea: function(editor) {
|
|
return editor.find("textarea");
|
|
},
|
|
initialize: function() {
|
|
$(".markdown-editor").each(function() {
|
|
var editor, md;
|
|
md = window.markdownit({
|
|
html: true,
|
|
breaks: true,
|
|
typographer: true
|
|
});
|
|
editor = $(this);
|
|
editor.on("input", function() {
|
|
App.MarkdownEditor.refresh_preview($(this), md);
|
|
$(".legislation-draft-versions-edit .warning").show();
|
|
});
|
|
editor.find("textarea").on("scroll", function() {
|
|
editor.find(".markdown-preview").scrollTop($(this).scrollTop());
|
|
});
|
|
editor.find(".fullscreen-toggle").on("click", function(e) {
|
|
var span;
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
editor.toggleClass("fullscreen");
|
|
$(".fullscreen-container").toggleClass("medium-8", "medium-12");
|
|
span = $(this).find("span");
|
|
if (span.text() === span.data("open-text")) {
|
|
span.text(span.data("closed-text"));
|
|
} else {
|
|
span.text(span.data("open-text"));
|
|
}
|
|
if (editor.hasClass("fullscreen")) {
|
|
App.MarkdownEditor.find_textarea(editor).height($(window).height() - 100);
|
|
App.MarkdownEditor.refresh_preview(editor, md);
|
|
} else {
|
|
App.MarkdownEditor.find_textarea(editor).height("10em");
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|
|
}).call(this);
|