refactor: update to ionic v6

src/app/modules/map/page/map-page.html

@@ -1,3 +1,18 @@
+<!--
+  ~ Copyright (C) 2022 StApps
+  ~  This program is free software: you can redistribute it and/or modify it
+  ~  under the terms of the GNU General Public License as published by the Free
+  ~  Software Foundation, version 3.
+  ~
+  ~  This program is distributed in the hope that it will be useful, but WITHOUT
+  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License along with
+  ~  this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
+
 <stapps-context contentId="map"></stapps-context>
 
 <ion-header class="ion-no-border" translucent="true">
@@ -46,7 +61,7 @@
         color="light"
         shape="round"
         size="small"
-        (click)="showListModal()"
+        (click)="mapListModal.present()"
       >
         <ion-icon name="list"></ion-icon>&nbsp;&nbsp;{{
           'map.page.buttons.SHOW_LIST' | translate
@@ -71,7 +86,6 @@
     <stapps-map-item
       *ngIf="items.length === 1"
       [item]="items[0]"
-      (showDetails)="showItemModal($event)"
     ></stapps-map-item>
   </div>
   <div class="map-buttons floating-buttons">
@@ -80,7 +94,7 @@
       color="light"
       shape="round"
       size="small"
-      (click)="showListModal()"
+      (click)="mapListModal.present()"
     >
       <ion-icon name="list"></ion-icon>&nbsp;&nbsp;{{
         'map.page.buttons.SHOW_LIST' | translate
@@ -102,4 +116,18 @@
       </ng-template>
     </ion-button>
   </div>
+
+  <ion-modal
+    [swipeToClose]="true"
+    [presentingElement]="routerOutlet.nativeEl"
+    #mapListModal
+  >
+    <ng-template>
+      <map-list-modal
+        style="height: 100%"
+        [filterQuery]="filterQuery"
+        [queryText]="queryText"
+      ></map-list-modal>
+    </ng-template>
+  </ion-modal>
 </ion-content>