1f24d7126c
This changeset applies new styles to the poll. it also uses the new asynchronous wrappers around the localStorage api. this is necessary because we're migrating to a storage system that will use an async api. The changes to the poll just happened to coincide with the async stuff. My apologies to anyone who wants to read this whole thing
110 lines
3.1 KiB
HTML
110 lines
3.1 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>
|
|
<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>
|