Go to first/last page

Author: TomMalbran

src/htmlContent/search-summary.html

@@ -1,6 +1,8 @@
 {{{summary}}}
 {{#hasPages}}
-    <span class="left-triangle {{^hasPrev}}disabled{{/hasPrev}}"></span>
+    <span class="first-page {{^hasPrev}}disabled{{/hasPrev}}"></span>
+    <span class="prev-page {{^hasPrev}}disabled{{/hasPrev}}"></span>
     {{{results}}}
-    <span class="right-triangle {{^hasNext}}disabled{{/hasNext}}"></span>
+    <span class="next-page {{^hasNext}}disabled{{/hasNext}}"></span>
+    <span class="last-page {{^hasNext}}disabled{{/hasNext}}"></span>
 {{/hasPages}}

src/search/FindInFiles.js

@@ -423,15 +423,25 @@ define(function (require, exports, module) {
                 .one("click.searchList", ".close", function () {
                     _hideSearchResults();
                 })
+                // The link to go the first page
+                .one("click.searchList", ".first-page:not(.disabled)", function () {
+                    currentStart = 0;
+                    _showSearchResults();
+                })
                 // The link to go the previous page
-                .one("click.searchList", ".left-triangle:not(.disabled)", function () {
+                .one("click.searchList", ".prev-page:not(.disabled)", function () {
                     currentStart -= RESULTS_PER_PAGE;
                     _showSearchResults();
                 })
                 // The link to go to the next page
-                .one("click.searchList", ".right-triangle:not(.disabled)", function () {
+                .one("click.searchList", ".next-page:not(.disabled)", function () {
                     currentStart += RESULTS_PER_PAGE;
                     _showSearchResults();
+                })
+                // The link to go to the last page
+                .one("click.searchList", ".last-page:not(.disabled)", function () {
+                    currentStart = Math.floor(numMatches / RESULTS_PER_PAGE) * RESULTS_PER_PAGE;
+                    _showSearchResults();
                 });
 
             // Insert the search results

src/styles/brackets.less

@@ -724,14 +724,24 @@ a, img {
 /* Find in Files results panel - temporary UI, to be replaced with a richer search feature later */
 
 #search-result-summary {
-    .left-triangle,  .right-triangle {
+    .first-page,
+    .prev-page,
+    .next-page,
+    .last-page {
         .jstree-sprite;
-        width: 10px;
+        width: 6px;
         display: inline-block;
         background-position: 0px 4px;
     }
-    .left-triangle {
-        -webkit-transform: translateZ(0) translateY(-3px) rotate(180deg);
+    .first-page {
+        background-position: 0px -80px;
+        margin-left: 10px;
+    }
+    .prev-page {
+        background-position: 0px -24px;
+    }
+    .last-page {
+        background-position: 0px -52px;
     }
     .disabled {
         opacity: 0.3;