added pagination

src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less

@@ -37,6 +37,10 @@
     }
 }
 
+.umb-packages__pagination {
+    display: flex;
+    justify-content: center;
+}
 
 .umb-packages {
     margin: 0 -10px;

src/Umbraco.Web.UI.Client/src/views/packagesNew/views/repo.controller.js

@@ -6,10 +6,17 @@
         var vm = this;
 
         vm.packageViewState = "packageList";
+        vm.pagination = {
+            pageNumber: 1,
+            totalPages: 10
+        };
 
         vm.selectCategory = selectCategory;
         vm.showPackageDetails = showPackageDetails;
         vm.setPackageViewState = setPackageViewState;
+        vm.nextPage = nextPage;
+        vm.prevPage = prevPage;
+        vm.goToPage = goToPage;
 
         vm.categories = [
             {
@@ -236,6 +243,18 @@
             }
         }
 
+        function nextPage(pageNumber) {
+            console.log(pageNumber);
+        }
+
+        function prevPage(pageNumber) {
+            console.log(pageNumber);
+        }
+
+        function goToPage(pageNumber) {
+            console.log(pageNumber);
+        }
+
     }
 
     angular.module("umbraco").controller("Umbraco.Editors.Packages.RepoController", PackagesRepoController);

src/Umbraco.Web.UI.Client/src/views/packagesNew/views/repo.html

@@ -84,6 +84,18 @@
             </div> <!-- end packages -->
         </div>
 
+        <div class="umb-packages__pagination">
+
+            <umb-pagination
+                page-number="vm.pagination.pageNumber"
+                total-pages="vm.pagination.totalPages"
+                on-next="vm.nextPage"
+                on-prev="vm.prevPage"
+                on-go-to-page="vm.goToPage">
+            </umb-pagination>
+
+        </div>
+
     </div>