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.
121 lines
4.3 KiB
121 lines
4.3 KiB
2 years ago
|
<!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>
|