summaryrefslogtreecommitdiffstats
path: root/templates/ask.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/ask.html')
-rw-r--r--templates/ask.html140
1 files changed, 140 insertions, 0 deletions
diff --git a/templates/ask.html b/templates/ask.html
new file mode 100644
index 00000000..1b00a701
--- /dev/null
+++ b/templates/ask.html
@@ -0,0 +1,140 @@
+<!-- template ask.html -->
+{% extends "base.html" %}
+{% load i18n %}
+{% block title %}{% spaceless %}{% trans "Ask a question" %}{% endspaceless %}{% endblock %}
+{% block forejs %}
+ <script type='text/javascript' src='/content/js/com.cnprog.editor.js'></script>
+ <script type='text/javascript' src='/content/js/com.cnprog.post.js'></script>
+ <script type='text/javascript' src='/content/js/jquery.validate.pack.js'></script>
+ <script type='text/javascript' src='/content/js/wmd/showdown.js'></script>
+ <script type='text/javascript' src='/content/js/wmd/wmd.js'></script>
+ <link rel="stylesheet" type="text/css" href="/content/js/wmd/wmd.css" />
+ <script type="text/javascript">
+ $().ready(function(){
+ //set current module button style
+ $("#nav_ask").attr('className',"on");
+ $('#editor').TextAreaResizer();
+
+ //highlight code synctax when editor has new text
+ $("#editor").typeWatch({highlight: false, wait: 3000,
+ captureLength: 5, callback: lanai.highlightSyntax});
+
+ //toggle preview of editor
+ //todo remove copy-paste
+ var display = true;
+ var txt = "[{% trans "hide preview" %}]";
+ $('#pre-collapse').text(txt);
+ $('#pre-collapse').bind('click', function(){
+ txt = display ? "[{% trans "show preview" %}]" : "[{% trans "hide preview" %}]";
+ display = !display;
+ $('#previewer').toggle();
+ $('#pre-collapse').text(txt);
+ });
+
+ //Tags autocomplete action
+ var tags = {{ tags|safe }};
+ $("#id_tags").autocomplete(tags, {
+ minChars: 1,
+ matchContains: true,
+ max: 20,
+ multiple: true,
+ multipleSeparator: " ",
+ formatItem: function(row, i, max) {
+ return row.n + " ("+ row.c +")";
+ },
+ formatResult: function(row, i, max){
+ return row.n;
+ }
+
+ });
+
+ setupFormValidation("#fmask", CPValidator.getQuestionFormRules(), CPValidator.getQuestionFormMessages());
+ lanai.highlightSyntax();
+
+ });
+ </script>
+{% endblock %}
+
+{% block content %}
+<div id="main-bar" class="headNormal">
+ {% trans "Ask a question" %}
+</div>
+<div id="main-body" class="ask-body">
+ <div id="askform">
+ <form id="fmask" action="" method="post" >
+ <p class="form-item">
+ <label for="id_title" ><strong>{{ form.title.label_tag }}:</strong></label> <span class="form-error"></span><br>
+ {{ form.title }} {{ form.title.errors }}
+ <div class="title-desc">
+ {{ form.title.help_text }}
+ </div>
+ </p>
+
+ <p class="form-item">
+ <div id="wmd-button-bar" class="wmd-panel"></div>
+ {{ form.text }}
+
+ <div class="preview-toggle">
+ <table width="100%">
+ <tr>
+ <td>
+ <span id="pre-collapse" title="{% trans "Toggle the real time Markdown editor preview" %}">{% trans "toggle preview" %}</span>
+ </td>
+ <td style="text-align:right;">
+ {{ form.wiki }} <span style="font-weight:normal;cursor:help" title="{{form.wiki.help_text}}">{{ form.wiki.label_tag }} </span>
+ </td>
+ </tr>
+
+ </table>
+ </div>
+ <div id="previewer" class="wmd-preview"></div>
+ <span class="form-error"></span>
+ <br>
+ </p>
+ <p class="form-item">
+ <strong>{{ form.tags.label_tag }}:</strong> <span class="form-error"></span><br>
+ {{ form.tags }} {{ form.tags.errors }}
+ <div class="title-desc">
+ {{ form.tags.help_text }}
+ </div>
+ </p>
+ <br>
+ {% if not request.user.is_authenticated %}
+ <table id="login-box">
+ <tr>
+ <td style="vertical-align:middle;">
+ <strong>{% trans "Use" %} <a href="http://openid.net/" title="{% trans "learn more about OpenID" %}">OpenID</a> {% trans "Login" %}:</strong><br>
+ {{ form.openid }}
+ <div class="title-desc">
+ {% trans "Get your own "%} <a href="https://www.myopenid.com/" target=="_blank">OpenID</a>。
+ </div>
+ </td>
+ <td style="vertical-align:middle; padding: 0px 40px 0px 40px">
+ <div style="position: absolute; margin-top:40px; background-color:white; margin-left:-10px; padding:5px;">或</div>
+ <div style="width:1px; border-left:solid 1px #999; height:8em; margin:auto;"></div>
+ </td>
+ <td style="vertical-align:middle;">
+ <strong>{% trans "User name" %}:</strong><br>
+ {{ form.user }}
+ <p>
+ <strong>{% trans "Email: (won't be shown to anyone)" %}:</strong><br>
+ {{ form.email }}
+ </p>
+ </td>
+ </tr>
+ </table>
+ {% endif %}
+ <input type="submit" value="{% trans "Ask your question" %}" class="submit" />
+ <br><br>
+ </form>
+ </div>
+</div>
+{% endblock %}
+
+{% block sidebar %}
+{% include "question_edit_tips.html" %}
+{% endblock %}
+
+{% block endjs %}
+{% endblock %}
+<!-- end template ask.html -->