The frontend/UI server, written in JS using the MarkoJS library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

24 lines
1.1 KiB

<div class=["menu", state.enabled ? "enabled" : "disabled"]>
<div class="menu-body">
<menu-link icon=(state.enabled ? "<" : ">") on-click("toggleEnabled") class="showhide">${state.enabled ? "Hide Menu" : "Show Menu"}</menu-link>
<menu-gap class="showhide" />
<include(input.renderBody) />
</div>
<if(input.user != null)>
<menu-gap />
<menu-header key="user">User</menu-header>
<menu-link if(!input.user.loggedIn) icon="L" href="/auth/login" on-click("loginClicked")>Login</menu-link>
<menu-link if(input.user.loggedIn) icon="L" href="/auth/logout" on-click("logoutClicked")>Logout <span class="weak">(${input.user.name})</span></menu-link>
</if>
<else-if(!input.allowNoUser)>
<menu-blurb class="error">input.user is missing!</menu-blurb>
</else-if>
</div>
<modal class="modal" enabled=state.loggingIn notification>
<h1>Logging you in...</h1>
<p>You may be redirected to Auth0 if it's been a while.</p>
</modal>
<modal class="modal" enabled=state.loggingOut notification>
<h1>Logging you out...</h1>
<p>You can probably log back in without entering your info if you're quick.</p>
</modal>