[replace-across-files] Unify the Search Results Panel FindInFiles/ReplaceAll

src/htmlContent/search-panel.html

@@ -1,4 +1,4 @@
-<div id="search-results" class="bottom-panel vert-resizable top-resizer no-focus">
+<div id="{{panelID}}" class="search-results bottom-panel vert-resizable top-resizer no-focus">
     <div class="toolbar simple-toolbar-layout">
         <div class="title"></div>
         <a href="#" class="close">&times;</a>

src/htmlContent/search-results.html

@@ -2,13 +2,14 @@
     <tbody>
         {{#searchList}}
         <tr class="file-section" data-file="{{file}}">
-            <td colspan="2">
+            <td colspan="{{#hasCheckboxes}}3{{/hasCheckboxes}}{{^hasCheckboxes}}2{{/hasCheckboxes}}">
                 <span class="disclosure-triangle expanded" title="{{Strings.FIND_IN_FILES_EXPAND_COLLAPSE}}"></span>
                 {{{filename}}}
             </td>
         </tr>
         {{#items}}
-        <tr data-file="{{file}}" data-item="{{item}}">
+        <tr data-file="{{file}}" data-item="{{item}}" data-index="{{index}}">
+            {{#hasCheckboxes}}<td class="checkbox-column"><input type="checkbox" class="check-one" {{#isChecked}}checked="true"{{/isChecked}} /></td>{{/hasCheckboxes}}
             <td class="line-number">{{line}}</td>
             <td class="line-text">{{pre}}<span class="highlight">{{highlight}}</span>{{post}}</td>
         </tr>

src/htmlContent/search-summary-find.html

@@ -0,0 +1,6 @@
+<div class="fixed-col">{{Strings.FIND_IN_FILES_TITLE_PART1}}</div>
+<div class="contracting-col">{{query}}</div>
+<div class="fixed-col">{{Strings.FIND_IN_FILES_TITLE_PART2}}</div>
+<div class="contracting-col">{{{scope}}}</div>
+<div class="fixed-col">{{{summary}}}</div>
+{{>paging}}

src/htmlContent/search-summary.html → src/htmlContent/search-summary-paging.html

@@ -1,8 +1,3 @@
-<div class="fixed-col">{{Strings.FIND_IN_FILES_TITLE_PART1}}</div>
-<div class="contracting-col">{{query}}</div>
-<div class="fixed-col">{{Strings.FIND_IN_FILES_TITLE_PART2}}</div>
-<div class="contracting-col">{{{scope}}}</div>
-<div class="fixed-col">{{{summary}}}</div>
 {{#hasPages}}
 <div class="pagination-col">
     <span class="first-page {{^hasPrev}}disabled{{/hasPrev}}"></span>
@@ -11,4 +6,4 @@
     <span class="next-page {{^hasNext}}disabled{{/hasNext}}"></span>
     <span class="last-page {{^hasNext}}disabled{{/hasNext}}"></span>
 </div>
-{{/hasPages}}
+{{/hasPages}}

src/htmlContent/search-summary-replace.html

@@ -0,0 +1,10 @@
+<div class="fixed-col"><input type="checkbox" class="check-all" {{#allChecked}}checked="checked"{{/allChecked}} /></div>
+<div class="fixed-col">{{Strings.FIND_REPLACE_TITLE_PART1}}</div>
+<div class="contracting-col">{{replaceWhat}}</div>
+<div class="fixed-col">{{Strings.FIND_REPLACE_TITLE_PART2}}</div>
+<div class="contracting-col">{{replaceWith}}</div>
+<div class="fixed-col">{{{summary}}}</div>
+{{>paging}}
+<div class="replace-col">
+    <button class="btn small replace-checked">{{Strings.BUTTON_REPLACE}}</button>
+</div>