self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-03-06 15:36:49 +02:00
Code Issues Releases Activity

Server: Add navbar on login and sign up page

Browse Source
This commit is contained in:
Laurent Cozic 2021-06-08 11:48:58 +02:00
parent 95d7ccccea
commit 7a3a2084db
5 changed files with 34 additions and 19 deletions
packages/server/src
routes/index
login.tssignup.ts
views
index
login.mustachesignup.mustache
partials
navbar.mustache

1
packages/server/src/routes/index/login.ts

@ -13,7 +13,6 @@ function makeView(error: any = null): View {
error,
signupUrl: config().signupEnabled ? makeUrl(UrlType.Signup) : '',
};
view.navbar = false;
return view;
}

1
packages/server/src/routes/index/signup.ts

@ -18,7 +18,6 @@ function makeView(error: Error = null): View {
postUrl: makeUrl(UrlType.Signup),
loginUrl: makeUrl(UrlType.Login),
};
view.navbar = false;
return view;
}

3
packages/server/src/views/index/login.mustache

@ -1,4 +1,7 @@
<section class="section login-box">
<h1 class="title">Login to {{global.appName}}</h1>
<p class="subtitle">Please input your details to login to {{global.appName}}</p>
<div class="container block">
{{> errorBanner}}
<form action="{{{global.baseUrl}}}/login" method="POST">

3
packages/server/src/views/index/signup.mustache

@ -1,5 +1,8 @@
{{> errorBanner}}
<section class="section login-box">
<h1 class="title">Sign up for {{global.appName}}</h1>
<p class="subtitle">Please input your details to sign up for {{global.appName}}</p>
<div class="container block">
<form action="{{{postUrl}}}" method="POST">
<div class="field">

45
packages/server/src/views/partials/navbar.mustache

@ -6,25 +6,36 @@
<img class="logo" src="{{{global.baseUrl}}}/images/Logo.png"/>
</a>
</div>
<div class="navbar-menu is-active">
<div class="navbar-start">
<a class="navbar-item" href="{{{global.baseUrl}}}/home">Home</a>
{{#global.owner.is_admin}}
<a class="navbar-item" href="{{{global.baseUrl}}}/users">Users</a>
{{/global.owner.is_admin}}
<a class="navbar-item" href="{{{global.baseUrl}}}/items">Items</a>
<a class="navbar-item" href="{{{global.baseUrl}}}/changes">Log</a>
</div>
<div class="navbar-end">
<div class="navbar-item">{{global.owner.email}}</div>
<a class="navbar-item" href="{{{global.baseUrl}}}/users/me">Profile</a>
<div class="navbar-item">
<form method="post" action="{{{global.baseUrl}}}/logout">
<button class="button is-primary">Logout</button>
</form>
{{#global.owner}}
<div class="navbar-menu is-active">
<div class="navbar-start">
<a class="navbar-item" href="{{{global.baseUrl}}}/home">Home</a>
{{#global.owner.is_admin}}
<a class="navbar-item" href="{{{global.baseUrl}}}/users">Users</a>
{{/global.owner.is_admin}}
<a class="navbar-item" href="{{{global.baseUrl}}}/items">Items</a>
<a class="navbar-item" href="{{{global.baseUrl}}}/changes">Log</a>
</div>
<div class="navbar-end">
<div class="navbar-item">{{global.owner.email}}</div>
<a class="navbar-item" href="{{{global.baseUrl}}}/users/me">Profile</a>
<div class="navbar-item">
<form method="post" action="{{{global.baseUrl}}}/logout">
<button class="button is-primary">Logout</button>
</form>
</div>
</div>
</div>
</div>
{{/global.owner}}
{{^global.owner}}
<div class="navbar-menu is-active">
<div class="navbar-start">
<span class="navbar-item">{{global.appName}}</span>
</div>
</div>
{{/global.owner}}
</div>
</nav>
{{/navbar}}