mirror of
https://github.com/zoldar/jenot.git
synced 2026-01-03 14:32:54 +00:00
130 lines
4.1 KiB
HTML
130 lines
4.1 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Jenot</title>
|
||
<link rel="stylesheet" href="/style.css" />
|
||
<link
|
||
rel="apple-touch-icon"
|
||
sizes="180x180"
|
||
href="/img/apple-touch-icon.png"
|
||
/>
|
||
<link
|
||
rel="icon"
|
||
type="image/png"
|
||
sizes="32x32"
|
||
href="/img/favicon-32x32.png"
|
||
/>
|
||
<link
|
||
rel="icon"
|
||
type="image/png"
|
||
sizes="16x16"
|
||
href="/img/favicon-16x16.png"
|
||
/>
|
||
<link rel="manifest" href="/site.webmanifest" />
|
||
<script type="module" src="/js/jenot.js" defer></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="content">
|
||
<nav id="top-bar">
|
||
<div>
|
||
<a id="login-link" class="hidden" href="/account/authenticate">
|
||
Log in
|
||
</a>
|
||
</div>
|
||
<form
|
||
id="new-account-form"
|
||
class="hidden"
|
||
action="/account/new"
|
||
method="post"
|
||
onsubmit="return confirm('Are you sure you want to create a new account?')"
|
||
>
|
||
<button type="submit">New account</button>
|
||
</form>
|
||
<form
|
||
id="logout-form"
|
||
class="hidden"
|
||
action="/account/logout"
|
||
method="post"
|
||
onsubmit="return confirm('Are you sure you want to log out?')"
|
||
>
|
||
<button type="submit">Log out</button>
|
||
</form>
|
||
|
||
<div id="notifications-pane" class="hidden">
|
||
<!-- Hidden for now, until push notifications are implemented -->
|
||
<button id="enable-notifications" class="hidden">
|
||
Enable notifications
|
||
</button>
|
||
<button id="test-notifications">Send test notification</button>
|
||
</div>
|
||
<div>
|
||
<a href="#" id="reset-app">Reset</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<note-form mode="add" id="new-note">
|
||
<div class="note">
|
||
<p class="content"></p>
|
||
<div class="toolbar">
|
||
<button class="add">➕</button>
|
||
<button class="tasklist-mode">☑️</button>
|
||
<button class="note-mode hidden">📑</button>
|
||
<button class="reminder">⏰ <span></span></button>
|
||
<button class="remove">🗑️</button>
|
||
</div>
|
||
<reminder-picker class="hidden">
|
||
<input class="date" type="date" />
|
||
<input class="time" type="time" />
|
||
<select class="repeat">
|
||
<option value="">Does not repeat</option>
|
||
<option value="day">Daily</option>
|
||
<option value="week">Weekly</option>
|
||
<option value="month">Monthly</option>
|
||
<option value="year">Yearly</option>
|
||
</select>
|
||
<button class="clear">X</button>
|
||
</reminder-picker>
|
||
</div>
|
||
</note-form>
|
||
|
||
<div id="notes"></div>
|
||
</div>
|
||
|
||
<dialog id="edit-note-dialog">
|
||
<note-form mode="edit" id="edit-note">
|
||
<div class="note">
|
||
<p class="content"></p>
|
||
<div class="toolbar">
|
||
<button class="save">💾</button>
|
||
<button class="tasklist-mode">☑️</button>
|
||
<button class="note-mode">📑</button>
|
||
<button class="reminder">⏰ <span></span></button>
|
||
<button class="remove">🗑️</button>
|
||
</div>
|
||
<reminder-picker class="hidden">
|
||
<input class="date" type="date" />
|
||
<input class="time" type="time" />
|
||
<select class="repeat">
|
||
<option value="">Does not repeat</option>
|
||
<option value="day">Daily</option>
|
||
<option value="week">Weekly</option>
|
||
<option value="month">Monthly</option>
|
||
<option value="year">Yearly</option>
|
||
</select>
|
||
<button class="clear">X</button>
|
||
</reminder-picker>
|
||
</div>
|
||
</note-form>
|
||
</dialog>
|
||
|
||
<template id="task-list-item">
|
||
<div class="handle">||</div>
|
||
<div class="checkbox"><input type="checkbox" /></div>
|
||
<editable-area></editable-area>
|
||
<div class="remove"><button>X</button></div>
|
||
</template>
|
||
</body>
|
||
</html>
|