d85684ef74
only one column is editable at a time editable columns have a different appearance from locked columns any column can be edited by anyone via an edit button columns and rows require confirmation before deletion
114 lines
3.2 KiB
HTML
114 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Zero Knowledge Date Picker</title>
|
|
<link rel="icon" type="image/png"
|
|
href="/customize/main-favicon.png"
|
|
data-main-favicon="/customize/main-favicon.png"
|
|
data-alt-favicon="/customize/alt-favicon.png"
|
|
id="favicon" />
|
|
<link rel="stylesheet" href="/customize/main.css" />
|
|
<script data-main="main" src="/bower_components/requirejs/require.js"></script>
|
|
<script>
|
|
require.config({
|
|
waitSeconds: 60,
|
|
});
|
|
</script>
|
|
<style>
|
|
html, body {
|
|
width: 100;
|
|
}
|
|
#main {
|
|
width: 90%;
|
|
margin: auto;
|
|
}
|
|
.clickable {
|
|
cursor: pointer;
|
|
}
|
|
#adduser, #addoption {
|
|
font-weight: bold;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="main">
|
|
|
|
<div id="toolbar" class="buttons">
|
|
<sub><a href="/"></a></sub>
|
|
</div>
|
|
<h1>CryptPoll</h1>
|
|
<h2>Zero Knowledge, <em>realtime</em> scheduling</h2>
|
|
|
|
<p>Your settings are updated instantly, so you never need to save.</p>
|
|
<p>All your input is encrypted so only people who have the link can access it. Even the server cannot see what you change.</p>
|
|
|
|
<hr>
|
|
<br>
|
|
|
|
<form class="realtime">
|
|
<input type="text" id="title" placeholder="title"><br />
|
|
<textarea id="description" placeholder="description"></textarea>
|
|
|
|
<p>Enter your name in the input field below and check the box for times when you are available</p>
|
|
|
|
<!-- Table markup-->
|
|
<table id="table">
|
|
|
|
<!-- Table header -->
|
|
<thead>
|
|
<tr>
|
|
<td>
|
|
<div id="adduser" class="clickable" title="click to add a user">+ Users</div>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<!-- Table footer -->
|
|
<tfoot>
|
|
<tr>
|
|
<td>
|
|
<div id="addoption" class="clickable" title="click to add an option">+ Options</div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
<!-- Table body -->
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
|
|
|
|
<div class="modal" id="wizard-modal">
|
|
<button id="close-wizard" class="button action" title="close wizard">Close wizard</button>
|
|
<div class="center">
|
|
<div id="modal-toolbar">
|
|
<button id="get-options" class="action button">Compute Options</button>
|
|
<button id="clear-table" class="action button">Clear Table</button>
|
|
|
|
</div>
|
|
|
|
<h2>Automatically create a number of options by entering any number of dates and times segments </h2>
|
|
|
|
<table id="wizard-table">
|
|
<thead>
|
|
<tr>
|
|
<td>
|
|
<div id="adddate" class="clickable">+ Dates</div>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<td>
|
|
<div id="addtime" class="clickable">+ Times</div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|