forked from autocrypt/ui-autocrypt
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (106 loc) · 4.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<html>
<head>
<title>Autocrypt Essential UI Demo</title>
<script type="text/javascript" src="providers/localStorageProvider.js"></script>
<script type="text/javascript" src="autocrypt.js"></script>
<script type="text/javascript" src="tests.js"></script>
<script type="text/javascript" src="ui.js"></script>
<script type="text/javascript" src="tests/user-switch-test.js"></script>
<link rel="stylesheet" type="text/css" href="ui.css" />
</head>
<body onload="setup_page();">
<div id="menu">
<ul>
<li id="tab-compose" onclick="return ui.pane('compose');">Write mail</li>
<li id="tab-list" onclick="return ui.pane('list');">Mailbox</li>
<li id="tab-preferences" onclick="return ui.pane('preferences');">Preferences</li>
</ul>
<div id="login-info">
<div id="menu-username">
Logged in as
<div id="username">user</div>
</div>
(<a id="usertoggle" href="#" onclick="return changeuser();">change</a>)
</div>
</div>
<form id="compose">
<div>
<table><tbody>
<tr><th>From:</th><td id="from"></td></tr>
<tr><th>To:</th><td><input onchange="return ui.updatecompose();" id="to" /></td></tr>
<tr><th>Subject:</th><td><input id="subject" /></td></tr>
<tr id="encrypted-row"><td colspan="2"><label><input type="checkbox" onclick="return ui.clickencrypted();" id="encrypted">Encrypt</label><span id="explanation"></span></td></tr>
<tr><td id="compose-actions" colspan="2">
<input type="button" id="send" onclick="return ui.sendmail();" value="Send"/>
</td></tr>
<tr><td colspan="2">
<textarea id="body"></textarea>
</td></tr>
</tbody></table>
</div>
</form>
<div id="list">
<div id="list-replacement">No messages!</div>
<table id="msgtable">
<thead>
<th>...</th><th>From</th><th>To</th><th>Subject</th><th>Date</th>
</thead>
<tbody id="msglist">
</tbody>
</table>
</div>
<div id="msg-view">
<table><tbody>
<tr><th>From:</th><td id="view-from"></td></tr>
<tr><th>To:</th><td id="view-to"></td></tr>
<tr><th>Subject:</th><td id="view-subject"></td></tr>
<tr><th>Date:</th><td id="view-date"></td></tr>
<tr><td colspan="2" id="view-encrypted"><span></span></td></tr>
<tr><td id="view-actions" colspan="2">
<input type="button" id="reply" onclick="return false;" value="Reply"/>
</td></tr>
<tr><td colspan="2" id="view-body"></td></tr>
</tbody></table>
</div>
<form id="preferences">
<div>
<fieldset>
<legend><span id="title">Autocrypt Settings</span>
<label>[<input type="checkbox"
value="enable"
id="enable"
onclick="ui.autocrypt_enable();"/>enable]</label>
</legend>
<div>Please enable Autocrypt on <em>only one</em> device. (<a href="#" onclick="return why();">why?</a>)
</div>
<hr />
<div id="more">
<a id="showmore" href="#" onclick="return ui.more();">more...</a>
</div>
<div id="autocrypt-settings">
<label>
<input type="checkbox"
value="yes"
name="prefer"
id="preferyes"
onclick="ui.autocrypt_preference('yes');"/>
I prefer to receive encrypted mail.
</label>
<br/>
<label>
<input type="checkbox"
value="yes"
name="prefer"
id="preferno"
onclick="ui.autocrypt_preference('no');"/>
I prefer not to receive encrypted mail.
</label>
</div>
<div id="description">
Description goes here.
</div>
</fieldset>
</div>
</form>
</body>
</html>