Complete navigation (add first/end buttons)

html/translate.html

@@ -17,8 +17,10 @@
 
 <p>{% blocktrans with unit.position as position %}Showing string {{ position }} out of {{ total }}.{% endblocktrans %}
 <span class="navi">
+<a class="button-first" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos=1&amp;dir=stay">{% trans "First" %}</a>
 <a class="button-prev" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}&amp;dir=back">{% trans "Previous" %}</a>
 <a class="button-next" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}">{% trans "Next" %}</a>
+<a class="button-end" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ total }}&amp;dir=stay">{% trans "Last" %}</a>
 </span>
 </p>
 

media/css/style.css

@@ -71,10 +71,9 @@ td.translator textarea {
 td.suggestions table {
     width: 100%
 }
-#copy-text, .button-prev, .button-next {
+#copy-text, .button-prev, .button-next, .button-first, .button-end {
     width: 20px;
     height: 20px;
-    display: inline-block;
 }
 .helptext {
     font-size: smaller;

media/js/loader.js

@@ -5,8 +5,10 @@ $(document).ready(function(){
     $('.sug-accept').button({text: false, icons: { primary: "ui-icon-check" }});
     $('.sug-delete').button({text: false, icons: { primary: "ui-icon-close" }});
     $('.navi').buttonset();
+    $('.button-first').button({text: false, icons: { primary: "ui-icon-seek-first" }});
     $('.button-next').button({text: false, icons: { primary: "ui-icon-seek-next" }});
     $('.button-prev').button({text: false, icons: { primary: "ui-icon-seek-prev" }});
+    $('.button-end').button({text: false, icons: { primary: "ui-icon-seek-end" }});
     $('#id_target').change(function f() {$('#id_fuzzy').attr('checked', false);}).focus();
     $('#copy-text').button({text: false, icons: { primary: "ui-icon-arrowthick-1-s" }}).click(function f() {
         $.get("/js/get/" + $('#id_checksum').attr('value') + '/', function(data) {