Add pagination to event list (#942)

Author: Sebastian Florek

src/app/frontend/events/eventcardlist.html

@@ -51,8 +51,8 @@
         </kd-resource-card-header-column>
       </kd-resource-card-header-columns>
 
-      <kd-resource-card ng-repeat="event in $ctrl.filteredEvents"
-          object-meta="event.objectMeta" type-meta="event.typeMeta">
+      <kd-resource-card dir-paginate="event in $ctrl.filteredEvents | itemsPerPage: default"
+          object-meta="event.objectMeta" type-meta="event.typeMeta" pagination-id="events">
         <kd-resource-card-status>
           <i ng-if="$ctrl.isEventWarning(event)"
              class="material-icons kd-replicationcontrollerevents-warning-icon">warning</i>
@@ -80,6 +80,10 @@
           </kd-resource-card-column>
         </kd-resource-card-columns>
       </kd-resource-card>
+      <kd-resource-card-list-footer>
+        <kd-resource-card-list-pagination pagination-id="events" total-items="$ctrl.filteredEvents.length">
+        </kd-resource-card-list-pagination>
+      </kd-resource-card-list-footer>
     </kd-resource-card-list>
 
     <div class="kd-replicationcontrollerevents-no-events" ng-if="!$ctrl.hasEvents()">