Notes/src/views/login.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title><%= t("login.title") %></title>
    <link rel="apple-touch-icon" sizes="180x180" href="<%= assetPath %>/images/app-icons/ios/apple-touch-icon.png">
    <link rel="shortcut icon" href="favicon.ico">
    <% // TriliumNextTODO: move the css file to ${assetPath}/stylesheets/  %>
    <link rel="stylesheet" href="<%= appPath %>/login.css">
    <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-light.css">
    <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-next.css">
    <link rel="stylesheet" href="<%= assetPath %>/stylesheets/style.css">
</head>
<body>
<div class="container login-page">
    <div class="col-xs-12 col-sm-10 col-md-6 col-lg-4 col-xl-4 mx-auto pt-4">
        <img class="img-fluid d-block mx-auto" style="height: 8rem;" src="<%= assetPath %>/images/icon-color.svg" aria-hidden="true">
        <h1 class="text-center"><%= t("login.heading") %></h1>

        <form action="login" method="POST">
            <div class="form-group">
                <label for="password"><%= t("login.password") %></label>
                <div class="controls">
                    <input id="password" name="password" placeholder="" class="form-control" type="password" autofocus>
                </div>
            </div>

            <% if (failedAuth) { %>
                <div class="alert alert-warning">
                    <%= t("login.incorrect-password") %>
                </div>
            <% } %>

            <div class="form-group">
                <div class="checkbox">
                    <label class="tn-checkbox">
                        <input id="remember-me" name="rememberMe" value="1" type="checkbox">
                        <%= t("login.remember-me") %>
                    </label>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-success"><%= t("login.button") %></button>
            </div>
        </form>
    </div>
</div>
<script src="<%= appPath %>/login.js" crossorigin type="module"></script>


</body>
</html>
backend ported to node.js (work in progress) 2017-10-14 23:31:44 -04:00			`<!DOCTYPE html>`
			`<html lang="en">`
unify ejs indentation to 4 spaces 2018-12-23 10:57:40 +01:00			`<head>`
			`<meta charset="utf-8">`
placeholder for empty note content 2018-12-30 19:02:42 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">`
server: Translate login page 2024-09-08 18:12:16 +03:00			`<title><%= t("login.title") %></title>`
use trilium version number in asset paths to avoid caching issues WIP 2022-10-26 23:50:54 +02:00			`<link rel="apple-touch-icon" sizes="180x180" href="<%= assetPath %>/images/app-icons/ios/apple-touch-icon.png">`
small fixes 2020-04-03 19:34:22 +02:00			`<link rel="shortcut icon" href="favicon.ico">`
fix(style): login in dark mode not rendering correctly 2025-03-08 01:22:31 +02:00			`<% // TriliumNextTODO: move the css file to ${assetPath}/stylesheets/ %>`
			`<link rel="stylesheet" href="<%= appPath %>/login.css">`
fix(views/login): fix "flash of unstyled content" move stylesheets to head of HTML to get rid of "FOUC" aka "Flash of unstyled content" 2025-01-06 23:19:15 +01:00			`<link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-light.css">`
			`<link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-next.css">`
			`<link rel="stylesheet" href="<%= assetPath %>/stylesheets/style.css">`
unify ejs indentation to 4 spaces 2018-12-23 10:57:40 +01:00			`</head>`
			`<body>`
style(next): tweak the style of the login page 2025-03-08 20:40:00 +02:00			`<div class="container login-page">`
style(views/login): use bootstrap class for padding 2025-01-07 19:16:43 +01:00			`<div class="col-xs-12 col-sm-10 col-md-6 col-lg-4 col-xl-4 mx-auto pt-4">`
style(views/login): add Trilium logo above heading 2025-01-07 19:18:03 +01:00			`<img class="img-fluid d-block mx-auto" style="height: 8rem;" src="<%= assetPath %>/images/icon-color.svg" aria-hidden="true">`
style(views/login): center heading to be in line w/ the logo 2025-01-07 19:20:05 +01:00			`<h1 class="text-center"><%= t("login.heading") %></h1>`
backend ported to node.js (work in progress) 2017-10-14 23:31:44 -04:00
responsive login page 2018-12-23 11:06:11 +01:00			`<form action="login" method="POST">`
			`<div class="form-group">`
server: Translate login page 2024-09-08 18:12:16 +03:00			`<label for="password"><%= t("login.password") %></label>`
responsive login page 2018-12-23 11:06:11 +01:00			`<div class="controls">`
feat(login): autofocus the password field 2025-02-09 11:59:09 +02:00			`<input id="password" name="password" placeholder="" class="form-control" type="password" autofocus>`
responsive login page 2018-12-23 11:06:11 +01:00			`</div>`
unify ejs indentation to 4 spaces 2018-12-23 10:57:40 +01:00			`</div>`
style(next): tweak the style of the login page 2025-03-08 20:40:00 +02:00
			`<% if (failedAuth) { %>`
			`<div class="alert alert-warning">`
			`<%= t("login.incorrect-password") %>`
			`</div>`
			`<% } %>`

responsive login page 2018-12-23 11:06:11 +01:00			`<div class="form-group">`
			`<div class="checkbox">`
client: mark the check boxes and radio buttons that should use the new style 2025-01-24 22:35:45 +02:00			`<label class="tn-checkbox">`
			`<input id="remember-me" name="rememberMe" value="1" type="checkbox">`
			`<%= t("login.remember-me") %>`
responsive login page 2018-12-23 11:06:11 +01:00			`</label>`
			`</div>`
unify ejs indentation to 4 spaces 2018-12-23 10:57:40 +01:00			`</div>`
responsive login page 2018-12-23 11:06:11 +01:00			`<div class="form-group">`
server: Translate login page 2024-09-08 18:12:16 +03:00			`<button class="btn btn-success"><%= t("login.button") %></button>`
unify ejs indentation to 4 spaces 2018-12-23 10:57:40 +01:00			`</div>`
responsive login page 2018-12-23 11:06:11 +01:00			`</form>`
			`</div>`
unify ejs indentation to 4 spaces 2018-12-23 10:57:40 +01:00			`</div>`
views: import webpack created entrypoint css → this is currently only consisting of bootstrap, but should in future be more useful 2025-02-21 22:14:27 +01:00			`<script src="<%= appPath %>/login.js" crossorigin type="module"></script>`
electron prototype 2017-10-20 23:43:20 -04:00
mobile detection 2018-12-28 23:47:06 +01:00
fix mobile text editor display 2019-06-30 20:14:57 +02:00			`</body>`
set password from web trilium 2021-12-29 23:37:12 +01:00			`</html>`