2017-10-14 23:31:44 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2018-12-23 10:57:40 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2018-12-30 19:02:42 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
2024-09-08 18:12:16 +03:00
|
|
|
<title><%= t("login.title") %></title>
|
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">
|
2020-04-03 19:34:22 +02:00
|
|
|
<link rel="shortcut icon" href="favicon.ico">
|
2025-01-06 23:19:15 +01:00
|
|
|
<link rel="stylesheet" href="<%= assetPath %>/node_modules/bootstrap/dist/css/bootstrap.min.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">
|
2018-12-23 10:57:40 +01:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-12-23 11:06:11 +01:00
|
|
|
<div class="container">
|
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">
|
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">
|
2025-01-07 19:20:05 +01:00
|
|
|
<h1 class="text-center"><%= t("login.heading") %></h1>
|
2017-10-14 23:31:44 -04:00
|
|
|
|
2018-12-23 11:06:11 +01:00
|
|
|
<% if (failedAuth) { %>
|
|
|
|
|
<div class="alert alert-warning">
|
2024-09-08 18:12:16 +03:00
|
|
|
<%= t("login.incorrect-password") %>
|
2018-12-23 11:06:11 +01:00
|
|
|
</div>
|
|
|
|
|
<% } %>
|
2017-10-14 23:31:44 -04:00
|
|
|
|
2018-12-23 11:06:11 +01:00
|
|
|
<form action="login" method="POST">
|
|
|
|
|
<div class="form-group">
|
2024-09-08 18:12:16 +03:00
|
|
|
<label for="password"><%= t("login.password") %></label>
|
2018-12-23 11:06:11 +01:00
|
|
|
<div class="controls">
|
|
|
|
|
<input id="password" name="password" placeholder="" class="form-control" type="password">
|
|
|
|
|
</div>
|
2018-12-23 10:57:40 +01:00
|
|
|
</div>
|
2018-12-23 11:06:11 +01:00
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
<label>
|
2024-09-08 18:12:16 +03:00
|
|
|
<input id="remember-me" name="rememberMe" value="1" type="checkbox"> <%= t("login.remember-me") %>
|
2018-12-23 11:06:11 +01:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2018-12-23 10:57:40 +01:00
|
|
|
</div>
|
2018-12-23 11:06:11 +01:00
|
|
|
<div class="form-group">
|
2024-09-08 18:12:16 +03:00
|
|
|
<button class="btn btn-success"><%= t("login.button") %></button>
|
2018-12-23 10:57:40 +01:00
|
|
|
</div>
|
2018-12-23 11:06:11 +01:00
|
|
|
</form>
|
|
|
|
|
</div>
|
2018-12-23 10:57:40 +01:00
|
|
|
</div>
|
2017-10-20 23:43:20 -04:00
|
|
|
|
2018-12-28 23:47:06 +01:00
|
|
|
<script>
|
|
|
|
|
// Required for correct loading of scripts in Electron
|
|
|
|
|
if (typeof module === 'object') {window.module = module; module = undefined;}
|
|
|
|
|
|
2025-01-07 08:29:56 +01:00
|
|
|
const device = getDeviceType()
|
2019-01-05 21:49:40 +01:00
|
|
|
console.log("Setting device cookie to:", device);
|
2018-12-28 23:47:06 +01:00
|
|
|
setCookie("trilium-device", device);
|
|
|
|
|
|
|
|
|
|
function setCookie(name, value) {
|
|
|
|
|
const date = new Date(Date.now() + 10 * 365 * 24 * 60 * 60 * 1000);
|
|
|
|
|
const expires = "; expires=" + date.toUTCString();
|
|
|
|
|
|
|
|
|
|
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
|
|
|
|
}
|
2023-03-07 23:06:55 +01:00
|
|
|
|
2025-01-07 08:29:56 +01:00
|
|
|
function getDeviceType() {
|
|
|
|
|
if (window.location.search === '?desktop') return "desktop";
|
|
|
|
|
if (window.location.search === '?mobile') return "mobile";
|
|
|
|
|
return isMobile() ? "mobile" : "desktop";
|
|
|
|
|
}
|
|
|
|
|
|
2023-03-07 23:06:55 +01:00
|
|
|
// https://stackoverflow.com/a/73731646/944162
|
|
|
|
|
function isMobile() {
|
|
|
|
|
const mQ = matchMedia?.('(pointer:coarse)');
|
|
|
|
|
if (mQ?.media === '(pointer:coarse)') return !!mQ.matches;
|
|
|
|
|
|
|
|
|
|
if ('orientation' in window) return true;
|
2025-01-07 08:37:37 +01:00
|
|
|
const userAgentsRegEx = /\b(Android|iPhone|iPad|iPod|Windows Phone|BlackBerry|webOS|IEMobile)\b/i
|
|
|
|
|
return userAgentsRegEx.test(navigator.userAgent)
|
2023-03-07 23:06:55 +01:00
|
|
|
}
|
2018-12-28 23:47:06 +01:00
|
|
|
</script>
|
2019-06-30 20:14:57 +02:00
|
|
|
</body>
|
2021-12-29 23:37:12 +01:00
|
|
|
</html>
|
