]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/default/templates/node/award_points.html
the variable needs to be defined with var in front of it, because otherwise it is...
[osqa.git] / forum / skins / default / templates / node / award_points.html
1 {% load i18n %}
2
3 <p>
4     {% blocktrans %}
5     If you like this answer you can award {{ awarded_user }} with reputation points.
6     {% endblocktrans %}
7 </p>
8
9 <p>
10     {% blocktrans %}
11     Use the slider below or the input field to choose the amount of points you would like to give.
12     {% endblocktrans %}
13 </p>
14
15 <table>
16     <tr>
17         <td width="50%">{% trans "Points:" %}</td>
18         <td width="50%"><input type="text" name="points" id="points_input" value="1" style="border: 1px solid #ccc; padding: 1px 2px;" /></td>
19     </tr>
20 </table>
21
22 <div class="award_points_slider"></div>
23
24 <script>
25     var awardPointsNotified = false;
26     var reputation_to_comment = {{ reputation_to_comment }};
27     var user_reputation = {{ user.reputation }};
28
29     function points_award_confirm(reputation, event) {
30         var message = '<div style="max-width: 300px !important; text-align: left;">';
31         message += "{% blocktrans %}Your karma points will be below the minimum reputation to comment. Are you sure you want to award points?{% endblocktrans %}";
32         message += "</div>";
33
34         if ((user_reputation - reputation) < reputation_to_comment && !awardPointsNotified) {
35             awardPointsNotified = true;
36
37             var doptions = {
38                 html: message,
39                 extra_class: 'confirm',
40                 yes_text: messages.yes,
41                 show_no: true,
42                 no_text: messages.no
43             }
44
45             doptions.event = event;
46             show_dialog(doptions);
47         }
48     }
49
50     $('.award_points_slider').slider({
51         min: 1, max: user_reputation,
52     slide: function(evt, ui) {
53         $('#points_input').val(ui.value);
54         points_award_confirm(Number(ui.value), evt)
55     }
56     });
57
58     $('#points_input').bind('change keydown', function(evt) {
59         if ($(this).val() > user_reputation) {
60         $(this).attr('value', user_reputation);
61     }
62     $('.award_points_slider').slider('option', 'value', $(this).val())
63
64     points_award_confirm(Number($(this).val()), evt);
65     });
66
67 </script>