Notes/src/views/login.ejs

86 lines
2.8 KiB
Plaintext
Raw Normal View History

<!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">
<title>Login</title>
<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">
2018-12-23 10:57:40 +01:00
</head>
<body>
2018-12-23 11:06:11 +01:00
<div class="container">
2019-01-05 21:49:40 +01:00
<div class="col-xs-12 col-sm-10 col-md-6 col-lg-4 col-xl-4 mx-auto" style="padding-top: 25px;">
2018-12-23 11:06:11 +01:00
<h1>Trilium login</h1>
2018-12-23 11:06:11 +01:00
<% if (failedAuth) { %>
<div class="alert alert-warning">
2021-12-29 23:37:12 +01:00
Password is incorrect. Please try again.
2018-12-23 11:06:11 +01:00
</div>
<% } %>
2018-12-23 11:06:11 +01:00
<form action="login" method="POST">
<div class="form-group">
<label for="password">Password</label>
<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>
<input id="remember-me" name="remember_me" value="1" type="checkbox"> Remember me
</label>
</div>
2018-12-23 10:57:40 +01:00
</div>
2018-12-23 11:06:11 +01:00
<div class="form-group">
<button class="btn btn-success">Login</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;}
2018-12-29 09:13:52 +01:00
let device;
2018-12-28 23:47:06 +01:00
2018-12-29 09:13:52 +01:00
if (window.location.search === '?desktop') {
device = "desktop";
}
else if (window.location.search === '?mobile') {
2018-12-28 23:47:06 +01:00
device = "mobile";
}
2018-12-29 09:13:52 +01:00
else {
device = isMobile() ? "mobile" : "desktop";
2018-12-29 09:13:52 +01:00
}
2018-12-28 23:47:06 +01:00
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=/";
}
// https://stackoverflow.com/a/73731646/944162
function isMobile() {
if ('maxTouchPoints' in navigator) return navigator.maxTouchPoints > 0;
const mQ = matchMedia?.('(pointer:coarse)');
if (mQ?.media === '(pointer:coarse)') return !!mQ.matches;
if ('orientation' in window) return true;
return /\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(navigator.userAgent) ||
/\b(Android|Windows Phone|iPad|iPod)\b/i.test(navigator.userAgent);
}
2018-12-28 23:47:06 +01:00
</script>
2019-06-30 20:14:57 +02:00
<link href="<%= assetPath %>/libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
2019-06-30 20:14:57 +02:00
</body>
2021-12-29 23:37:12 +01:00
</html>