X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/96e9e11916b1e23edbfb23d9ff9e0a08a86b61d3..68b08ed5442bf968f91fed8c3339adcd324c4864:/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 c7b7fcb..a031fa0 100644
--- a/forum/skins/default/templates/node/award_points.html
+++ b/forum/skins/default/templates/node/award_points.html
@@ -2,25 +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>
 
-<div class="award_points_slider"></div>
+<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>
 
-<input type="hidden" name="points" id="points_input" value="0" />
+<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