mirror of https://github.com/sindresorhus/awesome
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.2 KiB
HTML
79 lines
2.2 KiB
HTML
<igx-nav-drawer [pin]="true" [pinThreshold]="1024" #navDrawer class="nav-drawer">
|
|
<ng-template igxDrawer>
|
|
<div igxDrawerItem igxRipple routerLink="/movies">
|
|
<igx-icon class="icon">
|
|
movie
|
|
</igx-icon>
|
|
<span>Movies</span>
|
|
</div>
|
|
<div igxDrawerItem igxRipple routerLink="/movie-complex">
|
|
<igx-icon class="icon">
|
|
location_on
|
|
</igx-icon>
|
|
<span>Theatres</span>
|
|
</div>
|
|
<div igxDrawerItem igxRipple routerLink="/my-purchases">
|
|
<igx-icon class="icon">
|
|
shopping_cart
|
|
</igx-icon>
|
|
<span>My Purchases</span>
|
|
</div>
|
|
<div igxDrawerItem igxRipple>
|
|
<igx-icon class="icon">
|
|
local_offer
|
|
</igx-icon>
|
|
<span>Promos</span>
|
|
</div>
|
|
<div igxDrawerItem igxRipple>
|
|
<igx-icon class="icon">
|
|
help
|
|
</igx-icon>
|
|
<span>Help & Support</span>
|
|
</div>
|
|
<div igxDrawerItem igxRipple>
|
|
<igx-icon class="icon">
|
|
chat_bubble
|
|
</igx-icon>
|
|
<span>Contact Us</span>
|
|
</div>
|
|
</ng-template>
|
|
</igx-nav-drawer>
|
|
<div class="column-layout group">
|
|
<div class="row-layout header">
|
|
<div class="row-layout group_1">
|
|
<button igxButton="icon" igxRipple [igxToggleAction]="navDrawer" class="button">
|
|
<igx-icon>
|
|
menu
|
|
</igx-icon>
|
|
</button>
|
|
<p class="ig-typography__subtitle-1 text">
|
|
MOVIE APP
|
|
</p>
|
|
</div>
|
|
<div class="row-layout group_2">
|
|
<button igxButton="icon" igxRipple class="button_1">
|
|
<igx-icon>
|
|
search
|
|
</igx-icon>
|
|
</button>
|
|
<button igxButton="icon" igxRipple class="button_1">
|
|
<igx-icon>
|
|
favorite
|
|
</igx-icon>
|
|
</button>
|
|
<igx-avatar src="https://d3cg6cexo8t5ug.cloudfront.net/avatars/avatar8.png" shape="circle" [igxToggleAction]="dropdown" class="avatar"></igx-avatar>
|
|
<igx-drop-down #dropdown class="dropdown">
|
|
<igx-drop-down-item>
|
|
My Profile
|
|
</igx-drop-down-item>
|
|
<igx-drop-down-item>
|
|
Logout
|
|
</igx-drop-down-item>
|
|
</igx-drop-down>
|
|
</div>
|
|
</div>
|
|
<div class="view-container">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</div>
|