-
-
Notifications
You must be signed in to change notification settings - Fork 17
/
course-rive.page.html
54 lines (46 loc) · 1.31 KB
/
course-rive.page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="screen-background"></div>
<!-- Side Menu -->
<cr-side-menu #sideMenu></cr-side-menu>
<cr-on-boarding
#onBoarding
(closeOnBoardingEvent)="showOnBoardingToggle()"
></cr-on-boarding>
<ion-content #mainContent>
<div class="home-tab-container" [hidden]="selectedTab.id !== tabItems[0].id">
<cr-content-view></cr-content-view>
</div>
<div
class="other-tabs"
[ngStyle]="{ display: selectedTab.id === tabItems[0].id ? 'none' : 'flex' }"
>
<ion-text class="font-title">
{{selectedTab.artboard.toLowerCase()}}
</ion-text>
</div>
</ion-content>
<div #onBoardingBtn class="on-boarding-btn" (click)="showOnBoardingToggle()">
<ion-icon name="person-outline"></ion-icon>
</div>
<!-- Menu button -->
<canvas
#menuToggleBtn
class="side-menu-button"
riv="menu_button"
width="44"
height="44"
(click)="onMenuToggle()"
*ngIf="showRiveMenuBtn"
>
<riv-state-machine name="State Machine" play>
<riv-input name="isOpen" [value]="isMenuOpen"></riv-input>
</riv-state-machine>
</canvas>
<!-- White background behind tab bar that partially shows the tab content -->
<div #tabWhiteBg class="tabs-white-underlay"></div>
<!-- Custom Tab -->
<cr-bottom-tab-bar
#bottomTabs
style="z-index: 2"
[selectedTab]="selectedTab"
(onTabChange)="selectedTab = $event"
></cr-bottom-tab-bar>