chore(*): use common resource strings

Author: zdrawku

projects/igniteui-angular/src/lib/paginator/paginator.component.html

@@ -1,31 +1,31 @@
 <div class="igx-paginator__select" [hidden]="dropdownHidden">
-    <label class="igx-paginator__label">{{ selectLabel }}</label>
+    <label class="igx-paginator__label">{{ resourceStrings.igx_paginator_label }}</label>
     <div class="igx-paginator__select-input">
         <igx-select [(ngModel)]="perPage" [displayDensity]="paginatorSelectDisplayDensity()" type="border"
             [disabled]="!dropdownEnabled">
-            <label igxLabel [hidden]="true">{{ selectLabel }}</label>
+            <label igxLabel [hidden]="true">{{ resourceStrings.igx_paginator_label }}</label>
             <igx-select-item [value]="val" *ngFor="let val of selectOptions">
                 {{val}}
             </igx-select-item>
         </igx-select>
     </div>
 </div>
 <div class="igx-paginator__pager" [hidden]="pagerHidden" role="navigation">
-    <button [title]="firstPageLabel" [disabled]="isFirstPageDisabled" [attr.aria-disabled]="isFirstPageDisabled" (click)="paginate(0)" igxButton="icon" igxRipple igxRippleCentered="true">
+    <button [title]="resourceStrings.igx_paginator_first_page_button_text" [disabled]="isFirstPageDisabled" [attr.aria-disabled]="isFirstPageDisabled" (click)="paginate(0)" igxButton="icon" igxRipple igxRippleCentered="true">
         <igx-icon fontSet="material">first_page</igx-icon>
     </button>
-    <button [title]="previousPageLabel" [disabled]="isFirstPageDisabled" [attr.aria-disabled]="isFirstPageDisabled" (click)="previousPage()" igxButton="icon" igxRipple igxRippleCentered="true">
+    <button [title]="resourceStrings.igx_paginator_previous_page_button_text" [disabled]="isFirstPageDisabled" [attr.aria-disabled]="isFirstPageDisabled" (click)="previousPage()" igxButton="icon" igxRipple igxRippleCentered="true">
         <igx-icon fontSet="material">chevron_left</igx-icon>
     </button>
     <div class='igx-paginator__pager-text' aria-current="page">
         <span>{{ page + 1 }}</span>
-        <span>&nbsp;{{prepositionPage}}&nbsp;</span>
+        <span>&nbsp;{{ resourceStrings.igx_paginator_pager_text }}&nbsp;</span>
         <span>{{ totalPages }}</span>
     </div>
-    <button [title]="nextPageLabel" [disabled]="isLastPageDisabled" [attr.aria-disabled]="isLastPageDisabled" (click)="nextPage()" igxRipple igxRippleCentered="true" igxButton="icon">
+    <button [title]="resourceStrings.igx_paginator_next_page_button_text" [disabled]="isLastPageDisabled" [attr.aria-disabled]="isLastPageDisabled" (click)="nextPage()" igxRipple igxRippleCentered="true" igxButton="icon">
         <igx-icon fontSet="material">chevron_right</igx-icon>
     </button>
-    <button [title]="lastPageLabel" [disabled]="isLastPageDisabled" [attr.aria-disabled]="isLastPageDisabled" (click)="paginate(totalPages - 1)" igxButton="icon" igxRipple
+    <button [title]="resourceStrings.igx_paginator_last_page_button_text" [disabled]="isLastPageDisabled" [attr.aria-disabled]="isLastPageDisabled" (click)="paginate(totalPages - 1)" igxButton="icon" igxRipple
         igxRippleCentered="true">
         <igx-icon fontSet="material">last_page</igx-icon>
     </button>

projects/igniteui-angular/src/lib/paginator/paginator.component.ts

@@ -8,6 +8,7 @@ import { IgxIconModule } from '../icon/index';
 import { IgxButtonModule } from '../directives/button/button.directive';
 import { IgxRippleModule } from '../directives/ripple/ripple.directive';
 import { IgxInputGroupModule } from '../input-group';
+import { IPaginatorResourceStrings } from '../core/i18n/paginator-resources';
 
 @Component({
     selector: 'igx-paginator',
@@ -19,6 +20,7 @@ export class IgxPaginatorComponent extends DisplayDensityBase {
      * Total pages calculated from totalRecords and perPage
      */
     public totalPages: number;
+    private _resourceStrings = CurrentResourceStrings.PaginatorResStrings;
     protected _page = 0;
     protected _totalRecords: number;
     protected _selectOptions;
@@ -159,56 +161,21 @@ export class IgxPaginatorComponent extends DisplayDensityBase {
     @Input()
     public dropdownHidden = false;
 
-   /**
-    * An @Input property, sets number of label of the select.
-    * The default is 'Items per page' localized string.
-    * ```html
-    * <igx-paginator label="My custom label"></igx-paginator>
-    * ```
-    * @memberof IgxPaginatorComponent
-    */
+    /**
+     * An accessor that sets the resource strings.
+     * By default it uses EN resources.
+     */
     @Input()
-    public selectLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_label;
-
-   /**
-    * An @Input property, sets a preposition between the current page and total pages.
-    * The default is 'of' localized string.
-    * @memberof IgxPaginatorComponent
-    */
-   @Input()
-   public prepositionPage = CurrentResourceStrings.PaginatorResStrings.igx_paginator_pager_text;
-
-   /**
-    * An @Input property, sets a tooltip text for first page button label
-    * The default is 'Go to first page' localized string.
-    * @memberof IgxPaginatorComponent
-    */
-   @Input()
-   public firstPageLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_first_page_button_text;
-
-   /**
-    * An @Input property, sets a tooltip text for the previous page button label
-    * The default is 'Previous page' localized string.
-    * @memberof IgxPaginatorComponent
-    */
-   @Input()
-   public previousPageLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_previous_page_button_text;
-
-   /**
-    * An @Input property, sets a tooltip text for last page button label
-    * The default is 'Go to last page' localized string.
-    * @memberof IgxPaginatorComponent
-    */
-   @Input()
-   public lastPageLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_last_page_button_text;
+    set resourceStrings(value: IPaginatorResourceStrings) {
+        this._resourceStrings = Object.assign({}, this._resourceStrings, value);
+    }
 
-   /**
-    * An @Input property, sets a tooltip text for the next page button label
-    * The default is 'Next page' localized string.
-    * @memberof IgxPaginatorComponent
-    */
-   @Input()
-   public nextPageLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_next_page_button_text;
+    /**
+     * An accessor that returns the resource strings.
+     */
+    get resourceStrings(): IPaginatorResourceStrings {
+        return this._resourceStrings;
+    }
 
     /**
      * An event that is emitted when the select in the `IgxPaginatorComponent` changes its value.