asc/benchcoach
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

navbar, login refinements

Browse Source
This commit is contained in:
Anthony Correa
2024-03-15 08:39:22 -05:00
parent 61b6dc8a35
commit 58c870ce7c
6 changed files with 131 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/partials/navbar.hbs
View File

@@ -1,40 +1,39 @@
<div class="Header-container Grid u-flexAlignItemsCenter">
<div class="Grid-cell u-sizeFill">
<div class="Header-banner Grid u-flexAlignItemsCenter">
<a href="/" class="Grid-cell u-sizeFit u-flexInline u-flexAlignItemsCenter u-textDecorationNone">
<div class="Header-bannerLogo">
<img class="logo" src="/media/benchcoach.svg" alt="BenchCoach Logo">
</div>
</a>
<div class="Grid-cell u-flexInline u-flexJustifyEnd u-sizeFill u-padSidesSm">
{{#if user}}
<div class="Popup">
<div class="Button Button--small Popup-toggle" onclick="this.closest('.Popup').querySelector('.Popup-container').classList.toggle('is-open')">
Account
</div>
<div class="Popup-container Popup-container--down Popup-container--right u-sizeFit">
<div class="Popup-content u-padXs u-sizeFit u-fontSizeSm">
<h6 class="h6 title u-textNoWrap u-fontSizeSm u-textSemiBold">{{user.first_name}} {{user.last_name}}</h6>
<div class="u-textNoWrap u-fontSizeSm">{{user.email}}</div>
<hr class="Divider u-spaceEndsNone">
<div class="u-padBottomSm u-padTopSm">
<a href="/user/{{user.id}}/teams" class="u-spaceBottomSm Button Button--small">
<span>{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/team.svg"}}}</span>
Teams
</a>
<form method="post" action="/logout">
<button type="submit" name="logout" class="u-spaceBottomSm Button Button--small">
Logout
</button>
</form>
</div>
</div>
</div>
</div>
{{/if}}
<div class="Header-banner">
<a href="/" class="">
<div class="Header-bannerLogo">
<img class="logo" src="/media/benchcoach.svg" alt="BenchCoach Logo">
</div>
<div class="Header-bannerTitle">
BenchCoach
</div>
</a>
{{#if user}}
<div class="filler"></div>
<div class="u-padSidesSm u-spaceAuto">
<div class="Popup">
<div class="Button Button--small Popup-toggle" onclick="this.closest('.Popup').querySelector('.Popup-container').classList.toggle('is-open')">
Account
</div>
<div class="Popup-container Popup-container--down Popup-container--right u-sizeFit">
<div class="Popup-content u-padXs u-sizeFit u-fontSizeSm">
<h6 class="h6 title u-textNoWrap u-fontSizeSm u-textSemiBold">{{user.first_name}} {{user.last_name}}</h6>
<div class="u-textNoWrap u-fontSizeSm">{{user.email}}</div>
<hr class="Divider u-spaceEndsNone">
<div class="u-padBottomSm u-padTopSm">
<a href="/user/{{user.id}}/teams" class="u-spaceBottomSm Button Button--small">
<span>{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/team.svg"}}}</span>
Teams
</a>
<form method="post" action="/logout">
<button type="submit" name="logout" class="u-spaceBottomSm Button Button--small">
Logout
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{{/if}}
</div>