FIX #8956 add gesture event

src/frontend/app/app-common.module.ts

@@ -3,7 +3,7 @@ import { CommonModule }                         from '@angular/common';
 import { NgModule }                             from '@angular/core';
 
 /*CORE IMPORTS*/
-import { BrowserModule }                        from '@angular/platform-browser';
+import { BrowserModule, HammerGestureConfig, HAMMER_GESTURE_CONFIG }   from '@angular/platform-browser';
 import { BrowserAnimationsModule }              from '@angular/platform-browser/animations';
 import { FormsModule, ReactiveFormsModule }     from '@angular/forms';
 import { HttpClientModule }                     from '@angular/common/http';
@@ -33,6 +33,13 @@ import { SearchHomeComponent }                        from './search/search-home
 /*SEARCH*/
 import { BasketHomeComponent }                        from './basket/basket-home.component';
 
+
+export class MyHammerConfig extends HammerGestureConfig {
+    overrides = <any> {
+        'pinch': { enable: false },
+        'rotate': { enable: false }
+    }
+}
 @NgModule({
     imports: [
         CommonModule,
@@ -81,7 +88,11 @@ import { BasketHomeComponent }                        from './basket/basket-home
         SmdFabSpeedDialActions,
     ],
     providers: [
-        CookieService
+        CookieService,
+        {
+            provide: HAMMER_GESTURE_CONFIG,
+            useClass: MyHammerConfig
+        }
     ],
     entryComponents: [
         IndexingGroupModalComponent

src/frontend/app/list/basket-list.component.html

@@ -18,7 +18,7 @@
                 <div class="row" style="margin:0px;">
                     <div class="col-md-12" style="display:flex;">
                         <app-filters-tool style="flex:1;" #filtersTool [currentBasketInfo]="currentBasketInfo" [listProperties]="this.listProperties" [snavR]="snav2" (refreshEvent)="refreshDao()"></app-filters-tool>
-                        <mat-paginator [length]="resultsLength" [pageSize]="10" class="paginatorResultList"></mat-paginator>
+                        <mat-paginator #paginatorResultList [length]="resultsLength" [pageSize]="10" class="paginatorResultList"></mat-paginator>
                     </div>
                 </div>
 
@@ -96,7 +96,7 @@
                             </div>
                         </td>
                     </ng-container>
-                    <tr mat-row *matRowDef="let row; columns: displayedColumnsBasket;" (click)="goTo(row);" style="cursor: pointer;"></tr>
+                    <tr mat-row *matRowDef="let row; columns: displayedColumnsBasket;" (swipeleft)="paginatorResultList.nextPage()" (swiperight)="paginatorResultList.previousPage()" (click)="goTo(row);" style="cursor: pointer;"></tr>
                 </table>
             </mat-card>
         </mat-sidenav-content>

src/frontend/main.ts

 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { enableProdMode } from '@angular/core';
 
+import 'hammerjs';
+
 import { AppModule } from './app/app.module';
 
 enableProdMode();