sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added menu active status for serch results and product details

Browse Source
This commit is contained in:
Eraldo Hasanaj
2019-02-10 12:51:11 +01:00
parent 9ce0c6869c
commit b1de5aa963
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/components/menu/menu.component.html
View File

@@ -2,26 +2,34 @@
<div class="menu-grid">
<div class="menu-item-grid align-center" (click)="routeToMenu('/article-search', 'articlesearch')">
<div>
<img class="menu-icon" *ngIf="router.url === '/article-search'; else articleSearchImageElse" src="/assets/images/Icon_Artikelsuche.svg">
<img class="menu-icon" *ngIf="router.url === '/article-search' ||
router.url.startsWith('/search-results') ||
router.url.startsWith('/product-details');
else articleSearchImageElse" src="/assets/images/Icon_Artikelsuche.svg">
<ng-template #articleSearchImageElse>
<img class="menu-icon" src="/assets/images/Icon_Artikelsuche_inactive.svg">
</ng-template>
</div>
<span *ngIf="router.url === '/article-search'; else articleSearchLabelElse" class="menu-item selected">Artikelsuche</span>
<span *ngIf="router.url === '/article-search' ||
router.url.startsWith('/search-results') ||
router.url.startsWith('/product-details');
else articleSearchLabelElse" class="menu-item selected">Artikelsuche</span>
<ng-template #articleSearchLabelElse>
<span class="menu-item">Artikelsuche</span>
<span class="menu-item">Artikelsuche</span>
</ng-template>
</div>
<div class="menu-item-grid align-center" (click)="routeToMenu('/customer-search', 'customersearch')">
<div>
<img class="menu-icon" *ngIf="router.url === '/customer-search'; else customerSearchImageElse" src="/assets/images/Icon_Kundensuche.svg">
<img class="menu-icon" *ngIf="router.url === '/customer-search'; else customerSearchImageElse"
src="/assets/images/Icon_Kundensuche.svg">
<ng-template #customerSearchImageElse>
<img class="menu-icon" src="/assets/images/Icon_Kundensuche_inactive.svg">
</ng-template>
</div>
<span *ngIf="router.url === '/customer-search'; else customerSearchLabelElse" class="menu-item selected">Kundensuche</span>
<span *ngIf="router.url === '/customer-search'; else customerSearchLabelElse"
class="menu-item selected">Kundensuche</span>
<ng-template #customerSearchLabelElse>
<span class="menu-item">Kundensuche</span>
<span class="menu-item">Kundensuche</span>
</ng-template>
</div>
<div class="menu-item-grid align-center">