Fix localiztion for buttons in pagination (#19006)

Co-authored-by: Lan Nguyen Thuy <lnt@umbraco.dk>

Author: NguyenThuyLan

src/Umbraco.Web.UI.Client/src/packages/core/collection/components/pagination/collection-pagination.element.ts

@@ -55,6 +55,10 @@ export class UmbCollectionPaginationElement extends UmbLitElement {
 		return html`<uui-pagination
 			.current=${this._currentPage}
 			.total=${this._totalPages}
+			firstlabel=${this.localize.term('general_first')}
+            previouslabel=${this.localize.term('general_previous')}
+            nextlabel=${this.localize.term('general_next')}
+            lastlabel=${this.localize.term('general_last')}
 			@change=${this.#onChange}></uui-pagination>`;
 	}
 

src/Umbraco.Web.UI.Client/src/packages/documents/document-redirect-management/dashboard-redirect-management.element.ts

@@ -247,7 +247,13 @@ export class UmbDashboardRedirectManagementElement extends UmbLitElement {
 		if (totalPages <= 1) return nothing;
 
 		return html`<div class="pagination">
-			<uui-pagination .total=${totalPages} @change=${this.#onPageChange}></uui-pagination>
+			<uui-pagination 
+			.total=${totalPages} 
+			firstlabel=${this.localize.term('general_first')}
+            previouslabel=${this.localize.term('general_previous')}
+            nextlabel=${this.localize.term('general_next')}
+            lastlabel=${this.localize.term('general_last')}
+			@change=${this.#onPageChange}></uui-pagination>
 		</div>`;
 	}
 

src/Umbraco.Web.UI.Client/src/packages/documents/documents/audit-log/info-app/document-history-workspace-info-app.element.ts

@@ -160,6 +160,10 @@ export class UmbDocumentHistoryWorkspaceInfoAppElement extends UmbLitElement {
 			<uui-pagination
 				.current=${this._currentPageNumber}
 				.total=${this._totalPages}
+				firstlabel=${this.localize.term('general_first')}
+                previouslabel=${this.localize.term('general_previous')}
+                nextlabel=${this.localize.term('general_next')}
+                lastlabel=${this.localize.term('general_last')}
 				@change=${this.#onPageChange}></uui-pagination>
 		`;
 	}

src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/overview/components/log-viewer-message-templates-overview.element.ts

@@ -71,6 +71,10 @@ export class UmbLogViewerMessageTemplatesOverviewElement extends UmbLitElement {
 					? html`<uui-pagination
 							.current=${this.#currentPage}
 							.total=${Math.ceil(this._total / this.#itemsPerPage)}
+							firstlabel=${this.localize.term('general_first')}
+                            previouslabel=${this.localize.term('general_previous')}
+                            nextlabel=${this.localize.term('general_next')}
+                            lastlabel=${this.localize.term('general_last')}
 							@change=${this.#onChangePage}></uui-pagination>`
 					: nothing}
 			</uui-box>

src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/overview/components/log-viewer-saved-searches-overview.element.ts

@@ -68,6 +68,10 @@ export class UmbLogViewerSavedSearchesOverviewElement extends UmbLitElement {
 				? html`<uui-pagination
 						.current=${this.#currentPage}
 						.total=${Math.ceil(this._total / this.#itemsPerPage)}
+						firstlabel=${this.localize.term('general_first')}
+                        previouslabel=${this.localize.term('general_previous')}
+                        nextlabel=${this.localize.term('general_next')}
+                        lastlabel=${this.localize.term('general_last')}
 						@change=${this.#onChangePage}></uui-pagination>`
 				: nothing}
 		</uui-box>`;

src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.ts

@@ -74,7 +74,13 @@ export class UmbLogViewerMessagesListElement extends UmbLitElement {
 		if (totalPages <= 1) return '';
 
 		return html`<div id="pagination">
-			<uui-pagination .total=${totalPages} @change="${this._onPageChange}"></uui-pagination>
+			<uui-pagination 
+			.total=${totalPages} 
+			firstlabel=${this.localize.term('general_first')}
+            previouslabel=${this.localize.term('general_previous')}
+            nextlabel=${this.localize.term('general_next')}
+            lastlabel=${this.localize.term('general_last')}
+			@change="${this._onPageChange}"></uui-pagination>
 		</div>`;
 	}
 

src/Umbraco.Web.UI.Client/src/packages/media/media/audit-log/info-app/media-history-workspace-info-app.element.ts

@@ -141,6 +141,10 @@ export class UmbMediaHistoryWorkspaceInfoAppElement extends UmbLitElement {
 							class="pagination"
 							.current=${this._currentPageNumber}
 							.total=${this._totalPages}
+							firstlabel=${this.localize.term('general_first')}
+                            previouslabel=${this.localize.term('general_previous')}
+                            nextlabel=${this.localize.term('general_next')}
+                            lastlabel=${this.localize.term('general_last')}
 							@change=${this.#onPageChange}></uui-pagination>
 					`
 				: nothing}

src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts

@@ -337,6 +337,10 @@ export class UmbMediaPickerModalElement extends UmbModalBaseElement<UmbMediaPick
 							? html`<uui-pagination
 									.current=${this._currentPage}
 									.total=${this._currentTotalPages}
+									firstlabel=${this.localize.term('general_first')}
+                                    previouslabel=${this.localize.term('general_previous')}
+                                    nextlabel=${this.localize.term('general_next')}
+                                    lastlabel=${this.localize.term('general_last')}
 									@change=${this.#onPageChange}></uui-pagination>`
 							: nothing}`}
 		`;

src/Umbraco.Web.UI.Client/src/packages/packages/package-section/views/created/packages-created-overview.element.ts

@@ -121,7 +121,13 @@ export class UmbPackagesCreatedOverviewElement extends UmbLitElement {
 		if (totalPages <= 1) return nothing;
 		return html`
 			<div class="container">
-				<uui-pagination .total=${totalPages} @change=${this.#onPageChange}></uui-pagination>
+				<uui-pagination 
+				.total=${totalPages} 
+				firstlabel=${this.localize.term('general_first')}
+                previouslabel=${this.localize.term('general_previous')}
+                nextlabel=${this.localize.term('general_next')}
+                lastlabel=${this.localize.term('general_last')}
+				@change=${this.#onPageChange}></uui-pagination>
 			</div>
 		`;
 	}

src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/workspace/relation-type/views/relation-type-detail-workspace-view.element.ts

@@ -180,6 +180,10 @@ export class UmbRelationTypeDetailWorkspaceViewElement extends UmbLitElement imp
 							<uui-pagination
 								.current=${this._currentPageNumber}
 								.total=${this._totalPages}
+								firstlabel=${this.localize.term('general_first')}
+                                previouslabel=${this.localize.term('general_previous')}
+                                nextlabel=${this.localize.term('general_next')}
+                                lastlabel=${this.localize.term('general_last')}
 								@change=${this.#onPageChange}></uui-pagination>
 						`
 					: nothing}

src/Umbraco.Web.UI.Client/src/packages/relations/relations/reference/workspace-info-app/entity-references-workspace-view-info.element.ts

@@ -132,7 +132,13 @@ export class UmbEntityReferencesWorkspaceInfoAppElement extends UmbLitElement {
 
 		return html`
 			<div class="pagination-container">
-				<uui-pagination .total=${totalPages} @change="${this.#onPageChange}"></uui-pagination>
+				<uui-pagination 
+				.total=${totalPages} 
+				firstlabel=${this.localize.term('general_first')}
+                previouslabel=${this.localize.term('general_previous')}
+                nextlabel=${this.localize.term('general_next')}
+                lastlabel=${this.localize.term('general_last')}
+				@change="${this.#onPageChange}"></uui-pagination>
 			</div>
 		`;
 	}