Merge pull request #872 from floreks/pagination-resources

Add pagination to all resource lists

Author: maciaszczykm

src/app/frontend/daemonsetlist/daemonsetcardlist.html

@@ -24,8 +24,9 @@
     <kd-resource-card-header-column size="small" grow="nogrow">
     </kd-resource-card-header-column>
   </kd-resource-card-header-columns>
-  <kd-resource-card ng-repeat="daemonSet in ::$ctrl.daemonSets.daemonSets"
-      object-meta="daemonSet.objectMeta" type-meta="daemonSet.typeMeta">
+  <kd-resource-card dir-paginate="daemonSet in $ctrl.daemonSets.daemonSets | itemsPerPage: default"
+                    pagination-id="daemonsets" object-meta="daemonSet.objectMeta"
+                    type-meta="daemonSet.typeMeta">
     <kd-resource-card-status layout="row">
       <md-icon class="material-icons kd-error" ng-if="::$ctrl.hasWarnings(daemonSet)">
         error
@@ -74,4 +75,9 @@
       </kd-resource-card-column>
     </kd-resource-card-columns>
   </kd-resource-card>
+  <kd-resource-card-list-footer>
+    <kd-resource-card-list-pagination pagination-id="daemonsets"
+                                      total-items="$ctrl.daemonSets.daemonSets.length">
+    </kd-resource-card-list-pagination>
+  </kd-resource-card-list-footer>
 </kd-resource-card-list>

src/app/frontend/deploymentlist/deploymentcardlist.html

@@ -34,6 +34,12 @@
     <kd-resource-card-header-column size="small" grow="nogrow">
     </kd-resource-card-header-column>
   </kd-resource-card-header-columns>
-  <kd-deployment-card ng-repeat="deployment in $ctrl.deployments" deployment="deployment">
+  <kd-deployment-card dir-paginate="deployment in $ctrl.deployments | itemsPerPage: default"
+                      deployment="deployment" pagination-id="deployments">
   </kd-deployment-card>
+  <kd-resource-card-list-footer>
+    <kd-resource-card-list-pagination pagination-id="deployments"
+                                      total-items="$ctrl.deployments.length">
+    </kd-resource-card-list-pagination>
+  </kd-resource-card-list-footer>
 </kd-resource-card-list>

src/app/frontend/joblist/jobcardlist.html

@@ -34,7 +34,11 @@
     <kd-resource-card-header-column size="small" grow="nogrow">
     </kd-resource-card-header-column>
   </kd-resource-card-header-columns>
-  <kd-job-card ng-repeat="rc in $ctrl.jobs"
-      job="rc">
+  <kd-job-card dir-paginate="rc in $ctrl.jobs | itemsPerPage: default" job="rc"
+               pagination-id="jobs">
   </kd-job-card>
+  <kd-resource-card-list-footer>
+    <kd-resource-card-list-pagination pagination-id="jobs" total-items="$ctrl.jobs.length">
+    </kd-resource-card-list-pagination>
+  </kd-resource-card-list-footer>
 </kd-resource-card-list>

src/app/frontend/petsetlist/petsetcardlist.html

@@ -34,7 +34,12 @@
     <kd-resource-card-header-column size="small" grow="nogrow">
     </kd-resource-card-header-column>
   </kd-resource-card-header-columns>
-  <kd-pet-set-card ng-repeat="petSet in $ctrl.petSets"
-      pet-set="petSet">
+  <kd-pet-set-card dir-paginate="petSet in $ctrl.petSets | itemsPerPage: default"
+                   pet-set="petSet" pagination-id="petsets">
   </kd-pet-set-card>
+  <kd-resource-card-list-footer>
+    <kd-resource-card-list-pagination pagination-id="petsets"
+                                      total-items="$ctrl.petSets.length">
+    </kd-resource-card-list-pagination>
+  </kd-resource-card-list-footer>
 </kd-resource-card-list>

src/app/frontend/replicationcontrollerlist/replicationcontrollercardlist.html

@@ -34,7 +34,12 @@
     <kd-resource-card-header-column grow="nogrow" class="kd-row-layout-column" size="small">
     </kd-resource-card-header-column>
   </kd-resource-card-header-columns>
-  <kd-replication-controller-card ng-repeat="rc in $ctrl.replicationControllers"
-      replication-controller="rc">
+  <kd-replication-controller-card replication-controller="rc" pagination-id="replicationcontrollers"
+                                  dir-paginate="rc in $ctrl.replicationControllers | itemsPerPage: default" >
   </kd-replication-controller-card>
+  <kd-resource-card-list-footer>
+    <kd-resource-card-list-pagination pagination-id="replicationcontrollers"
+                                      total-items="$ctrl.replicationControllers.length">
+    </kd-resource-card-list-pagination>
+  </kd-resource-card-list-footer>
 </kd-resource-card-list>

src/app/frontend/servicelist/servicecardlist.html

@@ -25,8 +25,9 @@
     </kd-resource-card-header-column>
   </kd-resource-card-header-columns>
 
-  <kd-resource-card ng-repeat="service in ::$ctrl.services"
-      object-meta="service.objectMeta" type-meta="service.typeMeta">
+  <kd-resource-card dir-paginate="service in $ctrl.services | itemsPerPage: default"
+                    pagination-id="services" object-meta="service.objectMeta"
+                    type-meta="service.typeMeta">
     <kd-resource-card-status layout="row">
       <md-icon class="material-icons" ng-if="::$ctrl.isPending(service)">
         timelapse
@@ -71,4 +72,9 @@
       </kd-resource-card-column>
     </kd-resource-card-columns>
   </kd-resource-card>
+  <kd-resource-card-list-footer>
+    <kd-resource-card-list-pagination pagination-id="services"
+                                      total-items="$ctrl.services.length">
+    </kd-resource-card-list-pagination>
+  </kd-resource-card-list-footer>
 </kd-resource-card-list>