Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

An initial version of in-app Markdown help. 

(imported from commit 14d374acee44e1beeed6cfcd57a0400f22080f27)
This commit is contained in:
Waseem Daher 2012-11-02 17:29:13 -04:00
parent 96986b1e07
commit 78ccefa54f
2 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
templates/zephyr/index.html
View File

@ -116,6 +116,12 @@ var people_list = [
<span class="hidden-phone"> Keyboard shortcuts</span> <span class="hidden-phone"> Keyboard shortcuts</span>
</a> </a>
</li> </li>
<li title="Formatting help">
<a href="#markdown-help" role="button" data-toggle="modal">
<i class="icon-font"></i>
<span class="hidden-phone"> Formatting help</span>
</a>
</li>
<li title="Feedback"> <li title="Feedback">
<a href="#feedback" onclick="compose.start('personal', { 'huddle_recipient': 'feedback@humbughq.com' });"> <a href="#feedback" onclick="compose.start('personal', { 'huddle_recipient': 'feedback@humbughq.com' });">
<i class="icon-comment"></i> <i class="icon-comment"></i>
@ -190,5 +196,6 @@ var people_list = [
</div><!--/tab-content--> </div><!--/tab-content-->
</div><!--/row--> </div><!--/row-->
{% include "zephyr/keyboard_shortcuts.html" %} {% include "zephyr/keyboard_shortcuts.html" %}
{% include "zephyr/markdown_help.html" %}
{% endblock %} {% endblock %}

65
templates/zephyr/markdown_help.html Normal file
View File

@ -0,0 +1,65 @@
<div class="modal hide fade" id="markdown-help" tabindex="-1" role="dialog"
aria-labelledby="markdown-help-label" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="markdown-help-label">Commonly used Markdown</h3>
</div>
<div class="modal-body">
<div id="markdown-instructions">
<table class="table table-striped table-condensed table-rounded table-bordered">
<tr>
<th>You type</th>
<th>You get</th>
</tr>
<tr>
<td>*italic*</td>
<td><i>italic</i></td>
</tr>
<tr>
<td>**bold**</td>
<td><b>bold</b></td>
</tr>
<tr>
<td>[Bah!](http://humbughq.com)</td>
<td><a href="http://humbughq.com">Bah!</a></td>
</tr>
<tr>
<td>* a<br/>
* b<br/>
* c<br/>
</td>
<td>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</td>
</tr>
<tr>
<td>&gt; Quoted</td>
<td><blockquote>Quoted</blockquote></td>
</tr>
<tr>
<td>Some inline `code`</td>
<td>Some inline <code>code</code></td>
</tr>
<tr>
<td>~~~~<br />
print "Humbug"<br/>
print "Bah"<br/>
~~~~<br/>
</td>
<td><pre>print "Humbug"
print "Bah"</pre></td>
</tr>
<tr>
<td colspan="2">(Indenting each line four spaces also creates a code block.)</td>
</tr>
</table>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>