U4-7215 Shared pagination for all layouts

src/Umbraco.Web.UI.Client/src/less/listview.less

@@ -181,6 +181,10 @@
   color: #b0b0b0
 }
 
+.umb-listview .pagination {
+   text-align: center;
+}
+
 .umb-listview .pagination ul {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
@@ -195,7 +199,7 @@
   border:none;
   padding: 8px 4px 2px 4px;
   background: none;
-  font-size: 11px;
+  font-size: 12px;
   color: #b0b0b0
 }
 

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.html

@@ -48,36 +48,4 @@
         </tr>
     </tbody>
 
-    <tfoot ng-show="pagination.length > 1">
-        <tr>
-            <th colspan="{{options.includeProperties.length + 2}}">
-                <div class="pull-left">
-                </div>
-                <div class="pagination pagination-right">
-                    <ul>
-                        <li ng-class="{disabled:options.pageNumber <= 1}">
-                            <a href="#" ng-click="prev()" prevent-default>
-                                <localize key="general_previous">Previous</localize>
-                            </a>
-                        </li>
-
-                        <li ng-repeat="pgn in pagination"
-                            ng-class="{active:pgn.isActive}">
-
-                            <a href="#" ng-click="goToPage(pgn.val - 1)" prevent-default
-                               ng-bind="pgn.name ? pgn.name : pgn.val"
-                               ng-if="pgn.val != '...'"></a>
-                            <span ng-bind="pgn.val" ng-if="pgn.val == '...'"></span>
-                        </li>
-
-                        <li ng-class="{disabled:options.pageNumber >= listViewResultSet.totalPages}">
-                            <a href="#" ng-click="next()" prevent-default>
-                                <localize key="general_next">Next</localize>
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-            </th>
-        </tr>
-    </tfoot>
 </table>

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html

@@ -65,5 +65,32 @@
 
         <div ng-include="layout.activeLayout.path"></div>
 
+        <div class="pagination" ng-show="pagination.length > 1">
+
+           <ul>
+              <li ng-class="{disabled:options.pageNumber <= 1}">
+                   <a href="#" ng-click="prev()" prevent-default>
+                      <localize key="general_previous">Previous</localize>
+                   </a>
+              </li>
+
+              <li ng-repeat="pgn in pagination"
+                   ng-class="{active:pgn.isActive}">
+
+                   <a href="#" ng-click="goToPage(pgn.val - 1)" prevent-default
+                      ng-bind="pgn.name ? pgn.name : pgn.val"
+                      ng-if="pgn.val != '...'"></a>
+                   <span ng-bind="pgn.val" ng-if="pgn.val == '...'"></span>
+              </li>
+
+              <li ng-class="{disabled:options.pageNumber >= listViewResultSet.totalPages}">
+                   <a href="#" ng-click="next()" prevent-default>
+                      <localize key="general_next">Next</localize>
+                   </a>
+              </li>
+           </ul>
+
+        </div>
+
     </div>
 </div>