Source of “pachyletV2.html”.
1126 lines, 30.7 KBytes.   Last modified 3:41 pm, 1st November 2015 PST.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html 4/strict.dtd"> 2 <html> 3 <!-- 4 5 //////////////////////////////////////////////////////////////////////////// 6 // // 7 // Pachylet: Andrew's Web Mail Interface, Version 2 // 8 // // 9 // Copyright (c) 2002-2014 // 10 // // 11 // See http://birrell.org/pachylet/help.php // 12 // // 13 // Static HTML // 14 // // 15 //////////////////////////////////////////////////////////////////////////// 16 17 --> 18 19 <head> 20 <title>Pachylet</title> 21 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 22 <meta name="viewport" content="initial-scale=0.9"> 23 <link href="pachyletV2.css" rel=stylesheet> 24 <script type="text/javascript" src="/support/common.js"></script> 25 <script type="text/javascript" src="pachyletV2.js"></script> 26 <base target="_blank"> 27 </head> 28 29 <body id=theBody class=otherScreen onload="init()"> 30 31 32 <!-- 33 // Modal overlays, and associated floating messages 34 --> 35 36 <div class=modalOverlay id=modalizer> 37 </div> 38 39 <div class=modalMsg id=progressScreen> 40 <span id=progressPrompt>Your message here</span> 41 </div> 42 43 <div class=modalMsg id=successScreen> 44 <input class=modalMsgBtn type=submit value=" Continue " 45 onClick="return successDone()"> 46 <span id=successPrompt>Your message here</span> 47 </div> 48 49 <div class=modalMsg id=errorScreen> 50 <input class=modalMsgBtn type=submit value=" Continue " 51 onClick="return errorDone()"> 52 <span id=errorPrompt>Your message here</span> 53 </div> 54 55 <div class=modalMsg id=confirmScreen> 56 <div class=modalMsgBtn> 57 <input type=submit value=" Yes " onClick="return confirmDone(true)"> 58 <input type=submit value=" No " onClick="return confirmDone(false)"> 59 </div> 60 <span id=confirmPrompt>Your message here</span> 61 </div> 62 63 <div class=modalOverlay id=loggingIn> 64 <table class=bb cellspacing=3><tr> 65 <td></td> 66 <td class=btn><a href="#" 67 title="Cancel login attempt" 68 onClick="return doLogout()">Logout</a></td> 69 </tr></table> 70 <div class=sep></div> 71 <div class=dlogScreen> 72 <b>Reading...</b> 73 </div> 74 </div> 75 76 77 <!-- 78 // Login screen 79 --> 80 81 <div class=dlogScreen id=loginScreen> 82 83 <div id=login> 84 85 <form action="#" method=POST onSubmit="return doLogin()"> 86 <table class=centered> 87 <tr> 88 <td id=loginTitle colspan=3> 89 <b>Pachylet</b> 90 <hr> 91 </td> 92 </tr><tr> 93 <td align=right style="width: 94px">Name:</td> 94 <td><input type=text id=loginUser></td> 95 <td rowspan=3><img style="margin-left: 6px; border: 0px" 96 src=pachyletStatic.gif 97 width=88 height=108 alt=""></td> 98 </tr><tr> 99 <td align=right>Password:</td> 100 <td><input type=password id=loginPwd></td> 101 </tr><tr> 102 <td></td> 103 <td><input type=submit value=" Login "></td> 104 </tr><tr> 105 <td colspan=3><hr></td> 106 </tr><tr> 107 <td colspan=3 id=loginComment> 108 Or use the <a href="pachyletV1.php" target="_top">non-Javacript version</a>, 109 or the <a href="#" 110 onclick="return switchVersion('mobile')">mobile version</a>. 111 </td> 112 </tr> 113 </table> 114 </form> 115 </div> <!-- login --> 116 117 </div> <!-- loginScreen --> 118 119 120 <!-- 121 // Main Screen: button bar, pop-up forms, folder menu, toc, msgs 122 --> 123 124 <div id=mainScreen style="display: none"> 125 <div class=npd> 126 127 <!-- Main Button-bar --> 128 <div class=bbWrapper> 129 <table class=bb cellspacing=3><tr> 130 <td class=btn id=contactsBtn><a href="#" 131 title="Manage your Pachylet contacts list" 132 onClick="return doContacts()">Contacts</a></td> 133 <td class=btn id=resendBtn><a href="#" 134 title="Resend this message as bcc to new recipients" 135 onclick="return toggle('resend')">Resend...</a></td> 136 <td class=btn id=composeBtn><a href="#" 137 title="Compose a new message" 138 onClick="return doComposition('compose')">Compose</a></td> 139 <td class=btn id=fetchBtn><a href="#" 140 title="Check your accounts for new messages, now" 141 onClick="return fetchMail()">Fetch</a></td> 142 <td class=btnPad></td> 143 <td class=btn id=nextBtn rowspan=2><a href="#" 144 title="Show next message" 145 onclick="return doNext()">Next</a></td> 146 <td class=btnPad></td> 147 <td class=btn id=findBtn><a href="#" 148 title="Find messages" 149 onclick="return toggle('find')">Find...</a></td> 150 <td class=btn id=foldersBtn><a href="#" 151 title="Manage your folder list" 152 onClick="return doFolders()">Folders</a></td> 153 <td class=btn id=settingsBtn><a href="#" 154 title="Manage your pachylet account settings" 155 onClick="return doSettings()">Settings</a></td> 156 <td class=btn id=logoutBtn><a href="#" 157 title="Logout, discarding private data" 158 onClick="return doLogout()">Logout</a></td> 159 </tr><tr> 160 <td class=btn id=forwardBtn><a href="#" 161 title="Forward this message as an attachment" 162 onClick="return doComposition('forward')">Forward</a></td> 163 <td class=btn id=replyAllBtn><a href="#" 164 title="Compose a reply, to all recipients of this message" 165 onClick="return doComposition('replyAll')">To All</a></td> 166 <td class=btn id=replyBtn><a href="#" 167 title="Compose a reply, to the author of this message" 168 onClick="return doComposition('reply')">To Author</a></td> 169 <td class=btn id=scanBtn><a href="#" 170 title="Scan for unread messages in your smart folders (and inbox)" 171 onClick="return doScan()">Scan</a></td> 172 <td class=btnPad></td> 173 <td class=btnPad></td> 174 <td class=btn id=dropBtn><a href="#" 175 title="Move this message to the 'Dropped' folder" 176 onClick="return doMoveCopy(true, 'Dropped')">Drop</a></td> 177 <td class=btn id=trashBtn><a href="#" 178 title="Move this message to the Trash" 179 onClick="return doMoveCopy(true, 'Trash')">Trash</a></td> 180 <td class=btn id=fileBtn><a href="#" 181 title="Move (or copy) this message (or all matching messages) to a folde r" 182 onclick="return toggle('moveCopy')">Move...</a></td> 183 <td class=btn id=markBtn><a href="#" 184 title="Mark this message (or all matching messages) as unread or read" 185 onclick="return toggle('mark')">Mark...</a></td> 186 </tr></table> 187 </div> 188 189 <!-- Popup dialog "resend" --> 190 <table class=popupLeft id="resend"><tr><td> 191 <form action="#" method=POST onSubmit="return doResend()"> 192 <table class=bb><tr><td> 193 <b>Resend to new recipients (as bcc)...</b> 194 </td> 195 <td align=right> 196 <input type=submit value=" Send "> 197 <input type=submit value=" Cancel " 198 onClick="return toggle('resend')"> 199 </td> 200 </tr> 201 <tr><td class=fsep colspan=2></td></tr> 202 <tr> 203 <td colspan=2>To: 204 <input type=text id=resendTo value="" size=50> 205 </td> 206 </tr> 207 </table> 208 </form> 209 </td></tr></table> 210 211 <!-- Popup dialog "find" --> 212 <table class=popup id="find"><tr><td> 213 <form action="#" method=GET onSubmit="return doFind()"> 214 <table class=bb><tr><td> 215 <b>Find...</b> 216 </td><td> 217 <input type=checkbox id=findStayOpen 218 onClick="fixFindPrompts()"> 219 Stay Open 220 </td><td align=right> 221 <input type=submit value=" Find "> 222 <input type=submit value=" Clear " onClick="return findClear()"> 223 <input type=submit value=" Cancel " onClick="return toggle('find')"> 224 </td> 225 </tr> 226 <tr><td class=fsep colspan=3></td></tr> 227 <tr> 228 <td align=right> 229 Search for words: 230 </td><td colspan=2> 231 <input type=text id=findWords value="" size=50></td> 232 </tr><tr> 233 <td align=right id=findFolderPrompt> 234 <div class=findPromptClear id=findFolderClear><a href="#" 235 onClick="return findPromptClear('findFolder')">Clear</a></div> 236 In folder: 237 </td><td colspan=2> 238 <select id=findFolder onchange="fixFindPrompts()"> 239 <option value="">All except trash 240 <option value="Inbox">Inbox 241 <option value="Dropped">Dropped 242 <option value="Trash">Trash 243 <option value="Unsent">Unsent 244 <option value="-"> 245 </select> 246 </td> 247 </tr><tr> 248 <td align=right id=findInPrompt> 249 <div class=findPromptClear id=findInClear><a href="#" 250 onClick="return findPromptClear('findIn')">Clear</a></div> 251 Search in: 252 </td><td colspan=2> 253 <select id=findIn onchange="fixFindPrompts()"> 254 <option value="A">the entire message 255 <option value="H">only the message header 256 <option value="S">only the &quot;Subject&quot; field 257 <option value="F">only the &quot;From&quot; field 258 <option value="T">only the &quot;To&quot; and &quot;cc&quot; fields 259 </select> 260 </td> 261 </tr><tr> 262 <td align=right id=findFromPrompt> 263 <div class=findPromptClear id=findFromClear><a href="#" 264 onClick="return findPromptClear('findFrom')">Clear</a></div> 265 Dated from: 266 </td><td colspan=2> 267 <select id=findFrom onchange="fixFindPrompts()"> 268 <option value="B">the start of time 269 <option value="H">48 hours ago 270 <option value="W">a week ago 271 <option value="M">a month ago 272 <option value="Q">three months ago 273 <option value="Y">a year ago 274 <option value="a">the start of 1995 275 <option value="b">the start of 1996 276 <option value="c">the start of 1997 277 <option value="d">the start of 1998 278 <option value="e">the start of 1999 279 <option value="f">the start of 2000 280 <option value="g">the start of 2001 281 <option value="h">the start of 2002 282 <option value="i">the start of 2003 283 <option value="j">the start of 2004 284 <option value="k">the start of 2005 285 <option value="l">the start of 2006 286 <option value="m">the start of 2007 287 <option value="n">the start of 2008 288 <option value="o">the start of 2009 289 <option value="p">the start of 2010 290 <option value="q">the start of 2011 291 <option value="r">the start of 2012 292 <option value="s">the start of 2013 293 <option value="t">the start of 2014 294 </select> 295 </td> 296 </tr><tr> 297 <td align=right id=findToPrompt> 298 <div class=findPromptClear id=findToClear><a href="#" 299 onClick="return findPromptClear('findTo')">Clear</a></div> 300 to: 301 </td><td colspan=2> 302 <select id=findTo onchange="fixFindPrompts()"> 303 <option value="E">the end of time 304 <option value="H">48 hours ago 305 <option value="W">a week ago 306 <option value="M">a month ago 307 <option value="Q">three months ago 308 <option value="Y">a year ago 309 <option value="a">the end of 1995 310 <option value="b">the end of 1996 311 <option value="c">the end of 1997 312 <option value="d">the end of 1998 313 <option value="e">the end of 1999 314 <option value="f">the end of 2000 315 <option value="g">the end of 2001 316 <option value="h">the end of 2002 317 <option value="i">the end of 2003 318 <option value="j">the end of 2004 319 <option value="k">the end of 2005 320 <option value="l">the end of 2006 321 <option value="m">the end of 2007 322 <option value="n">the end of 2008 323 <option value="o">the end of 2009 324 <option value="p">the end of 2010 325 <option value="q">the end of 2011 326 <option value="r">the end of 2012 327 <option value="s">the end of 2013 328 <option value="t">the end of 2014 329 </select> 330 </td> 331 </tr><tr> 332 <td align=right id=findAcctPrompt> 333 <div class=findPromptClear id=findAcctClear><a href="#" 334 onClick="return findPromptClear('findAcct')">Clear</a></div> 335 Restrict to account: 336 </td><td colspan=2> 337 <select id=findAcct onchange="fixFindPrompts()"> 338 <option selected value="0">any 339 </select> 340 </td> 341 </tr><tr> 342 <td align=right id=findUnreadPrompt> 343 <div class=findPromptClear id=findUnreadClear><a href="#" 344 onClick="return findPromptClear('findUnread')">Clear</a></div> 345 Restrict to: 346 </td><td colspan=2> 347 <input id=findUnread type=checkbox onClick="fixFindPrompts()"> 348 unread messages only 349 </td> 350 </tr> 351 </table> 352 </form> 353 </td></tr></table> 354 355 <!-- Popup dialog "delete" --> 356 <table class=popup id="delete"><tr><td> 357 <form action="#" method=GET onSubmit="return confirmDelete()"> 358 <table class=bb> 359 <tr><td> 360 <b>Permanently delete...</b> 361 </td><td align=right> 362 <input type=submit value=" Cancel " 363 onClick="return toggle('delete')"> 364 </td> 365 </tr> 366 <tr><td class=fsep colspan=2></td></tr> 367 <tr valign=top><td> 368 <input type=submit id=deleteBtn value=" Delete "><br> 369 <input type=submit value=" Delete All " 370 onClick="return confirmDeleteAll()"> 371 </td> 372 </tr><tr><td colspan=2 class=popupComment align=right> 373 <span class=comment>This action <i>permanently</i> deletes either the 374 selected message, or all messages matching this query</span> 375 </td></tr></table> 376 </form> 377 </td></tr></table> 378 379 <!-- Popup dialog "moveCopy" --> 380 <table class=popup id="moveCopy"><tr><td> 381 <form action="#" method=GET onSubmit="return doMoveCopy(true)"> 382 <table class=bb> 383 <tr><td colspan=2> 384 <b>Move or copy to...</b> 385 </td><td align=right> 386 <input type=submit value=" Cancel " 387 onClick="return toggle('moveCopy')"> 388 </td> 389 </tr> 390 <tr><td class=fsep colspan=3></td></tr> 391 <tr valign=top><td rowspan=2><select id=moveFolder size=15> 392 <option value="Inbox">Inbox 393 <option value="Dropped">Dropped 394 <option value="Trash">Trash 395 <option value="-"> 396 </select> 397 </td><td> 398 <input type=submit id=moveBtn value=" Move "><br> 399 <input type=submit id=copyBtn value=" Copy " 400 onClick="return doMoveCopy(false)"><br> 401 <input type=submit id=moveAllBtn value=" Move All " 402 onClick="return confirmMoveCopy(true)"><br> 403 <input type=submit id=copyAllBtn value=" Copy All " 404 onClick="return confirmMoveCopy(false)"> 405 </td></tr><tr valign=top><td colspan=2 406 title="Keeps this window open after clicking 'Move' or 'Copy'"> 407 <input type=checkbox id=moveCopyStayOpen>&nbsp;Stay Open 408 </td> 409 </tr><tr><td colspan=3 class=popupComment align=right> 410 <span class=comment>("All" means "all messages matching this query")</span> 411 </td></tr></table> 412 </form> 413 </td></tr></table> 414 415 <!-- Popup dialog "mark" --> 416 <table class=popup id="mark"><tr><td> 417 <form action="#" method=GET onSubmit="return doMark(true, false)"> 418 <table class=bb> 419 <tr><td> 420 <b>Mark as...</b> 421 </td><td align=right> 422 <input type=submit name="markCancel" value=" Cancel " 423 onClick="return toggle('mark')"> 424 </td> 425 </tr> 426 <tr><td class=fsep colspan=2></td></tr> 427 <tr valign=top><td colspan=2> 428 <input type=submit id=markUnreadBtn value=" Unread "><br> 429 <input type=submit value=" All Unread " 430 onClick="return doMark(true, true)"><br> 431 <input type=submit value=" All Read " 432 onClick="return doMark(false, true)"> 433 </td> 434 </tr><tr><td colspan=2 class=popupComment align=right> 435 <span class=comment>("All" means "all messages matching this query")</span> 436 </td></tr></table> 437 </form> 438 </td></tr></table> 439 440 <!-- vertical button bar --> 441 <table class=bb id=folderList cellspacing=3> 442 <tr><td class=folderListComment> 443 <a class=openCloseBtn href="#" 444 onClick="return showAndHide('openFolders', 'folderList', 'block')" 445 >&#x25be;</a> 446 Folders: 447 </td></tr><tr><td class=btn id=folderListPrefix> 448 <a href="#" 449 onClick="return doOpen('Inbox')">Inbox</a> 450 <a href="#" 451 onClick="return doOpen('Dropped')">Dropped</a> 452 <a href="#" 453 onClick="return doOpen('Trash')">Trash</a> 454 <a href="#" 455 onClick="return doOpen('Unsent')">Unsent</a> 456 <div class=sep></div> 457 <div id=fqOpeners> 458 </div> 459 </td></tr> 460 </table> 461 462 <div class=sep></div> 463 464 465 <!-- Message list and its widgets --> 466 <div id=tocWrapper> 467 <div class=reopenBtn id=openFolders> 468 <a class=openCloseBtn href="#" 469 onClick="return showAndHide('folderList', 'openFolders', 'table')" 470 >&#x25b8;</a> 471 Folders... 472 </div> 473 <div class=scrollbar id=tocScrollbar> 474 <div class=scroller id=tocScrollbarScroller 475 title="Scroll within the messages"></div> 476 </div> 477 <div id=writing><b>Writing</b></div> 478 <div class="fixedNoWrap msg" id=toc 479 ><b>Loading ...</b><br><br><br><br><br><br><br><br><br><br><br></div> 480 </div> <!-- message list and its widgets --> 481 482 <div class=sep id=tocSep></div> 483 484 </div> <!-- end npd --> 485 486 <!-- Message contents --> 487 <div class=msg id=msg> 488 <div class=fixedButWrap id=msgHead></div> 489 <div id=msgBody></div> 490 </div> 491 <div class=clear></div> 492 493 </div> <!-- main screen --> 494 495 496 <!-- 497 // Contacts screen 498 --> 499 500 <div id=contactsScreen style="display: none"> 501 <table class=bb cellspacing=3><tr> 502 <td><b>Your Pachylet Contacts ...</b></td> 503 <td class=btn id=contactsNew><a href="#" 504 onClick="return doContactCreatePopup()">New...</a></td> 505 <td class=btn id=contactsDone><a href="#" 506 onClick="return contactsDone()">Done</a></td> 507 </tr></table> 508 509 <!-- Popup dialog "editContact" --> 510 <table class=popup id="editContact"><tr><td> 511 <form action="#" method=GET onSubmit="return doContactSave()"> 512 <table class=bb><tr><td> 513 <b><span id=ecPrompt>Create or Edit</span></b> 514 </td> 515 <td align=right> 516 <input type=hidden id=ecId value=""> 517 <input type=submit value=" Save "> 518 <input type=submit value=" Cancel " 519 onClick="return doContactCancel()"> 520 </td> 521 </tr> 522 <tr><td class=fsep colspan=2></td></tr> 523 <tr> 524 <td align=right>First name:</td> 525 <td><input type=text id=ecFirst value="" size=50></td> 526 </tr> 527 <tr> 528 <td align=right>Last name:</td> 529 <td><input type=text id=ecLast value="" size=50></td> 530 </tr> 531 <tr> 532 <td align=right>Nickname:</td> 533 <td><input type=text id=ecNickname value="" size=50></td> 534 </tr> 535 <tr> 536 <td align=right>Email Address:</td> 537 <td><input type=text id=ecEmail value="" size=50></td> 538 </tr> 539 <tr> 540 <td align=right>Postal Address:</td> 541 <td><input type=text id=ecAddress value="" size=50></td> 542 </tr> 543 <tr> 544 <td align=right>Home Phone:</td> 545 <td><input type=text id=ecHome value="" size=50></td> 546 </tr> 547 <tr> 548 <td align=right>Work Phone:</td> 549 <td><input type=text id=ecWork value="" size=50></td> 550 </tr> 551 <tr> 552 <td align=right>Mobile Phone:</td> 553 <td><input type=text id=ecMobile value="" size=50></td> 554 </tr> 555 </table> 556 </form> 557 </td></tr></table> 558 559 <div class=sep></div> 560 561 <div class=msg id=contacts> 562 </div> 563 564 </div> 565 566 567 <!-- 568 // Composition screen 569 --> 570 571 <div id=draftScreen style="display: none"> 572 573 <table class=bb cellspacing=3><tr> 574 <td class=btn><a href="#" 575 onClick="return attach()" 576 title="Attach a file to this message">Attach...</a></td> 577 <td><b><span id=draftTitle>&nbsp;</span></b></td> 578 <td class=btn><a href="#" 579 onClick="return confirmSendDraft()" 580 title="Send this message now">Send</a></td> 581 <td class=btn><a href="#" 582 onClick="return confirmDeleteDraft()" 583 title="Permanently delete this draft message" 584 >Discard</a></td> 585 <td class=btn><a href="#" 586 onClick="return ackAbandonDraft()" 587 title="Return to the main screen, leaving this draft in Unsent" 588 >Done</a></td> 589 </tr></table> 590 591 <!-- Popup dialog "attach" --> 592 <table class=popupLeft id="attach"><tr><td> 593 <form action="pachyletV2.php" method=POST 594 enctype="multipart/form-data" 595 onSubmit="return doAttach()" 596 target=attachFrame> 597 <table class=bb><tr><td> 598 <b>Attach a file... &nbsp;</b> 599 </td> 600 <td align=right> 601 <input type=hidden name=op value=attach> 602 <input type=hidden id=attachUser name=user> 603 <input type=hidden id=draftId name=dest> 604 <input type=submit value=" Attach "> 605 <input type=submit value=" Cancel " 606 onClick="return cancelAttach()"> 607 <iframe id=attachFrame name=attachFrame 608 style="display: none" 609 src="about:blank"></iframe> 610 </td> 611 </tr> 612 <tr><td class=fsep colspan=2></td></tr> 613 <tr> 614 <td colspan=2> 615 <input type=file name=attachment> 616 </td> 617 </tr> 618 </table> 619 </form> 620 </td></tr></table> 621 622 <div class=sep></div> 623 624 <div class=dlogScreen id=draftWrapper> 625 626 <div class=reopenBtn id=openContacts> 627 <a class=openCloseBtn href="#" 628 onClick="return showAndHide('draftContacts', 'openContacts', 'block')" 629 >&#x25b8;</a> 630 Contacts... 631 </div> 632 633 <div id=draftContacts> 634 <div class=bb> 635 <a class=openCloseBtn href="#" 636 onClick="return showAndHide('openContacts', 'draftContacts', 'block')" 637 >&#x25be;</a> 638 Contacts, sorted by: 639 <a href="#" onClick="return sortContacts(sortByFirst)">first</a> ... 640 <a href="#" onClick="return sortContacts(sortByLast)">last</a> 641 <form action="#" method=GET onSubmit="return draftContactsFind()"> 642 <div> 643 Find: <input id=draftContactsFilter type=text size=20 644 onchange="draftContactsFind()" 645 onfocus="draftFindFocus()" 646 onblur="draftFindBlur()"> 647 <input type=button value="all" 648 onClick="return draftContactsAll()"> 649 <span id=draftContactsFlip>&nbsp;</span> 650 </div> 651 </form> 652 </div> 653 <div class=sep></div> 654 <div class=msg id=recipientList> 655 Your contact here 656 </div> 657 </div> <!-- draftContacts --> 658 659 <form action="#" method=POST onSubmit="return false"> 660 <div> 661 <table cellspacing=0> 662 <tr> 663 <td>From:</td> 664 <td> 665 <select id=draftFrom size=1 666 onchange="draftChange()"><option value="">&nbsp;</select></td> 667 </tr><tr> 668 <td>To:</td> 669 <td><input id=draftTo type=text size=80 onchange="draftChange()"></td> 670 </tr><tr> 671 <td>Cc:</td> 672 <td><input id=draftCc type=text size=80 onchange="draftChange()"></td> 673 </tr><tr> 674 <td>Subject:</td> 675 <td><input id=draftSubject type=text size=80 onchange="draftChange()"></td> 676 </tr><tr style="vertical-align: top"> 677 <td>Attach:&nbsp;</td> 678 <td id=draftAtt>&nbsp;</td> 679 </tr> 680 </table> 681 &nbsp;<br> 682 <textarea id=draftBody cols=80 rows=25 onchange="draftChange()"> 683 </textarea> 684 </div> 685 </form> 686 687 <span id=draftSavedAt class=comment>&nbsp;</span>. 688 &nbsp; &nbsp; <span class=comment><a href="#" 689 onClick="return saveDraft()" 690 title="Save any changes, and stay on this screen" 691 >Save</a> (if modified since last saved)</span> 692 693 </div> <!-- draftWrapper --> 694 695 </div> <!-- draftScreen --> 696 697 698 <!-- 699 // Folder list editor 700 --> 701 702 <div id=foldersScreen style="display: none"> 703 704 <table class=bb cellspacing=3><tr> 705 <td></td> 706 <td class=btn><a href="#" 707 onClick="return foldersDone()">Done</a></td> 708 </tr></table> 709 710 <!-- Popup dialog "createFolder" --> 711 <table class=popup id="createFolder"><tr><td> 712 <form action="#" method=GET onSubmit="return doFolderSave()"> 713 <table class=bb><tr><td> 714 <b>Create a Normal Folder</b> 715 </td> 716 <td align=right> 717 <input type=submit value=" Save "> 718 <input type=submit value=" Cancel " 719 onClick="return doFolderCancel('createFolder')"> 720 </td> 721 </tr> 722 <tr><td class=fsep colspan=2></td></tr> 723 <tr> 724 <td colspan=2>Folder name: 725 <input type=text id=createFolderName value="" size=50> 726 </td> 727 </tr></table> 728 </form> 729 </td></tr></table> 730 731 <!-- Popup dialog "editQuery" --> 732 <table class=popup id="editQuery"><tr><td> 733 <form action="#" method=GET onSubmit="return doEqSave()"> 734 <table class=bb><tr><td> 735 <b><span id=eqPrompt1>Create</span><span id=eqPrompt2>Edit</span> 736 a Smart Folder</b> 737 </td> 738 <td align=right> 739 <input type=submit value=" Save "> 740 <input type=submit value=" Cancel " 741 onClick="return doFolderCancel('editQuery')"> 742 </td> 743 </tr> 744 <tr><td class=fsep colspan=2></td></tr> 745 <tr> 746 <td align=right>Folder name:</td> 747 <td> 748 <input type=text id=eqName1 value="" size=50> 749 <span id=eqName2></span> 750 </td> 751 </tr> 752 <tr><td align=right> 753 When new mail arrives: 754 </td><td> 755 <input type=checkbox id="eqFilter" value="" checked> 756 &nbsp;move matching messages to this folder 757 </td> 758 </tr> 759 <tr><td> 760 </td><td> 761 <input type=checkbox id="eqUnread" value="" checked> 762 &nbsp;leave moved messages marked as "Unread" 763 </td></tr> 764 <tr><td class=fsep colspan=2></td></tr> 765 <tr> 766 <td align=right>Search for words:</td> 767 <td><input type=text id=eqWords value="" size=50></td> 768 </tr><tr valign=top> 769 <td align=right> 770 Search in: 771 </td><td> 772 <select id=eqFindIn> 773 <option value="A">the entire message 774 <option value="H">only the message header 775 <option value="S">only the &quot;Subject&quot; field 776 <option value="F">only the &quot;From&quot; field 777 <option value="T">only the &quot;To&quot; and &quot;cc&quot; fields 778 </select> 779 </td> 780 </tr><tr> 781 <td align=right> 782 Dated from: 783 </td><td> 784 <select id=eqDateFrom> 785 <option value="B">the start of time 786 <option value="H">48 hours ago 787 <option value="W">a week ago 788 <option value="M">a month ago 789 <option value="Q">three months ago 790 <option value="Y">a year ago 791 <option value="a">the start of 1995 792 <option value="b">the start of 1996 793 <option value="c">the start of 1997 794 <option value="d">the start of 1998 795 <option value="e">the start of 1999 796 <option value="f">the start of 2000 797 <option value="g">the start of 2001 798 <option value="h">the start of 2002 799 <option value="i">the start of 2003 800 <option value="j">the start of 2004 801 <option value="k">the start of 2005 802 <option value="l">the start of 2006 803 <option value="m">the start of 2007 804 <option value="n">the start of 2008 805 <option value="o">the start of 2009 806 <option value="p">the start of 2010 807 <option value="q">the start of 2011 808 <option value="r">the start of 2012 809 <option value="s">the start of 2013 810 <option value="t">the start of 2014 811 </select> 812 </td> 813 </tr><tr> 814 <td align=right> 815 to: 816 </td><td> 817 <select id=eqDateTo> 818 <option value="E">the end of time 819 <option value="H">48 hours ago 820 <option value="W">a week ago 821 <option value="M">a month ago 822 <option value="Q">three months ago 823 <option value="Y">a year ago 824 <option value="a">the end of 1995 825 <option value="b">the end of 1996 826 <option value="c">the end of 1997 827 <option value="d">the end of 1998 828 <option value="e">the end of 1999 829 <option value="f">the end of 2000 830 <option value="g">the end of 2001 831 <option value="h">the end of 2002 832 <option value="i">the end of 2003 833 <option value="j">the end of 2004 834 <option value="k">the end of 2005 835 <option value="l">the end of 2006 836 <option value="m">the end of 2007 837 <option value="n">the end of 2008 838 <option value="o">the end of 2009 839 <option value="p">the end of 2010 840 <option value="q">the end of 2011 841 <option value="r">the end of 2012 842 <option value="s">the end of 2013 843 <option value="t">the end of 2014 844 </select> 845 </td> 846 </tr><tr> 847 <td align=right> 848 Restrict to account: 849 </td><td> 850 <select id=eqAcct> 851 <option selected value="0">any 852 </select> 853 </td> 854 </tr> 855 </table> 856 </form> 857 </td></tr></table> 858 859 <!-- Popup dialog "orderQuery" --> 860 <table class=popup id="orderQuery"><tr><td> 861 <form action="#" method=GET onSubmit="return doFolderCancel('orderQuery')"> 862 <table class=bb><tr><td colspan=2> 863 <b>Adjust Scan Order</b> 864 </td> 865 <td align=right> 866 <input type=submit value=" Done "> 867 </td> 868 </tr> 869 <tr><td class=fsep colspan=3></td></tr> 870 <tr valign=top><td>&nbsp;<select 871 id=foldersOrder size=15> 872 <option> 873 </select> 874 </td><td> 875 <input type=submit id=promoteBtn value=" Promote " 876 onClick="return doPromote()"><br> 877 <input type=submit id=demoteBtn value=" Demote " 878 onClick="return doDemote()"><br> 879 </td> 880 </tr><tr><td colspan=3 class=popupComment align=right> 881 <span class=comment>The smart folders' queries are applied to incoming 882 mail in this order, and the "scan" button checks them for unread mail in 883 this order.</span> 884 </td></tr></table> 885 </form> 886 </td></tr></table> 887 888 <div class=sep></div> 889 890 <div class=dlogScreen> 891 <form action="#" method=GET onSubmit="return doFolderCreatePopup()"> 892 <table class=dlogScreen><tr valign=top> 893 <td class=folderScreenL><b>Manage Your Normal Folders</b> 894 <p> 895 <span class=comment>Normal folders let you manually organize your messages 896 into appropriate piles. 897 </span></td> 898 <td class=folderScreenM align=right> 899 <select id=foldersNormal size=5> 900 <option> 901 </select> 902 </td><td class=folderScreenR> 903 <input type=submit value=" Create... "><br> 904 <input type=submit value=" Delete" 905 onClick="return confirmFolderDelete(false)"><br> 906 </td> 907 </tr> 908 </table> 909 </form> 910 </div> 911 912 <div class=sep></div> 913 914 <div class=dlogScreen> 915 <form action="#" method=GET onSubmit="return doEqCreatePopup()"> 916 <table class=dlogScreen><tr valign=top> 917 <td class=folderScreenL><b>Manage Your Smart Folders</b> 918 <p> 919 <span class=comment>Smart folders provide automatic sorting for your 920 incoming mail, and saved queries. 921 </span><p><span class=comment> 922 "Order" lets you adjust the order in which "Scan" examines your 923 smart folders. 924 </span><p><span class=comment> 925 "Find" finds all messages (excluding only ones in Trash) 926 that match the smart folder's query, ignoring its folder name. 927 </span> 928 </td> 929 <td class=folderScreenM align=right> 930 <select id=foldersSmart size=10> 931 <option> 932 </select> 933 </td><td class=folderScreenR> 934 <input type=submit value=" Create... "><br> 935 <input type=submit value=" Delete" 936 onClick="return confirmFolderDelete(true)"><br> 937 <input type=submit value=" Edit... " 938 onClick="return doEqEditPopup()"><br> 939 <input type=submit value=" Order... " 940 onClick="return doOrderPopup()"><br> 941 <input type=submit value=" Find " 942 onClick="return doQueryFind()"><br> 943 </td> 944 </tr></table> 945 </form> 946 </div> 947 948 </div> 949 950 951 <!-- 952 // Settings editor 953 --> 954 955 <div id=settingsScreen style="display: none"> 956 957 <table class=bb cellspacing=3><tr> 958 <td></td> 959 <td class=btn><a href="#" 960 onClick="return settingsDone()">Done</a></td> 961 </tr></table> 962 963 <!-- Popup dialog "editSettings" --> 964 <table class=popup id="editSettings"><tr><td> 965 <form action="#" method=GET onSubmit="return doSettingsSave()"> 966 <table class=bb><tr><td> 967 <b>Edit general settings</b> 968 </td> 969 <td align=right> 970 <input type=submit value=" Save "> 971 <input type=submit value=" Cancel " 972 onClick="return doSettingsCancel()"> 973 </td> 974 </tr> 975 <tr><td class=fsep colspan=2></td></tr> 976 <tr> 977 <td align=right>Display timezone:</td> 978 <td> 979 <select id=settingsTZ> 980 <option value="60">European 981 <option value="0">British 982 <option value="-300">U.S. Eastern 983 <option value="-360">U.S. Central 984 <option value="-420">U.S. Mountain 985 <option selected value="-480">U.S. Pacific 986 </select> 987 </td> 988 </tr> 989 <tr> 990 <td align=right>Pachylet password:</td> 991 <td><input type=password id=settingsPwd value="" size=50></td> 992 </tr> 993 </table> 994 </form> 995 </td></tr></table> 996 997 <!-- Popup dialog "editAccount" --> 998 <table class=popup id="editAccount"><tr><td> 999 <form action="#" method=GET onSubmit="return doAccountSave()"> 1000 <table class=bb><tr><td> 1001 <b><span id=acctPrompt1>Create</span><span id=acctPrompt2>Edit</span> 1002 an Account</b> 1003 </td> 1004 <td align=right> 1005 <input type=hidden id=acctId value=""> 1006 <input type=submit value=" Save "> 1007 <input type=submit value=" Cancel " 1008 onClick="return doAccountCancel()"> 1009 </td> 1010 </tr> 1011 <tr><td class=fsep colspan=2></td></tr> 1012 <tr> 1013 <td align=right>Protocol:</td> 1014 <td> 1015 <select id=acctType> 1016 <option selected value="POP3">POP 1017 <option value="SPOP">POP over SSL 1018 <option value="IMAP">IMAP 1019 <option value="SIMAP">IMAP over SSL 1020 <option value="SEND">"From" only 1021 </select> 1022 </td> 1023 </tr> 1024 <tr> 1025 <td align=right>Server name:</td> 1026 <td><input type=text id=acctServer value="" size=50></td> 1027 </tr> 1028 <tr><td></td><td><span class=comment> 1029 (For IMAP, use "server" or "server/folder")</span></td> 1030 </tr> 1031 <tr> 1032 <td align=right>User at server:</td> 1033 <td><input type=text id=acctUser value="" size=50></td> 1034 </tr> 1035 <tr> 1036 <td align=right>Password at server:</td> 1037 <td><input type=password id=acctPwd value="" size=50></td> 1038 </tr> 1039 <tr><td></td><td><span class=comment id=acctPwdPrompt> 1040 (Leave password blank to keep it unchanged)</span></td> 1041 </tr> 1042 <tr> 1043 <td align=right>From email:</td> 1044 <td><input type=text id=acctMsgfrom value="" size=50></td> 1045 </tr> 1046 <tr> 1047 <td align=right>From person:</td> 1048 <td><input type=text id=acctPerson value="" size=50></td> 1049 </tr> 1050 <tr> 1051 <td align=right>Delete after retrieving:</td> 1052 <td> 1053 <input type=checkbox id="acctDoDelete"> 1054 </td> 1055 </tr> 1056 </table> 1057 </form> 1058 </td></tr></table> 1059 1060 <div class=sep></div> 1061 1062 <div class=dlogScreen> 1063 <form action="#" method=GET onSubmit="return doEditSettingsPopup()"> 1064 <table class=dlogScreen><tr valign=top> 1065 <td class=folderScreenL><b>General Settings</b> 1066 <p> 1067 <span class=comment>The timezone to use when displaying message dates, 1068 and your Pachylet login password 1069 </span></td> 1070 <td class=folderScreenM align=right> 1071 </td><td class=folderScreenR> 1072 <input type=submit value=" Edit"><br> 1073 </td> 1074 </tr> 1075 </table> 1076 </form> 1077 </div> 1078 1079 <div class=sep></div> 1080 1081 <div class=dlogScreen> 1082 <form action="#" method=GET onSubmit="return doAccountCreatePopup()"> 1083 <table class=dlogScreen><tr valign=top> 1084 <td class=folderScreenL><b>Mail Server Accounts</b> 1085 <p> 1086 <span class=comment>Servers where your email arrives, 1087 and the "From" address to use when sending email 1088 </span> 1089 </td> 1090 <td class=folderScreenM align=right> 1091 <select id=accounts size=10> 1092 <option> 1093 </select> 1094 </td><td class=folderScreenR> 1095 <input type=submit value=" Create... "><br> 1096 <input type=submit value=" Forget" 1097 onClick="return confirmAccountDelete()"><br> 1098 <input type=submit value=" Edit... " 1099 onClick="return doAccountEditPopup()"><br> 1100 </td> 1101 </tr></table> 1102 </form> 1103 </div> 1104 1105 </div> <!-- settingsScreen --> 1106 1107 1108 <!-- 1109 // Credit line 1110 --> 1111 1112 <div class=npd> 1113 <a class=crBtn href="help.html" title="View the documentation">Help</a> 1114 <a class=crBtn href="#" 1115 onclick="return switchVersion('mobile')" 1116 title="Switch to the mobile UI">Mobile</a> 1117 <a class=crBtn href="#" title="Scroll to top" 1118 onClick="{scroll(0,0); return false;}">Top</a> 1119 </div> <!-- npd --> 1120 <div class=cr id=creditLine> 1121 Pachylet, version 2.2<span class=npd id=creditExtra></span> 1122 </div> 1123 1124 <!-- The end --> 1125 </body> 1126 </html>
End of listing