Skip to content
Snippets Groups Projects
Commit 4f8446c3 authored by Matthieu Benoist's avatar Matthieu Benoist
Browse files

change button link to a link for pagination for indexation with rendertron

parent dc01e602
Branches
Tags
1 merge request!131SEO
...@@ -31,11 +31,13 @@ ...@@ -31,11 +31,13 @@
<ul> <ul>
<ng-container *ngFor="let pageNum of getPages(); let i = index"> <ng-container *ngFor="let pageNum of getPages(); let i = index">
<li> <li>
<button *ngIf="!loading; else pageNumberDisabled" <a *ngIf="!loading; else pageNumberDisabled"
[attr.aria-label]="pageNum" [attr.aria-label]="pageNum"
(click)="onPage(pageNum)" class="button" (click)="onPage(pageNum);" class="button"
[ngClass]="{'is-current': pageNum === pageIndex}" href="{{ currentUrl }}?page={{ pageNum }}"
[attr.aria-current]="pageNum === pageIndex ? 'page' : undefined">{{ pageNum }}</button> [ngClass]="{'is-current': pageNum === pageIndex}"
[attr.aria-current]="pageNum === pageIndex ? 'page' : undefined">{{ pageNum }}</a>
<ng-template #pageNumberDisabled> <ng-template #pageNumberDisabled>
<button class="button" [ngClass]="{'is-current': pageNum === pageIndex}" <button class="button" [ngClass]="{'is-current': pageNum === pageIndex}"
[attr.aria-current]="pageNum === pageIndex ? 'page' : undefined" disabled>{{ pageNum }}</button> [attr.aria-current]="pageNum === pageIndex ? 'page' : undefined" disabled>{{ pageNum }}</button>
......
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { ViewportScroller } from '@angular/common'; import { ViewportScroller } from '@angular/common';
import { Router } from '@angular/router';
@Component({ @Component({
selector: 'app-paginator', selector: 'app-paginator',
...@@ -20,12 +21,16 @@ export class PaginatorComponent implements OnInit { ...@@ -20,12 +21,16 @@ export class PaginatorComponent implements OnInit {
@Output() pageSizeChanged = new EventEmitter<number>(); @Output() pageSizeChanged = new EventEmitter<number>();
pageSizeDropdownToggle = false; pageSizeDropdownToggle = false;
currentUrl: string;
constructor( constructor(
private _viewportScroller: ViewportScroller, private _viewportScroller: ViewportScroller,
private _router: Router
) { } ) { }
ngOnInit() { ngOnInit() {
const url = this._router.url.split('?');
this.currentUrl = url[0];
} }
onPrev() { onPrev() {
...@@ -42,9 +47,11 @@ export class PaginatorComponent implements OnInit { ...@@ -42,9 +47,11 @@ export class PaginatorComponent implements OnInit {
} }
} }
onPage(n: number): void { onPage(n: number): boolean {
this.scrollTop(); this.scrollTop();
this.page.emit(n); this.page.emit(n);
return false;
} }
totalPages(): number { totalPages(): number {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment