You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
4.3 KiB
120 lines
4.3 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
<head> |
|
<title>Mail</title> |
|
|
|
<script type="text/javascript"> |
|
var djConfig = {isDebug: true}; |
|
//djConfig.debugAtAllCosts = true; |
|
</script> |
|
<script type="text/javascript" src="../../dojo.js"></script> |
|
<script language="JavaScript" type="text/javascript"> |
|
dojo.require("dojo.widget.*"); |
|
</script> |
|
|
|
<link rel=stylesheet href="Mail/mail.css" type="text/css"> |
|
|
|
<script type="text/javascript" src="Mail/mail.js"></script> |
|
|
|
</head> |
|
<body> |
|
<div dojoType="TreeSelector" eventNames="select:listSelected" widgetId="treeSelector"></div> |
|
<div dojoType="LayoutContainer" |
|
layoutChildPriority='top-bottom' |
|
id="main" |
|
> |
|
<div id="topMenu" dojoType="ContentPane" layoutAlign="top" class="header" |
|
style="padding-bottom: 5px;"> |
|
<div style="float: left; margin-right: 10px;"> |
|
<button dojoType="Button" onclick="alert('pretending to download new mail');"> |
|
<img src="Mail/mail_get.gif" height=18 width=18> |
|
Get Mail |
|
</button> |
|
</div> |
|
<div style="float: left;"> |
|
<button dojoType="Button" onclick='open("Mail/NewMessage.html",null,"height=500,width=600,status=yes,toolbar=no,menubar=no,location=no");'> |
|
<img src="Mail/mail_new.gif" height=18 width=18> |
|
New Message |
|
</button> |
|
</div> |
|
<div style="float: right;"> |
|
<button dojoType="Button" onclick="dojo.widget.byId('options').show()"> |
|
<img src="Mail/checkmark.gif" height=18 width=18> |
|
Options |
|
</button> |
|
</div> |
|
<div align=center>My mailbox</div> |
|
|
|
</div> |
|
|
|
<div dojoType="SplitContainer" |
|
orientation="horizontal" |
|
sizerWidth="5" |
|
activeSizing="0" |
|
layoutAlign="client" |
|
> |
|
<div id="treePane" dojoType="Tree" toggle="wipe" toggleDuration="500" selector="treeSelector" |
|
sizeMin="20" sizeShare="15"> |
|
<div dojoType="TreeNode" title="Mail Account" childIconSrc="Mail/mailbox1.gif"> |
|
<div dojoType="TreeNode" title="Inbox" childIconSrc="Mail/folder_inbox.gif"></div> |
|
<div dojoType="TreeNode" title="Sent Mail" childIconSrc="Mail/folder_sent_mail.gif"></div> |
|
<div dojoType="TreeNode" title="Deleted" childIconSrc="Mail/trashcan_full.gif"></div> |
|
<div dojoType="TreeNode" title="Saved Mail" childIconSrc="Mail/folder_documents.gif"> |
|
<div dojoType="TreeNode" title="Friends" childIconSrc="Mail/folder_documents.gif"> |
|
<div dojoType="TreeNode" title="Bob" childIconSrc="Mail/folder_documents.gif"></div> |
|
<div dojoType="TreeNode" title="Jack" childIconSrc="Mail/folder_documents.gif"></div> |
|
</div> |
|
<div dojoType="TreeNode" title="Work" childIconSrc="Mail/folder_documents.gif"></div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div dojoType="SplitContainer" |
|
orientation="vertical" |
|
sizerWidth="5" |
|
activeSizing="0" |
|
style="width: 100%; height: 100%;" |
|
sizeMin="50" sizeShare="85" |
|
> |
|
<div id="listPane" dojoType="ContentPane" sizeMin="20" sizeShare="20" style="padding: 5px"> |
|
</div> |
|
<div id="contentPane" dojoType="ContentPane" sizeMin="20" sizeShare="80" href="Mail/MailAccount.html" style="padding: 5px"> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div id="options" dojoType="FloatingPane" title="Options" |
|
style="width: 300px; height: 200px; left: 300px; top: 100px; display: none;" |
|
hasShadow="true" resizable="true"> |
|
<div dojoType="TabContainer" layoutAlign="client"> |
|
<div dojoType="ContentPane" label="Sending/Receiving"> |
|
Transport type |
|
<select> |
|
<option>POP3</option> |
|
<option>IMAP</option> |
|
</select> |
|
<br> |
|
Server: <input type="text"> |
|
</div> |
|
<div dojoType="ContentPane" label="Composition"> |
|
<input type="checkbox" name="cb1" id="cb1" dojoType="Checkbox" /> <label for="cb1">hello world</label><br /> |
|
<input type="checkbox" name="cb2" id="cb2" dojoType="Checkbox" /> <label for="cb2">foo bar baz</label><br /> |
|
<input type="checkbox" name="cb3" id="cb3" dojoType="Checkbox" /> <label for="cb3">woo yay hoopla</label><br /> |
|
</div> |
|
</div> |
|
<div dojoType="ContentPane" layoutAlign="bottom" style="height: 25px; padding-top: 5px;"> |
|
<div class="box"> |
|
<button dojoType="Button" onclick="dojo.widget.byId('options').hide();"> |
|
<img src="Mail/cancel.gif" height=18 width=18> |
|
Cancel |
|
</button> |
|
<button dojoType="Button" onclick="dojo.widget.byId('options').hide();"> |
|
<img src="Mail/ok.gif" height=18 width=18> |
|
OK |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</body> |
|
</html>
|
|
|