2017-12-04 11:29:23 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Setup</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
2018-07-21 14:55:24 +08:00
|
|
|
<div id="setup-dialog" style="width: 500px; margin: auto;">
|
2017-12-27 08:16:04 +08:00
|
|
|
<h1>Trilium Notes setup</h1>
|
2017-12-04 11:29:23 +08:00
|
|
|
|
|
|
|
<div class="alert alert-warning" id="alert" style="display: none;">
|
|
|
|
</div>
|
|
|
|
|
2018-07-21 14:55:24 +08:00
|
|
|
<div id="setup-type" data-bind="visible: step() == 'setup-type'">
|
|
|
|
<div class="radio">
|
|
|
|
<label><input type="radio" name="setup-type" value="new-document" data-bind="checked: setupNewDocument">
|
|
|
|
I'm a new user and I want to create new Trilium document for my notes</label>
|
|
|
|
</div>
|
|
|
|
<div class="radio">
|
|
|
|
<label><input type="radio" name="setup-type" value="sync-from-desktop" data-bind="checked: setupSyncFromDesktop">
|
|
|
|
I have server instance up and I want to setup sync with it</label>
|
|
|
|
</div>
|
|
|
|
<div class="radio">
|
|
|
|
<label><input type="radio" name="setup-type" value="sync-from-server" data-bind="checked: setupSyncFromServer">
|
|
|
|
I have desktop instance already and I want to setup sync with it</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button type="button" data-bind="disable: !setupTypeSelected(), click: selectSetupType" class="btn btn-primary">Next</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div data-bind="visible: step() == 'new-document'">
|
|
|
|
<p>You're almost done with the setup. The last thing is to choose username and password using which you'll login to the application.
|
|
|
|
This password is also used for generating encryption key which encrypts protected notes.</p>
|
2017-12-25 04:12:18 +08:00
|
|
|
|
2017-12-04 11:29:23 +08:00
|
|
|
<div class="form-group">
|
|
|
|
<label for="username">Username</label>
|
2018-07-21 14:55:24 +08:00
|
|
|
<input type="text" class="form-control" data-bind="value: username" placeholder="Arbitrary string">
|
2017-12-04 11:29:23 +08:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="password1">Password</label>
|
2018-07-21 14:55:24 +08:00
|
|
|
<input type="password" class="form-control" data-bind="value: password1" placeholder="Password">
|
2017-12-04 11:29:23 +08:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="password2">Repeat password</label>
|
2018-07-21 14:55:24 +08:00
|
|
|
<input type="password" class="form-control" data-bind="value: password2" placeholder="Password">
|
2017-12-04 11:29:23 +08:00
|
|
|
</div>
|
|
|
|
|
2018-07-21 14:55:24 +08:00
|
|
|
<button type="button" data-bind="click: back" class="btn btn-default">Back</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button type="button" data-bind="click: finish" class="btn btn-primary">Finish setup</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div data-bind="visible: step() == 'sync-from-desktop'">
|
|
|
|
sync from desktop
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div data-bind="visible: step() == 'sync-from-server'">
|
|
|
|
sync from server
|
|
|
|
</div>
|
2017-12-04 11:29:23 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
const baseApiUrl = 'api/';
|
2017-12-24 02:55:13 +08:00
|
|
|
const glob = {
|
|
|
|
sourceId: ''
|
|
|
|
};
|
2017-12-04 11:29:23 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<!-- Required for correct loading of scripts in Electron -->
|
|
|
|
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
|
|
|
|
|
|
|
|
<script src="libraries/jquery.min.js"></script>
|
|
|
|
|
|
|
|
<link href="libraries/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
|
|
<script src="libraries/bootstrap/js/bootstrap.js"></script>
|
|
|
|
|
2018-07-21 14:55:24 +08:00
|
|
|
<script src="/libraries/knockout.min.js"></script>
|
|
|
|
|
2018-04-03 10:33:54 +08:00
|
|
|
<script src="javascripts/setup.js" type="module"></script>
|
2017-12-04 11:29:23 +08:00
|
|
|
</body>
|
|
|
|
</html>
|