[menu] link can be external
This commit is contained in:
		
							parent
							
								
									e5489277c6
								
							
						
					
					
						commit
						b91774d50c
					
				@ -34,7 +34,12 @@
 | 
				
			|||||||
            <li class="nav-item d-flex justify-content-start align-items-center menu-click">
 | 
					            <li class="nav-item d-flex justify-content-start align-items-center menu-click">
 | 
				
			||||||
              <fa-icon class="menu-click" [icon]="['fas', item.faIcon]" [fixedWidth]="true"></fa-icon>
 | 
					              <fa-icon class="menu-click" [icon]="['fas', item.faIcon]" [fixedWidth]="true"></fa-icon>
 | 
				
			||||||
              <button *ngIf="item.link === 'logout'" class="btn nav-link menu-click" role="tab" (click)="logout()">{{ item.title }}</button>
 | 
					              <button *ngIf="item.link === 'logout'" class="btn nav-link menu-click" role="tab" (click)="logout()">{{ item.title }}</button>
 | 
				
			||||||
              <a *ngIf="item.title !== 'Logout'" class="nav-link menu-click" [routerLink]="[item.link]" role="tab">{{ item.title }}</a>
 | 
					              <a *ngIf="item.title !== 'Logout'" class="nav-link menu-click" [routerLink]="[item.link]" role="tab">
 | 
				
			||||||
 | 
					                {{ item.title }}
 | 
				
			||||||
 | 
					                @if (item.isExternal === true) {
 | 
				
			||||||
 | 
					                  <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="margin-left: 5px; font-size: 13px; color: lightgray"></fa-icon>
 | 
				
			||||||
 | 
					                }
 | 
				
			||||||
 | 
					              </a>
 | 
				
			||||||
            </li>
 | 
					            </li>
 | 
				
			||||||
          </ul>
 | 
					          </ul>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 | 
				
			|||||||
@ -5,6 +5,7 @@ export type MenuItem = {
 | 
				
			|||||||
  i18n: string;
 | 
					  i18n: string;
 | 
				
			||||||
  faIcon: IconName;
 | 
					  faIcon: IconName;
 | 
				
			||||||
  link: string;
 | 
					  link: string;
 | 
				
			||||||
 | 
					  isExternal?: boolean;
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
export type MenuGroup = {
 | 
					export type MenuGroup = {
 | 
				
			||||||
  title: string;
 | 
					  title: string;
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user