Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-03-12 09:42:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: apply new layout overhaul

Browse Source
This commit is contained in:
Andy Bastian
2022-08-08 11:01:00 +00:00
committed by Rainer Killinger
parent f16e5394cc
commit 7bbdba5c0b
228 changed files with 28387 additions and 1092 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/modules/map/page/map-page.html
View File

@@ -16,31 +16,39 @@
<stapps-context contentId="map"></stapps-context>
<ion-header class="ion-no-border" translucent="true">
<ion-toolbar>
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button
*ngIf="items.length !== 1"
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
></ion-back-button>
<ion-back-button
*ngIf="items.length === 1"
default-href="/"
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
(click)="resetView()"
></ion-back-button>
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>{{ 'map.page.TITLE' | translate }}</ion-title>
</ion-toolbar>
<ion-toolbar color="primary">
<ion-searchbar
(keyup)="searchKeyUp($event)"
(keyup.enter)="hideKeyboard()"
[(ngModel)]="queryText"
(ionClear)="searchStringChanged()"
mode="md"
placeholder="{{ 'map.page.search_bar.placeholder' | translate }}"
showClearButton="always"
type="search"
enterkeyhint="search"
class="filterable"
>
</ion-searchbar>
<ion-buttons slot="end">
<ion-menu-button menu="context" auto-hide="false">
<ion-icon name="filter"></ion-icon>
<ion-icon name="adjustments"></ion-icon>
</ion-menu-button>
</ion-buttons>
</ion-searchbar>
</ion-toolbar>
</ion-header>
@@ -61,6 +69,7 @@
<div class="map-buttons above">
<ion-button
*ngIf="items.length > 1"
[@fadeInOut]
color="light"
shape="round"
size="small"
@@ -79,21 +88,24 @@
>
<ion-icon
*ngIf="position !== null; else questionIcon"
name="locate"
name="current-location"
></ion-icon>
<ng-template #questionIcon>
<ion-icon name="help-circle-outline"></ion-icon>
<ion-icon name="help"></ion-icon>
</ng-template>
</ion-button>
</div>
<stapps-map-item
*ngIf="items.length === 1"
[@fadeInOut]
[item]="items[0]"
(onClose)="resetView()"
></stapps-map-item>
</div>
<div class="map-buttons floating-buttons">
<ion-button
*ngIf="items.length > 1"
[@fadeInOut]
color="light"
shape="round"
size="small"
@@ -112,10 +124,10 @@
>
<ion-icon
*ngIf="position !== null; else questionIcon"
name="locate"
name="current-location"
></ion-icon>
<ng-template #questionIcon>
<ion-icon name="help-circle-outline"></ion-icon>
<ion-icon name="help"></ion-icon>
</ng-template>
</ion-button>
</div>