]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/default/templates/ask.html
warning users that edits will be lost if they navigate away from the page.
[osqa.git] / 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         function beforeUnload(e) {
64             if($("input#id_title")[0].value != "" || $("textarea#editor")[0].value != "" || $("input#id_tags")[0].value != "") {
65                 yourWorkWillBeLost(e);
66             }
67             return false;
68         }
69         window.addEventListener('beforeunload', beforeUnload, true);
70
71         var related_questions_url = "{% url related_questions %}";
72         </script>
73         <script src="{% media "/media/js/osqa.ask.js" %}" type="text/javascript"></script>
74 {% endblock %}
75
76 {% block content %}
77 <div id="main-bar" class="headNormal">
78         {% trans "Ask a question" %}
79 </div>
80 <div id="main-body" class="ask-body">
81     <div id="askform">
82         <form id="fmask" action="" method="post" accept-charset="utf-8">
83                         {% if not request.user.is_authenticated %}
84             <div class="message">
85                 <span class="strong big">{% trans "You are welcome to start submitting your question anonymously." %}</span>
86                 <p>{% blocktrans %}
87                     After submiting your question, you will be redirected to the login/signup page.
88                     Your question will be saved in the current session and will be published after you login with your existing account,
89                     or signup for a new account{% endblocktrans %}{% if "ask"|contained_in:settings.REQUIRE_EMAIL_VALIDATION_TO %}
90                     {% trans "and validate your email." %}{% else %}.{% endif %}</p>
91             </div>
92             {% else %}
93                 {% if not request.user.email_valid_and_can_ask %}
94                     <div class="message">
95                         {% blocktrans %}Remember, your question will not be published until you validate your email.{% endblocktrans %}
96                         <a href="{% url send_validation_email %}">{% trans "Send me a validation link." %}</a>
97                     </div>
98                 {% endif %}
99                         {% endif %}
100             <div class="form-item">
101                 <label for="id_title" ><strong>{{ form.title.label_tag }}:</strong></label> <span class="form-error"></span><br/>
102                 {{ form.title }} {{ form.title.errors }}
103                 <div class="title-desc">
104                     {{ form.title.help_text }}
105                 </div>
106             </div>
107             <div id="ask-related-questions"></div>
108             <div class="form-item">
109                 <div id="wmd-button-bar" class="wmd-panel"></div>
110                 {{ form.text }} {{ form.text.errors }}
111                 <div class="preview-toggle">
112                     <table width="100%">
113                         <tr>
114                             <td>
115                                 <span id="pre-collapse" title="{% trans "Toggle the real time Markdown editor preview" %}">{% trans "toggle preview" %}</span>
116                             </td>
117                             {% if settings.WIKI_ON %}
118                             <td class="tright">
119                                 {{ form.wiki }} <span class="help_text" title="{{form.wiki.help_text}}">{{ form.wiki.label_tag }} </span>
120                             </td>
121                             {% endif %}
122                         </tr>
123
124                     </table>
125                 </div>
126                 <div id="previewer" class="wmd-preview"></div>
127                 <span class="form-error"></span>
128             </div>
129             <div class="form-item">
130                 <strong>{{ form.tags.label_tag }}:</strong> {% trans "(required)" %} <span class="form-error"></span><br/>
131                 {{ form.tags }}  {{ form.tags.errors }}
132             </div>
133                         <p class="title-desc">
134                                 {{ form.tags.help_text }}
135                         </p>
136             {% if not request.user.is_authenticated %}
137             <input name="ask" type="submit" value="{% trans "Login/signup to post your question" %}" class="submit" />
138                         {% else %}
139             <input name="ask" type="submit" value="{% trans "Ask your question" %}" class="submit" onclick="window.removeEventListener('beforeunload', beforeUnload, true)" />
140             {% endif %}
141         </form>
142     </div>
143 </div>
144 {% endblock %}
145
146 {% block sidebar %}
147 {% include "question_edit_tips.html" %}
148 {% endblock %}
149
150 {% block endjs %}
151 {% endblock %}
152 <!-- end template ask.html -->