From 3bc028c71279fa74cefb4a17feb9553b2ca06eac Mon Sep 17 00:00:00 2001
From: Andre D <andre@andred.ca>
Date: Mon, 20 May 2013 19:34:51 -0700
Subject: [PATCH] wiki: Add formatting help to edit page.

---
 r2/r2/public/static/css/wiki.less | 7 +++++++
 r2/r2/public/static/js/wiki.js    | 9 +++++++++
 r2/r2/templates/wikieditpage.html | 5 +++++
 3 files changed, 21 insertions(+)

diff --git a/r2/r2/public/static/css/wiki.less b/r2/r2/public/static/css/wiki.less
index 7090ae37f..5cb460d10 100644
--- a/r2/r2/public/static/css/wiki.less
+++ b/r2/r2/public/static/css/wiki.less
@@ -168,6 +168,13 @@
             }
         }
 
+        .markhelp {
+            max-width: 500px;
+            font-size: 1.2em;
+            padding: 4px;
+            margin: 5px 0;
+        }
+
     }
 
     // Page title 
diff --git a/r2/r2/public/static/js/wiki.js b/r2/r2/public/static/js/wiki.js
index aefe7e15e..56ebd8ce9 100644
--- a/r2/r2/public/static/js/wiki.js
+++ b/r2/r2/public/static/js/wiki.js
@@ -142,5 +142,14 @@ r.wiki = {
             url += '&v2=' + v2
         }
         window.location = url
+    },
+
+    helpon: function(elem) {
+        $(elem).parents("form").children(".markhelp:first").show();
+    },
+
+    helpoff: function(elem) {
+        $(elem).parents("form").children(".markhelp:first").hide();
     }
+
 }
diff --git a/r2/r2/templates/wikieditpage.html b/r2/r2/templates/wikieditpage.html
index bee82c509..c99e6514b 100644
--- a/r2/r2/templates/wikieditpage.html
+++ b/r2/r2/templates/wikieditpage.html
@@ -24,6 +24,9 @@
   from r2.lib.filters import keep_space
 %>
 
+<%namespace file="printablebuttons.html" import="toggle_button" />
+<%namespace file="usertext.html" import="markhelp" />
+
 <div style="display: none;" id="wiki_edit_conflict">
     <h2 class="error">there was a conflict editing</h2>
     <h1>${_("your edit")}</h1>
@@ -40,6 +43,8 @@
 
 <form method="post" id="editform" onsubmit="r.wiki.submitEdit(event)">
     <textarea name="content" rows="20" cols="20" style="width: 100%" id="wiki_page_content">${keep_space(thing.page_content)}</textarea>
+    ${toggle_button("help-toggle", _("formatting help"), _("hide help"), "r.wiki.helpon", "r.wiki.helpoff")}
+    ${markhelp()}
     <br/><br/>
     <label for="reason">${_("reason for revision")}</label><br/>
     <input type="text" name="reason" maxlength="256" id="wiki_revision_reason" />