X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/745f67c37acdb9574c5297004adde2b9a7da5fdb..bfcf39c1ff103ab78ca8d1ee7d22c044d1b5e7cb:/forum/skins/default/templates/node/award_points.html

diff --git a/forum/skins/default/templates/node/award_points.html b/forum/skins/default/templates/node/award_points.html
index 8210069..a031fa0 100644
--- a/forum/skins/default/templates/node/award_points.html
+++ b/forum/skins/default/templates/node/award_points.html
@@ -2,22 +2,38 @@
 
 <p>
 {% blocktrans %}
-Award {{ awarded_user }} with reputation points.
+If you like this answer you can award {{ awarded_user }} with reputation points.
 {% endblocktrans %}
 </p>
 
 <p>
-    Points:
-    <span id="reputation_points_award">1</span>
+{% blocktrans %}
+Use the slider below or the input field to choose the amount of points you would like to give.
+{% endblocktrans %}
 </p>
 
+<table>
+    <tr>
+        <td width="50%">{% trans "Points:" %}</td>
+        <td width="50%"><input type="text" name="points" id="points_input" value="1" style="border: 1px solid #ccc; padding: 1px 2px;" /></td>
+    </tr>
+</table>
+
 <div class="award_points_slider"></div>
 
 <script>
 $('.award_points_slider').slider({
     min: 1, max: {{ user.reputation }},
     slide: function(evt, ui) {
-        $('#reputation_points_award').html(ui.value)
+        $('#points_input').val(ui.value)
     }
 });
+
+$('#points_input').bind('change keydown', function() {
+    if ($(this).val() > {{ user.reputation }}) {
+        $(this).attr('value', {{ user.reputation }})
+    }
+    $('.award_points_slider').slider('option', 'value', $(this).val())
+})
+
 </script>
\ No newline at end of file