forum/skins/default/templates/ask.html

   1 {% extends "base.html" %}
   2 <!-- template ask.html -->
   3 {% load i18n extra_tags extra_filters %}
   4 {% block title %}{% spaceless %}{% trans "Ask a question" %}{% endspaceless %}{% endblock %}
   5 {% block forejs %}
   6         <script type='text/javascript' src='{% media  "/media/js/wmd/showdown.js" %}'></script>
   7         <script type='text/javascript' src='{% media  "/media/js/wmd/wmd.js" %}'></script>
   8         <link rel="stylesheet" type="text/css" href="{% media  "/media/js/wmd/wmd.css" %}" />
   9         <script type="text/html" id="question-summary-template">
  10             <div class="answer-summary">
  11                 <a href="%URL%"><div class="answer-votes">%SCORE%</div></a>
  12                 <div class="answer-link">
  13                     <a class="question-hyperlink" href="%URL%" title="%SUMMARY%">%TITLE%</a>
  14                 </div>
  15             </div>
  16         </script>
  17         <script type="text/javascript">
  18         $(function(){
  19             //set current module button style
  20             $("#nav_ask").attr('className',"on");
  21             $('#editor').TextAreaResizer();
  22
  23             //toggle preview of editor
  24                         //todo remove copy-paste
  25             var display = true;
  26             var txt = "[{% trans "hide preview" %}]";
  27             $('#pre-collapse').text(txt);
  28             $('#pre-collapse').bind('click', function(){
  29                 txt = display ? "[{% trans "show preview" %}]" : "[{% trans "hide preview" %}]";
  30                 display = !display;
  31                 $('#previewer').toggle();
  32                 $('#pre-collapse').text(txt);
  33             });
  34
  35             //Tags autocomplete action
  36                 $("#id_tags").autocomplete("/matching_tags/", {
  37                 minChars: 1,
  38                         matchContains: true,
  39                 max: 20,
  40                 multiple: true,
  41                 multipleSeparator: " ",
  42
  43                         /*
  44                         formatItem: function(row, i, max) {
  45                                 return row.n + " ("+ row.c +")";
  46                         },
  47                 formatResult: function(row, i, max){
  48                     return row.n;
  49                 }
  50                 */
  51
  52                 formatItem: function(row, i, max, value) {
  53                     return row[1].split(".")[0] + " (" + row[1].split(".")[1] + ")";
  54                 },
  55
  56                 formatResult: function(row, i, max, value){
  57                     return row[0];
  58                 }
  59
  60             });
  61
  62         });
  63
  64         function submitClicked(e) {
  65             if(!is_chrome)$("input.submit")[0].disabled=true;
  66             window.removeEventListener('beforeunload', beforeUnload, true);
  67         }
  68
  69         function beforeUnload(e) {
  70             if($("input#id_title")[0].value != "" || $("textarea#editor")[0].value != "" || $("input#id_tags")[0].value != "") {
  71                 if(is_chrome) {
  72                     return "You sure you want to leave?  Your work will be lost.";
  73                 } else {
  74                     yourWorkWillBeLost(e);
  75                 }
  76             }
  77             return false;
  78         }
  79         window.addEventListener('beforeunload', beforeUnload, true);
  80
  81         var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
  82         var related_questions_url = "{% url related_questions %}";
  83         </script>
  84         <script src="{% media "/media/js/osqa.ask.js" %}" type="text/javascript"></script>
  85 {% endblock %}
  86
  87 {% block content %}
  88 <div id="main-bar" class="headNormal">
  89         {% trans "Ask a question" %}
  90 </div>
  91 <div id="main-body" class="ask-body">
  92     <div id="askform">
  93         <form id="fmask" action="" method="post" accept-charset="utf-8">
  94                         {% if not request.user.is_authenticated %}
  95             <div class="message">
  96                 <span class="strong big">{% trans "You are welcome to start submitting your question anonymously." %}</span>
  97                 <p>{% blocktrans %}
  98                     After submiting your question, you will be redirected to the login/signup page.
  99                     Your question will be saved in the current session and will be published after you login with your existing account,
 100                     or signup for a new account{% endblocktrans %}{% if "ask"|contained_in:settings.REQUIRE_EMAIL_VALIDATION_TO %}
 101                     {% trans "and validate your email." %}{% else %}.{% endif %}</p>
 102             </div>
 103             {% else %}
 104                 {% if not request.user.email_valid_and_can_ask %}
 105                     <div class="message">
 106                         {% blocktrans %}Remember, your question will not be published until you validate your email.{% endblocktrans %}
 107                         <a href="{% url send_validation_email %}">{% trans "Send me a validation link." %}</a>
 108                     </div>
 109                 {% endif %}
 110                         {% endif %}
 111             <div class="form-item">
 112                 <label for="id_title" ><strong>{{ form.title.label_tag }}:</strong></label> <span class="form-error"></span><br/>
 113                 {{ form.title }} {{ form.title.errors }}
 114                 <div class="title-desc">
 115                     {{ form.title.help_text }}
 116                 </div>
 117             </div>
 118             <div id="ask-related-questions"></div>
 119             <div class="form-item">
 120                 <div id="wmd-button-bar" class="wmd-panel"></div>
 121                 {{ form.text }} {{ form.text.errors }}
 122                 <div class="preview-toggle">
 123                     <table width="100%">
 124                         <tr>
 125                             <td>
 126                                 <span id="pre-collapse" title="{% trans "Toggle the real time Markdown editor preview" %}">{% trans "toggle preview" %}</span>
 127                             </td>
 128                             {% if settings.WIKI_ON %}
 129                             <td class="tright">
 130                                 {{ form.wiki }} <span class="help_text" title="{{form.wiki.help_text}}">{{ form.wiki.label_tag }} </span>
 131                             </td>
 132                             {% endif %}
 133                         </tr>
 134
 135                     </table>
 136                 </div>
 137                 <div id="previewer" class="wmd-preview"></div>
 138                 <span class="form-error"></span>
 139             </div>
 140             <div class="form-item">
 141                 <strong>{{ form.tags.label_tag }}:</strong> {% trans "(required)" %} <span class="form-error"></span><br/>
 142                 {{ form.tags }}  {{ form.tags.errors }}
 143             </div>
 144                         <p class="title-desc">
 145                                 {{ form.tags.help_text }}
 146                         </p>
 147             {% if not request.user.is_authenticated %}
 148             <input name="ask" type="submit" value="{% trans "Login/signup to post your question" %}" class="submit" onclick="submitClicked(event)"/>
 149                         {% else %}
 150             <input name="ask" type="submit" value="{% trans "Ask your question" %}" class="submit" onclick="submitClicked(event)"/>
 151             {% endif %}
 152         </form>
 153     </div>
 154 </div>
 155 {% endblock %}
 156
 157 {% block sidebar %}
 158 {% include "question_edit_tips.html" %}
 159 {% endblock %}
 160
 161 {% block endjs %}
 162 {% endblock %}
 163 <!-- end template ask.html -->