Merge pull request #148 from zvonimirfras/master

Feat(Pagination): Add pagination

Author: zvonimirfras

.storybook/preview.scss

@@ -1,4 +1,4 @@
-@import "~carbon-components/scss/globals/scss/styles.scss";
+@import "~carbon-components/css/carbon-components.min.css";
 
 body {
 	margin: 20px;

package-lock.json

@@ -63,7 +63,7 @@
     "core-js": "^2.5.3",
     "rxjs": "^6.0.0",
     "zone.js": "^0.8.26",
-    "carbon-components": "^9.1.13"
+    "carbon-components": "^9.20.0"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "0.7.1",
@@ -93,7 +93,7 @@
     "@types/node": "8.5.2",
     "angular2-template-loader": "0.6.2",
     "babel-core": "6.26.3",
-    "carbon-components": "9.1.13",
+    "carbon-components": "9.20.0",
     "codelyzer": "4.0.2",
     "commitizen": "2.10.1",
     "core-js": "2.5.5",

package.json

@@ -51,7 +51,7 @@
 		"TOOLTIP": {
 			"CLOSE": "Close tooltip"
 		},
-		"POPOVER" : {
+		"POPOVER": {
 			"CLOSE": "Close popover"
 		}
 	},
@@ -65,12 +65,19 @@
 			"RESET_SEARCH": "Reset search"
 		}
 	},
-	"MODAL" : {
+	"MODAL": {
 		"CLOSE": "Close modal"
 	},
-	"OVERFLOW_MENU" : {
+	"OVERFLOW_MENU": {
 		"OVERFLOW": "Overflow"
 	},
+	"PAGINATION": {
+		"ITEMS_PER_PAGE": "Items per page:",
+		"OPEN_LIST_OF_OPTIONS": "Open list of options",
+		"ITEMS_INDICES": "{{startItemIndex}}-{{endItemIndex}} of {{totalDataLength}} items",
+		"BACKWARD": "Backward",
+		"FORWARD": "Forward"
+	},
 	"SIDENAV": {
 		"NAV_LABEL": "Side navigation"
 	},

src/i18n/en.json

@@ -0,0 +1,26 @@
+export class PaginationModel {
+	/**
+	 * Tracks the current page.
+	 *
+	 * @type {number}
+	 * @memberof PaginationModel
+	 */
+	currentPage: number;
+
+	/**
+	 * Length of page.
+	 *
+	 * @type {number}
+	 * @memberof PaginationModel
+	 */
+	pageLength: number;
+
+	/**
+	 * Absolute total number of items needed to paginate.
+	 *
+	 * @private
+	 * @type {number}
+	 * @memberof PaginationModel
+	 */
+	totalDataLength: number;
+}